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

package/lib/commonjs/slider/SliderThumb.js

@@ -0,0 +1,228 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SliderThumb = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _utils = require("@cdx-ui/utils");
+var _focus = require("@react-native-aria/focus");
+var _interactions = require("@react-native-aria/interactions");
+var _slot = require("../slot");
+var _assignRef = require("../utils/assignRef");
+var _dataAttributes = require("../utils/dataAttributes");
+var _context = require("./context");
+var _useSliderPointer = require("./useSliderPointer");
+var _utils2 = require("./utils");
+var _jsxRuntime = require("react/jsx-runtime");
+const SliderThumb = exports.SliderThumb = /*#__PURE__*/(0, _react.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
+  } = (0, _context.useSliderContext)();
+  const percentRef = (0, _react.useRef)(percent);
+  percentRef.current = percent;
+  const dragStartRatio = (0, _react.useRef)(0);
+  const lastRatioRef = (0, _react.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 = (0, _react.useRef)(orientation);
+  orientationRef.current = orientation;
+  const trackLayoutRef = (0, _react.useRef)(trackLayout);
+  trackLayoutRef.current = trackLayout;
+  const thumbSizeRef = (0, _react.useRef)(thumbSize);
+  thumbSizeRef.current = thumbSize;
+  const isDisabledRef = (0, _react.useRef)(isDisabled);
+  isDisabledRef.current = isDisabled;
+  const setValueFromRatioRef = (0, _react.useRef)(setValueFromRatio);
+  setValueFromRatioRef.current = setValueFromRatio;
+  const setIsDraggingRef = (0, _react.useRef)(setIsDragging);
+  setIsDraggingRef.current = setIsDragging;
+  const {
+    hoverProps,
+    isHovered
+  } = (0, _interactions.useHover)();
+  const {
+    focusProps,
+    isFocused
+  } = (0, _focus.useFocus)();
+  const {
+    isFocusVisible,
+    focusProps: focusRingProps
+  } = (0, _focus.useFocusRing)();
+  const {
+    pressProps: pressableProps,
+    isPressed
+  } = (0, _interactions.usePress)({
+    isDisabled
+  });
+  const {
+    startDrag
+  } = (0, _useSliderPointer.useWebSliderDrag)({
+    isDisabled,
+    setIsDragging,
+    setValueFromRatio,
+    trackLayout,
+    orientation,
+    thumbSize
+  });
+  const panResponder = (0, _react.useMemo)(() => _reactNative.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 = (0, _utils2.getThumbTravel)(trackSize, thumbSizeRef.current);
+      if (travel <= 0) {
+        return;
+      }
+      const delta = isHorizontal ? gestureState.dx : -gestureState.dy;
+      const nextRatio = (0, _utils2.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 = (0, _react.useMemo)(() => {
+    const trackSize = trackLayout == null ? 0 : orientation === 'horizontal' ? trackLayout.width : trackLayout.height;
+    const offset = (0, _utils2.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 = (0, _react.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 = (0, _react.useCallback)(event => {
+    if (_reactNative.Platform.OS !== 'web' || isDisabled) {
+      return;
+    }
+    event.preventDefault();
+    event.stopPropagation();
+    const {
+      x,
+      y
+    } = (0, _useSliderPointer.getPointerCoords)(event.nativeEvent);
+    startDrag(x, y, percentRef.current / 100);
+  }, [isDisabled, startDrag]);
+  const isWeb = _reactNative.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.Slot : isWeb ? _reactNative.Pressable : _reactNative.View;
+  const setThumbRef = (0, _react.useCallback)(node => {
+    thumbRef.current = node;
+    (0, _assignRef.assignRef)(ref, node);
+  }, [ref, thumbRef]);
+  const webInteractionProps = {
+    onPointerDown: handlePointerDown,
+    onHoverIn: (0, _utils.composeEventHandlers)(onHoverIn, (0, _utils.composeEventHandlers)(hoverProps.onHoverIn, () => setIsHovered(true))),
+    onHoverOut: (0, _utils.composeEventHandlers)(onHoverOut, (0, _utils.composeEventHandlers)(hoverProps.onHoverOut, () => setIsHovered(false))),
+    onPressIn: (0, _utils.composeEventHandlers)(onPressIn, pressableProps.onPressIn),
+    onPressOut: (0, _utils.composeEventHandlers)(onPressOut, pressableProps.onPressOut),
+    disabled: isDisabled,
+    tabIndex: -1
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
+    ref: setThumbRef,
+    ...props,
+    ...(isWeb ? webInteractionProps : panResponder.panHandlers),
+    onLayout: handleLayout,
+    onFocus: (0, _utils.composeEventHandlers)((0, _utils.composeEventHandlers)(onFocus, focusProps.onFocus), (0, _utils.composeEventHandlers)(focusRingProps.onFocus, () => setIsFocused(true))),
+    onBlur: (0, _utils.composeEventHandlers)((0, _utils.composeEventHandlers)(onBlur, focusProps.onBlur), (0, _utils.composeEventHandlers)(focusRingProps.onBlur, () => setIsFocused(false))),
+    style: [thumbStyle, style],
+    accessibilityRole: "none",
+    importantForAccessibility: "no",
+    ...(0, _dataAttributes.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/commonjs/slider/SliderThumb.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_utils","_focus","_interactions","_slot","_assignRef","_dataAttributes","_context","_useSliderPointer","_utils2","_jsxRuntime","SliderThumb","exports","forwardRef","asChild","style","onLayout","onHoverIn","onHoverOut","onFocus","onBlur","onPressIn","onPressOut","children","props","ref","percent","orientation","isDisabled","isDragging","trackLayout","thumbSize","setValueFromRatio","setIsDragging","setIsHovered","setIsFocused","setThumbSize","thumbRef","useSliderContext","percentRef","useRef","current","dragStartRatio","lastRatioRef","orientationRef","trackLayoutRef","thumbSizeRef","isDisabledRef","setValueFromRatioRef","setIsDraggingRef","hoverProps","isHovered","useHover","focusProps","isFocused","useFocus","isFocusVisible","focusRingProps","useFocusRing","pressProps","pressableProps","isPressed","usePress","startDrag","useWebSliderDrag","panResponder","useMemo","PanResponder","create","onStartShouldSetPanResponder","onMoveShouldSetPanResponder","onPanResponderGrant","onPanResponderMove","_event","gestureState","layout","isHorizontal","trackSize","width","height","travel","getThumbTravel","delta","dx","dy","nextRatio","clamp","onPanResponderRelease","onPanResponderTerminate","thumbStyle","offset","percentToThumbOffset","position","left","bottom","marginLeft","zIndex","top","transform","translateY","handleLayout","useCallback","event","nativeEvent","measured","handlePointerDown","Platform","OS","preventDefault","stopPropagation","x","y","getPointerCoords","isWeb","Comp","Slot","Pressable","View","setThumbRef","node","assignRef","webInteractionProps","onPointerDown","composeEventHandlers","disabled","tabIndex","jsx","panHandlers","accessibilityRole","importantForAccessibility","dataAttributes","slot","hover","focus","focusVisible","active","dragging","displayName"],"sourceRoot":"../../../src","sources":["slider/SliderThumb.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAUA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,UAAA,GAAAN,OAAA;AACA,IAAAO,eAAA,GAAAP,OAAA;AACA,IAAAQ,QAAA,GAAAR,OAAA;AAEA,IAAAS,iBAAA,GAAAT,OAAA;AACA,IAAAU,OAAA,GAAAV,OAAA;AAAsE,IAAAW,WAAA,GAAAX,OAAA;AAI/D,MAAMY,WAAW,GAAAC,OAAA,CAAAD,WAAA,gBAAG,IAAAE,iBAAU,EACnC,CACE;EACEC,OAAO;EACPC,KAAK;EACLC,QAAQ;EACRC,SAAS;EACTC,UAAU;EACVC,OAAO;EACPC,MAAM;EACNC,SAAS;EACTC,UAAU;EACVC,QAAQ;EACR,GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAM;IACJC,OAAO;IACPC,WAAW;IACXC,UAAU;IACVC,UAAU;IACVC,WAAW;IACXC,SAAS;IACTC,iBAAiB;IACjBC,aAAa;IACbC,YAAY;IACZC,YAAY;IACZC,YAAY;IACZC;EACF,CAAC,GAAG,IAAAC,yBAAgB,EAAC,CAAC;EAEtB,MAAMC,UAAU,GAAG,IAAAC,aAAM,EAACd,OAAO,CAAC;EAClCa,UAAU,CAACE,OAAO,GAAGf,OAAO;EAE5B,MAAMgB,cAAc,GAAG,IAAAF,aAAM,EAAC,CAAC,CAAC;EAChC,MAAMG,YAAY,GAAG,IAAAH,aAAM,EAACd,OAAO,GAAG,GAAG,CAAC;;EAE1C;EACA;EACA;EACA;EACA;EACA;EACA,MAAMkB,cAAc,GAAG,IAAAJ,aAAM,EAACb,WAAW,CAAC;EAC1CiB,cAAc,CAACH,OAAO,GAAGd,WAAW;EACpC,MAAMkB,cAAc,GAAG,IAAAL,aAAM,EAACV,WAAW,CAAC;EAC1Ce,cAAc,CAACJ,OAAO,GAAGX,WAAW;EACpC,MAAMgB,YAAY,GAAG,IAAAN,aAAM,EAACT,SAAS,CAAC;EACtCe,YAAY,CAACL,OAAO,GAAGV,SAAS;EAChC,MAAMgB,aAAa,GAAG,IAAAP,aAAM,EAACZ,UAAU,CAAC;EACxCmB,aAAa,CAACN,OAAO,GAAGb,UAAU;EAClC,MAAMoB,oBAAoB,GAAG,IAAAR,aAAM,EAACR,iBAAiB,CAAC;EACtDgB,oBAAoB,CAACP,OAAO,GAAGT,iBAAiB;EAChD,MAAMiB,gBAAgB,GAAG,IAAAT,aAAM,EAACP,aAAa,CAAC;EAC9CgB,gBAAgB,CAACR,OAAO,GAAGR,aAAa;EAExC,MAAM;IAAEiB,UAAU;IAAEC;EAAU,CAAC,GAAG,IAAAC,sBAAQ,EAAC,CAAC;EAC5C,MAAM;IAAEC,UAAU;IAAEC;EAAU,CAAC,GAAG,IAAAC,eAAQ,EAAC,CAAC;EAC5C,MAAM;IAAEC,cAAc;IAAEH,UAAU,EAAEI;EAAe,CAAC,GAAG,IAAAC,mBAAY,EAAC,CAGnE;EACD,MAAM;IAAEC,UAAU,EAAEC,cAAc;IAAEC;EAAU,CAAC,GAAG,IAAAC,sBAAQ,EAAC;IAAElC;EAAW,CAAC,CAGxE;EAED,MAAM;IAAEmC;EAAU,CAAC,GAAG,IAAAC,kCAAgB,EAAC;IACrCpC,UAAU;IACVK,aAAa;IACbD,iBAAiB;IACjBF,WAAW;IACXH,WAAW;IACXI;EACF,CAAC,CAAC;EAEF,MAAMkC,YAAY,GAAG,IAAAC,cAAO,EAC1B,MACEC,yBAAY,CAACC,MAAM,CAAC;IAClBC,4BAA4B,EAAEA,CAAA,KAAM,CAACtB,aAAa,CAACN,OAAO;IAC1D6B,2BAA2B,EAAEA,CAAA,KAAM,CAACvB,aAAa,CAACN,OAAO;IACzD8B,mBAAmB,EAAEA,CAAA,KAAM;MACzB,IAAIxB,aAAa,CAACN,OAAO,EAAE;QACzB;MACF;MACAQ,gBAAgB,CAACR,OAAO,CAAC,IAAI,CAAC;MAC9BC,cAAc,CAACD,OAAO,GAAGF,UAAU,CAACE,OAAO,GAAG,GAAG;MACjDE,YAAY,CAACF,OAAO,GAAGC,cAAc,CAACD,OAAO;IAC/C,CAAC;IACD+B,kBAAkB,EAAEA,CAACC,MAAM,EAAEC,YAAY,KAAK;MAC5C,MAAMC,MAAM,GAAG9B,cAAc,CAACJ,OAAO;MACrC,IAAI,CAACkC,MAAM,EAAE;QACX;MACF;MACA,MAAMC,YAAY,GAAGhC,cAAc,CAACH,OAAO,KAAK,YAAY;MAC5D,MAAMoC,SAAS,GAAGD,YAAY,GAAGD,MAAM,CAACG,KAAK,GAAGH,MAAM,CAACI,MAAM;MAC7D,MAAMC,MAAM,GAAG,IAAAC,sBAAc,EAACJ,SAAS,EAAE/B,YAAY,CAACL,OAAO,CAAC;MAC9D,IAAIuC,MAAM,IAAI,CAAC,EAAE;QACf;MACF;MACA,MAAME,KAAK,GAAGN,YAAY,GAAGF,YAAY,CAACS,EAAE,GAAG,CAACT,YAAY,CAACU,EAAE;MAC/D,MAAMC,SAAS,GAAG,IAAAC,aAAK,EAAC5C,cAAc,CAACD,OAAO,GAAGyC,KAAK,GAAGF,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC;MACtErC,YAAY,CAACF,OAAO,GAAG4C,SAAS;MAChCrC,oBAAoB,CAACP,OAAO,CAAC4C,SAAS,CAAC;IACzC,CAAC;IACDE,qBAAqB,EAAEA,CAAA,KAAM;MAC3BtC,gBAAgB,CAACR,OAAO,CAAC,KAAK,CAAC;MAC/BO,oBAAoB,CAACP,OAAO,CAACE,YAAY,CAACF,OAAO,EAAE,IAAI,CAAC;IAC1D,CAAC;IACD+C,uBAAuB,EAAEA,CAAA,KAAM;MAC7BvC,gBAAgB,CAACR,OAAO,CAAC,KAAK,CAAC;MAC/BO,oBAAoB,CAACP,OAAO,CAACE,YAAY,CAACF,OAAO,EAAE,IAAI,CAAC;IAC1D;EACF,CAAC,CAAC,EACJ,EACF,CAAC;EAED,MAAMgD,UAAU,GAAG,IAAAvB,cAAO,EAAC,MAAiB;IAC1C,MAAMW,SAAS,GACb/C,WAAW,IAAI,IAAI,GACf,CAAC,GACDH,WAAW,KAAK,YAAY,GAC1BG,WAAW,CAACgD,KAAK,GACjBhD,WAAW,CAACiD,MAAM;IAC1B,MAAMW,MAAM,GAAG,IAAAC,4BAAoB,EAACjE,OAAO,EAAEmD,SAAS,EAAE9C,SAAS,CAAC;IAElE,IAAIJ,WAAW,KAAK,UAAU,EAAE;MAC9B,OAAO;QACLiE,QAAQ,EAAE,UAAU;QACpBC,IAAI,EAAE,KAAK;QACXC,MAAM,EAAEJ,MAAM;QACdK,UAAU,EAAE,CAAChE,SAAS,GAAG,CAAC;QAC1BiE,MAAM,EAAE;MACV,CAAC;IACH;IAEA,OAAO;MACLJ,QAAQ,EAAE,UAAU;MACpBK,GAAG,EAAE,KAAK;MACVJ,IAAI,EAAEH,MAAM;MACZQ,SAAS,EAAE,CAAC;QAAEC,UAAU,EAAE,CAACpE,SAAS,GAAG;MAAE,CAAC,CAAC;MAC3CiE,MAAM,EAAE;IACV,CAAC;EACH,CAAC,EAAE,CAACrE,WAAW,EAAED,OAAO,EAAEK,SAAS,EAAED,WAAW,CAAC,CAAC;EAElD,MAAMsE,YAAY,GAAG,IAAAC,kBAAW,EAC7BC,KAAwB,IAAK;IAC5B,MAAM;MAAExB,KAAK;MAAEC;IAAO,CAAC,GAAGuB,KAAK,CAACC,WAAW,CAAC5B,MAAM;IAClD,MAAM6B,QAAQ,GAAG7E,WAAW,KAAK,YAAY,GAAGmD,KAAK,GAAGC,MAAM;IAC9D,IAAIyB,QAAQ,GAAG,CAAC,EAAE;MAChBpE,YAAY,CAACoE,QAAQ,CAAC;IACxB;IACA,IAAIxF,QAAQ,EAAE;MACZA,QAAQ,CAACsF,KAAK,CAAC;IACjB;EACF,CAAC,EACD,CAACtF,QAAQ,EAAEW,WAAW,EAAES,YAAY,CACtC,CAAC;EAED,MAAMqE,iBAAiB,GAAG,IAAAJ,kBAAW,EAClCC,KAA4B,IAAK;IAChC,IAAII,qBAAQ,CAACC,EAAE,KAAK,KAAK,IAAI/E,UAAU,EAAE;MACvC;IACF;IACA0E,KAAK,CAACM,cAAc,CAAC,CAAC;IACtBN,KAAK,CAACO,eAAe,CAAC,CAAC;IACvB,MAAM;MAAEC,CAAC;MAAEC;IAAE,CAAC,GAAG,IAAAC,kCAAgB,EAACV,KAAK,CAACC,WAAW,CAAC;IACpDxC,SAAS,CAAC+C,CAAC,EAAEC,CAAC,EAAExE,UAAU,CAACE,OAAO,GAAG,GAAG,CAAC;EAC3C,CAAC,EACD,CAACb,UAAU,EAAEmC,SAAS,CACxB,CAAC;EAED,MAAMkD,KAAK,GAAGP,qBAAQ,CAACC,EAAE,KAAK,KAAK;;EAEnC;EACA;EACA;EACA;EACA;EACA;EACA,MAAMO,IAAI,GAAGpG,OAAO,GAAGqG,UAAI,GAAGF,KAAK,GAAGG,sBAAS,GAAGC,iBAAI;EAEtD,MAAMC,WAAW,GAAG,IAAAjB,kBAAW,EAC5BkB,IAA2C,IAAK;IAC/ClF,QAAQ,CAACI,OAAO,GAAG8E,IAAI;IACvB,IAAAC,oBAAS,EAAC/F,GAAG,EAAE8F,IAAI,CAAC;EACtB,CAAC,EACD,CAAC9F,GAAG,EAAEY,QAAQ,CAChB,CAAC;EAED,MAAMoF,mBAAmC,GAAG;IAC1CC,aAAa,EAAEjB,iBAA+D;IAC9ExF,SAAS,EAAE,IAAA0G,2BAAoB,EAC7B1G,SAAS,EACT,IAAA0G,2BAAoB,EAACzE,UAAU,CAACjC,SAAS,EAAE,MAAMiB,YAAY,CAAC,IAAI,CAAC,CACrE,CAAC;IACDhB,UAAU,EAAE,IAAAyG,2BAAoB,EAC9BzG,UAAU,EACV,IAAAyG,2BAAoB,EAACzE,UAAU,CAAChC,UAAU,EAAE,MAAMgB,YAAY,CAAC,KAAK,CAAC,CACvE,CAAC;IACDb,SAAS,EAAE,IAAAsG,2BAAoB,EAACtG,SAAS,EAAEuC,cAAc,CAACvC,SAAS,CAAC;IACpEC,UAAU,EAAE,IAAAqG,2BAAoB,EAACrG,UAAU,EAAEsC,cAAc,CAACtC,UAAU,CAAC;IACvEsG,QAAQ,EAAEhG,UAAU;IACpBiG,QAAQ,EAAE,CAAC;EACb,CAAC;EAED,oBACE,IAAAnH,WAAA,CAAAoH,GAAA,EAACZ,IAAI;IACHzF,GAAG,EAAE6F,WAAY;IAAA,GACZ9F,KAAK;IAAA,IACLyF,KAAK,GAAGQ,mBAAmB,GAAGxD,YAAY,CAAC8D,WAAW;IAC3D/G,QAAQ,EAAEoF,YAAa;IACvBjF,OAAO,EAAE,IAAAwG,2BAAoB,EAC3B,IAAAA,2BAAoB,EAACxG,OAAO,EAAqCkC,UAAU,CAAClC,OAAO,CAAC,EACpF,IAAAwG,2BAAoB,EAAClE,cAAc,CAACtC,OAAO,EAAE,MAAMgB,YAAY,CAAC,IAAI,CAAC,CACvE,CAAE;IACFf,MAAM,EAAE,IAAAuG,2BAAoB,EAC1B,IAAAA,2BAAoB,EAACvG,MAAM,EAAqCiC,UAAU,CAACjC,MAAM,CAAC,EAClF,IAAAuG,2BAAoB,EAAClE,cAAc,CAACrC,MAAM,EAAE,MAAMe,YAAY,CAAC,KAAK,CAAC,CACvE,CAAE;IACFpB,KAAK,EAAE,CAAC0E,UAAU,EAAE1E,KAAK,CAAE;IAC3BiH,iBAAiB,EAAC,MAAM;IACxBC,yBAAyB,EAAC,IAAI;IAAA,GAC1B,IAAAC,8BAAc,EAAC;MACjBC,IAAI,EAAE,cAAc;MACpBC,KAAK,EAAEjF,SAAS;MAChBkF,KAAK,EAAE/E,SAAS;MAChBgF,YAAY,EAAE9E,cAAc;MAC5B;MACA;MACA;MACA+E,MAAM,EAAE1E,SAAS,IAAIhC,UAAU;MAC/B2G,QAAQ,EAAE3G,UAAU;MACpB+F,QAAQ,EAAEhG;IACZ,CAAC,CAAC;IAAAL,QAAA,EAEDA;EAAQ,CACL,CAAC;AAEX,CACF,CAAC;AAEDZ,WAAW,CAAC8H,WAAW,GAAG,aAAa","ignoreList":[]}

package/lib/commonjs/slider/context.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useSliderContext = exports.SliderProvider = void 0;
+var _utils = require("@cdx-ui/utils");
+const [SliderProvider, useSliderContext] = (0, _utils.createContext)('SliderContext');
+exports.useSliderContext = useSliderContext;
+exports.SliderProvider = SliderProvider;
+//# sourceMappingURL=context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_utils","require","SliderProvider","useSliderContext","createContext","exports"],"sourceRoot":"../../../src","sources":["slider/context.tsx"],"mappings":";;;;;;AAEA,IAAAA,MAAA,GAAAC,OAAA;AAkCO,MAAM,CAACC,cAAc,EAAEC,gBAAgB,CAAC,GAC7C,IAAAC,oBAAa,EAAqB,eAAe,CAAC;AAACC,OAAA,CAAAF,gBAAA,GAAAA,gBAAA;AAAAE,OAAA,CAAAH,cAAA,GAAAA,cAAA","ignoreList":[]}

package/lib/commonjs/slider/index.js

@@ -0,0 +1,65 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "SLIDER_MARKER_SIZE", {
+  enumerable: true,
+  get: function () {
+    return _utils.SLIDER_MARKER_SIZE;
+  }
+});
+Object.defineProperty(exports, "SliderRail", {
+  enumerable: true,
+  get: function () {
+    return _SliderRail.SliderRail;
+  }
+});
+Object.defineProperty(exports, "SliderRoot", {
+  enumerable: true,
+  get: function () {
+    return _SliderRoot.SliderRoot;
+  }
+});
+Object.defineProperty(exports, "SliderThumb", {
+  enumerable: true,
+  get: function () {
+    return _SliderThumb.SliderThumb;
+  }
+});
+Object.defineProperty(exports, "getMarkerPositionStyle", {
+  enumerable: true,
+  get: function () {
+    return _utils.getMarkerPositionStyle;
+  }
+});
+Object.defineProperty(exports, "getMarkerStepValues", {
+  enumerable: true,
+  get: function () {
+    return _utils.getMarkerStepValues;
+  }
+});
+Object.defineProperty(exports, "percentToFillExtent", {
+  enumerable: true,
+  get: function () {
+    return _utils.percentToFillExtent;
+  }
+});
+Object.defineProperty(exports, "useSliderContext", {
+  enumerable: true,
+  get: function () {
+    return _context.useSliderContext;
+  }
+});
+Object.defineProperty(exports, "valueToPercent", {
+  enumerable: true,
+  get: function () {
+    return _utils.valueToPercent;
+  }
+});
+var _context = require("./context");
+var _SliderRoot = require("./SliderRoot");
+var _SliderRail = require("./SliderRail");
+var _SliderThumb = require("./SliderThumb");
+var _utils = require("./utils");
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_context","require","_SliderRoot","_SliderRail","_SliderThumb","_utils"],"sourceRoot":"../../../src","sources":["slider/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA","ignoreList":[]}

package/lib/commonjs/slider/types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

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

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

package/lib/commonjs/slider/useSliderPointer.js

@@ -0,0 +1,116 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getPointerCoords = getPointerCoords;
+exports.getRatioFromPagePoint = getRatioFromPagePoint;
+exports.useWebSliderDrag = useWebSliderDrag;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _utils = require("./utils");
+function getPointerCoords(nativeEvent) {
+  if (_reactNative.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
+  };
+}
+function getRatioFromPagePoint(pageX, pageY, trackLayout, orientation, thumbSize) {
+  if (!trackLayout) {
+    return 0;
+  }
+  if (orientation === 'horizontal') {
+    return (0, _utils.pointerCoordToRatio)(pageX, trackLayout.x, trackLayout.width, thumbSize);
+  }
+  return (0, _utils.pointerCoordToVerticalRatio)(pageY, trackLayout.y, trackLayout.height, thumbSize);
+}
+function useWebSliderDrag({
+  isDisabled,
+  setIsDragging,
+  setValueFromRatio,
+  trackLayout,
+  orientation,
+  thumbSize
+}) {
+  const draggingRef = (0, _react.useRef)(false);
+  const lastRatioRef = (0, _react.useRef)(0);
+  const dragContextRef = (0, _react.useRef)(null);
+  const cleanupRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(() => {
+    return () => {
+      cleanupRef.current?.();
+      cleanupRef.current = null;
+    };
+  }, []);
+  const endDrag = (0, _react.useCallback)(() => {
+    if (!draggingRef.current) {
+      return;
+    }
+    draggingRef.current = false;
+    dragContextRef.current = null;
+    setIsDragging(false);
+    setValueFromRatio(lastRatioRef.current, true);
+  }, [setIsDragging, setValueFromRatio]);
+  const startDrag = (0, _react.useCallback)((pageX, pageY, anchorRatio, trackLayoutOverride) => {
+    if (isDisabled || _reactNative.Platform.OS !== 'web' || typeof window === 'undefined') {
+      return;
+    }
+    const layout = trackLayoutOverride ?? trackLayout;
+    if (!layout) {
+      return;
+    }
+    const trackSize = orientation === 'horizontal' ? layout.width : layout.height;
+    const travel = (0, _utils.getThumbTravel)(trackSize, thumbSize);
+    if (travel <= 0) {
+      return;
+    }
+    const startPointer = orientation === 'horizontal' ? pageX : pageY;
+    const startRatio = anchorRatio != null ? (0, _utils.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 = (0, _utils.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/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":[]}