@cdx-ui/primitives 0.0.1-beta.17 → 0.0.1-beta.170

package/lib/commonjs/slider/SliderRoot.js

@@ -0,0 +1,186 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SliderRoot = 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 _slot = require("../slot");
+var _dataAttributes = require("../utils/dataAttributes");
+var _context = require("./context");
+var _utils2 = require("./utils");
+var _jsxRuntime = require("react/jsx-runtime");
+const STEP_KEYS = new Set(['ArrowUp', 'ArrowRight', 'ArrowDown', 'ArrowLeft', 'Home', 'End']);
+const SliderRoot = exports.SliderRoot = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
+  value: valueProp,
+  defaultValue,
+  onChange,
+  onChangeComplete,
+  min = 0,
+  max = 100,
+  step = 1,
+  isDisabled = false,
+  orientation = 'horizontal',
+  accessibilityLabel,
+  accessibilityValue: accessibilityValueProp,
+  accessibilityRole = 'adjustable',
+  role = 'slider',
+  children,
+  onLayout,
+  ...props
+}, ref) => {
+  const [trackLayout, setTrackLayoutState] = (0, _react.useState)(null);
+  const [thumbSize, setThumbSizeState] = (0, _react.useState)(20);
+  const [isDragging, setIsDragging] = (0, _react.useState)(false);
+  const [isHovered, setIsHovered] = (0, _react.useState)(false);
+  const [isFocusedState, setIsFocusedState] = (0, _react.useState)(false);
+  const thumbRef = (0, _react.useRef)(null);
+  const {
+    focusProps,
+    isFocused
+  } = (0, _focus.useFocus)();
+  const resolvedDefault = defaultValue ?? min;
+  const [value, setValueState] = (0, _utils.useControllableState)({
+    prop: valueProp,
+    defaultProp: resolvedDefault,
+    onChange
+  });
+  const currentValue = (0, _utils2.snapToStep)(value ?? resolvedDefault, min, max, step);
+  const percent = (0, _utils2.valueToPercent)(currentValue, min, max);
+  const setValue = (0, _react.useCallback)((next, complete = false) => {
+    if (isDisabled) {
+      return;
+    }
+    const snapped = (0, _utils2.snapToStep)(next, min, max, step);
+    setValueState(snapped);
+    if (complete) {
+      onChangeComplete?.(snapped);
+    }
+  }, [isDisabled, max, min, onChangeComplete, setValueState, step]);
+  const setValueFromRatio = (0, _react.useCallback)((ratio, complete = false) => {
+    const next = min + (0, _utils2.clamp)(ratio, 0, 1) * (max - min);
+    setValue(next, complete);
+  }, [max, min, setValue]);
+  const setTrackLayout = (0, _react.useCallback)(layout => {
+    setTrackLayoutState(prev => {
+      if (prev !== null && prev.width === layout.width && prev.height === layout.height && prev.x === layout.x && prev.y === layout.y) {
+        return prev;
+      }
+      return layout;
+    });
+  }, []);
+  const setThumbSize = (0, _react.useCallback)(size => {
+    setThumbSizeState(prev => prev === size ? prev : size);
+  }, []);
+  const accessibilityValue = (0, _react.useMemo)(() => {
+    const defaults = {
+      min,
+      max,
+      now: currentValue,
+      text: (0, _utils2.formatSliderValue)(currentValue)
+    };
+    if (accessibilityValueProp === undefined) {
+      return defaults;
+    }
+    return {
+      ...defaults,
+      ...accessibilityValueProp
+    };
+  }, [accessibilityValueProp, currentValue, max, min]);
+  const getValueLabel = (0, _react.useCallback)(() => accessibilityValue.text, [accessibilityValue.text]);
+  const handleKeyDown = (0, _react.useCallback)(event => {
+    if (isDisabled) {
+      return;
+    }
+    const key = event.nativeEvent.key;
+    if (!key || !STEP_KEYS.has(key)) {
+      return;
+    }
+    if (_reactNative.Platform.OS === 'web') {
+      event.preventDefault();
+    }
+    let next = currentValue;
+    if (key === 'ArrowUp' || key === 'ArrowRight') {
+      next = currentValue + step;
+    } else if (key === 'ArrowDown' || key === 'ArrowLeft') {
+      next = currentValue - step;
+    } else if (key === 'Home') {
+      next = min;
+    } else if (key === 'End') {
+      next = max;
+    }
+    setValue(next, true);
+  }, [currentValue, isDisabled, max, min, setValue, step]);
+  const contextValue = (0, _react.useMemo)(() => ({
+    value: currentValue,
+    min,
+    max,
+    step,
+    percent,
+    orientation,
+    isDisabled,
+    isDragging,
+    isHovered,
+    isFocused: isFocused || isFocusedState,
+    trackLayout,
+    thumbSize,
+    setValue,
+    setValueFromRatio,
+    setTrackLayout,
+    setThumbSize,
+    setIsDragging,
+    setIsHovered,
+    setIsFocused: setIsFocusedState,
+    getValueLabel,
+    thumbRef
+  }), [currentValue, getValueLabel, isDisabled, isDragging, isFocused, isFocusedState, isHovered, max, min, orientation, percent, setTrackLayout, setThumbSize, setValue, setValueFromRatio, step, thumbSize, trackLayout, thumbRef]);
+  const dataAttrs = (0, _dataAttributes.dataAttributes)({
+    slot: 'slider',
+    orientation,
+    disabled: isDisabled,
+    dragging: isDragging,
+    hover: isHovered,
+    focus: isFocused,
+    value: String(currentValue),
+    min: String(min),
+    max: String(max)
+  });
+  const Comp = asChild ? _slot.Slot : _reactNative.View;
+  const handleLayout = (0, _utils.composeEventHandlers)(onLayout, () => undefined);
+  const webKeyProps = _reactNative.Platform.OS === 'web' ? {
+    tabIndex: isDisabled ? -1 : 0,
+    onKeyDown: (0, _utils.composeEventHandlers)(props.onKeyDown, handleKeyDown)
+  } : {};
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.SliderProvider, {
+    value: contextValue,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
+      ref: ref,
+      ...props,
+      ...focusProps,
+      ...webKeyProps,
+      onLayout: handleLayout,
+      onFocus: (0, _utils.composeEventHandlers)((0, _utils.composeEventHandlers)(props.onFocus, focusProps.onFocus), () => setIsFocusedState(true)),
+      onBlur: (0, _utils.composeEventHandlers)((0, _utils.composeEventHandlers)(props.onBlur, focusProps.onBlur), () => setIsFocusedState(false)),
+      accessibilityRole: accessibilityRole,
+      accessibilityLabel: accessibilityLabel,
+      accessibilityValue: accessibilityValue,
+      accessibilityState: {
+        disabled: isDisabled
+      },
+      "aria-valuemin": min,
+      "aria-valuemax": max,
+      "aria-valuenow": currentValue,
+      "aria-orientation": orientation,
+      "aria-disabled": isDisabled,
+      role: role,
+      ...dataAttrs,
+      children: children
+    })
+  });
+});
+SliderRoot.displayName = 'SliderRoot';
+//# sourceMappingURL=SliderRoot.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_utils","_focus","_slot","_dataAttributes","_context","_utils2","_jsxRuntime","STEP_KEYS","Set","SliderRoot","exports","forwardRef","asChild","value","valueProp","defaultValue","onChange","onChangeComplete","min","max","step","isDisabled","orientation","accessibilityLabel","accessibilityValue","accessibilityValueProp","accessibilityRole","role","children","onLayout","props","ref","trackLayout","setTrackLayoutState","useState","thumbSize","setThumbSizeState","isDragging","setIsDragging","isHovered","setIsHovered","isFocusedState","setIsFocusedState","thumbRef","useRef","focusProps","isFocused","useFocus","resolvedDefault","setValueState","useControllableState","prop","defaultProp","currentValue","snapToStep","percent","valueToPercent","setValue","useCallback","next","complete","snapped","setValueFromRatio","ratio","clamp","setTrackLayout","layout","prev","width","height","x","y","setThumbSize","size","useMemo","defaults","now","text","formatSliderValue","undefined","getValueLabel","handleKeyDown","event","key","nativeEvent","has","Platform","OS","preventDefault","contextValue","setIsFocused","dataAttrs","dataAttributes","slot","disabled","dragging","hover","focus","String","Comp","Slot","View","handleLayout","composeEventHandlers","webKeyProps","tabIndex","onKeyDown","jsx","SliderProvider","onFocus","onBlur","accessibilityState","displayName"],"sourceRoot":"../../../src","sources":["slider/SliderRoot.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAOA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,eAAA,GAAAL,OAAA;AACA,IAAAM,QAAA,GAAAN,OAAA;AAEA,IAAAO,OAAA,GAAAP,OAAA;AAA+E,IAAAQ,WAAA,GAAAR,OAAA;AAE/E,MAAMS,SAAS,GAAG,IAAIC,GAAG,CAAC,CAAC,SAAS,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;AAMtF,MAAMC,UAAU,GAAAC,OAAA,CAAAD,UAAA,gBAAG,IAAAE,iBAAU,EAClC,CACE;EACEC,OAAO;EACPC,KAAK,EAAEC,SAAS;EAChBC,YAAY;EACZC,QAAQ;EACRC,gBAAgB;EAChBC,GAAG,GAAG,CAAC;EACPC,GAAG,GAAG,GAAG;EACTC,IAAI,GAAG,CAAC;EACRC,UAAU,GAAG,KAAK;EAClBC,WAAW,GAAG,YAAY;EAC1BC,kBAAkB;EAClBC,kBAAkB,EAAEC,sBAAsB;EAC1CC,iBAAiB,GAAG,YAAY;EAChCC,IAAI,GAAG,QAAQ;EACfC,QAAQ;EACRC,QAAQ;EACR,GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAM,CAACC,WAAW,EAAEC,mBAAmB,CAAC,GAAG,IAAAC,eAAQ,EAA2B,IAAI,CAAC;EACnF,MAAM,CAACC,SAAS,EAAEC,iBAAiB,CAAC,GAAG,IAAAF,eAAQ,EAAC,EAAE,CAAC;EACnD,MAAM,CAACG,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAJ,eAAQ,EAAC,KAAK,CAAC;EACnD,MAAM,CAACK,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAN,eAAQ,EAAC,KAAK,CAAC;EACjD,MAAM,CAACO,cAAc,EAAEC,iBAAiB,CAAC,GAAG,IAAAR,eAAQ,EAAC,KAAK,CAAC;EAC3D,MAAMS,QAAQ,GAAG,IAAAC,aAAM,EAAO,IAAI,CAAC;EACnC,MAAM;IAAEC,UAAU;IAAEC;EAAU,CAAC,GAAG,IAAAC,eAAQ,EAAC,CAAC;EAE5C,MAAMC,eAAe,GAAGjC,YAAY,IAAIG,GAAG;EAC3C,MAAM,CAACL,KAAK,EAAEoC,aAAa,CAAC,GAAG,IAAAC,2BAAoB,EAAS;IAC1DC,IAAI,EAAErC,SAAS;IACfsC,WAAW,EAAEJ,eAAe;IAC5BhC;EACF,CAAC,CAAC;EAEF,MAAMqC,YAAY,GAAG,IAAAC,kBAAU,EAACzC,KAAK,IAAImC,eAAe,EAAE9B,GAAG,EAAEC,GAAG,EAAEC,IAAI,CAAC;EACzE,MAAMmC,OAAO,GAAG,IAAAC,sBAAc,EAACH,YAAY,EAAEnC,GAAG,EAAEC,GAAG,CAAC;EAEtD,MAAMsC,QAAQ,GAAG,IAAAC,kBAAW,EAC1B,CAACC,IAAY,EAAEC,QAAQ,GAAG,KAAK,KAAK;IAClC,IAAIvC,UAAU,EAAE;MACd;IACF;IACA,MAAMwC,OAAO,GAAG,IAAAP,kBAAU,EAACK,IAAI,EAAEzC,GAAG,EAAEC,GAAG,EAAEC,IAAI,CAAC;IAChD6B,aAAa,CAACY,OAAO,CAAC;IACtB,IAAID,QAAQ,EAAE;MACZ3C,gBAAgB,GAAG4C,OAAO,CAAC;IAC7B;EACF,CAAC,EACD,CAACxC,UAAU,EAAEF,GAAG,EAAED,GAAG,EAAED,gBAAgB,EAAEgC,aAAa,EAAE7B,IAAI,CAC9D,CAAC;EAED,MAAM0C,iBAAiB,GAAG,IAAAJ,kBAAW,EACnC,CAACK,KAAa,EAAEH,QAAQ,GAAG,KAAK,KAAK;IACnC,MAAMD,IAAI,GAAGzC,GAAG,GAAG,IAAA8C,aAAK,EAACD,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI5C,GAAG,GAAGD,GAAG,CAAC;IACnDuC,QAAQ,CAACE,IAAI,EAAEC,QAAQ,CAAC;EAC1B,CAAC,EACD,CAACzC,GAAG,EAAED,GAAG,EAAEuC,QAAQ,CACrB,CAAC;EAED,MAAMQ,cAAc,GAAG,IAAAP,kBAAW,EAAEQ,MAAyB,IAAK;IAChEjC,mBAAmB,CAAEkC,IAAI,IAAK;MAC5B,IACEA,IAAI,KAAK,IAAI,IACbA,IAAI,CAACC,KAAK,KAAKF,MAAM,CAACE,KAAK,IAC3BD,IAAI,CAACE,MAAM,KAAKH,MAAM,CAACG,MAAM,IAC7BF,IAAI,CAACG,CAAC,KAAKJ,MAAM,CAACI,CAAC,IACnBH,IAAI,CAACI,CAAC,KAAKL,MAAM,CAACK,CAAC,EACnB;QACA,OAAOJ,IAAI;MACb;MACA,OAAOD,MAAM;IACf,CAAC,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMM,YAAY,GAAG,IAAAd,kBAAW,EAAEe,IAAY,IAAK;IACjDrC,iBAAiB,CAAE+B,IAAI,IAAMA,IAAI,KAAKM,IAAI,GAAGN,IAAI,GAAGM,IAAK,CAAC;EAC5D,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMjD,kBAAkB,GAAG,IAAAkD,cAAO,EAAC,MAAM;IACvC,MAAMC,QAAQ,GAAG;MACfzD,GAAG;MACHC,GAAG;MACHyD,GAAG,EAAEvB,YAAY;MACjBwB,IAAI,EAAE,IAAAC,yBAAiB,EAACzB,YAAY;IACtC,CAAC;IAED,IAAI5B,sBAAsB,KAAKsD,SAAS,EAAE;MACxC,OAAOJ,QAAQ;IACjB;IAEA,OAAO;MAAE,GAAGA,QAAQ;MAAE,GAAGlD;IAAuB,CAAC;EACnD,CAAC,EAAE,CAACA,sBAAsB,EAAE4B,YAAY,EAAElC,GAAG,EAAED,GAAG,CAAC,CAAC;EAEpD,MAAM8D,aAAa,GAAG,IAAAtB,kBAAW,EAAC,MAAMlC,kBAAkB,CAACqD,IAAI,EAAE,CAACrD,kBAAkB,CAACqD,IAAI,CAAC,CAAC;EAE3F,MAAMI,aAAa,GAAG,IAAAvB,kBAAW,EAC9BwB,KAA8E,IAAK;IAClF,IAAI7D,UAAU,EAAE;MACd;IACF;IACA,MAAM8D,GAAG,GAAGD,KAAK,CAACE,WAAW,CAACD,GAAG;IACjC,IAAI,CAACA,GAAG,IAAI,CAAC5E,SAAS,CAAC8E,GAAG,CAACF,GAAG,CAAC,EAAE;MAC/B;IACF;IACA,IAAIG,qBAAQ,CAACC,EAAE,KAAK,KAAK,EAAE;MACxBL,KAAK,CAA+CM,cAAc,CAAC,CAAC;IACvE;IAEA,IAAI7B,IAAI,GAAGN,YAAY;IACvB,IAAI8B,GAAG,KAAK,SAAS,IAAIA,GAAG,KAAK,YAAY,EAAE;MAC7CxB,IAAI,GAAGN,YAAY,GAAGjC,IAAI;IAC5B,CAAC,MAAM,IAAI+D,GAAG,KAAK,WAAW,IAAIA,GAAG,KAAK,WAAW,EAAE;MACrDxB,IAAI,GAAGN,YAAY,GAAGjC,IAAI;IAC5B,CAAC,MAAM,IAAI+D,GAAG,KAAK,MAAM,EAAE;MACzBxB,IAAI,GAAGzC,GAAG;IACZ,CAAC,MAAM,IAAIiE,GAAG,KAAK,KAAK,EAAE;MACxBxB,IAAI,GAAGxC,GAAG;IACZ;IAEAsC,QAAQ,CAACE,IAAI,EAAE,IAAI,CAAC;EACtB,CAAC,EACD,CAACN,YAAY,EAAEhC,UAAU,EAAEF,GAAG,EAAED,GAAG,EAAEuC,QAAQ,EAAErC,IAAI,CACrD,CAAC;EAED,MAAMqE,YAAY,GAAG,IAAAf,cAAO,EAC1B,OAAO;IACL7D,KAAK,EAAEwC,YAAY;IACnBnC,GAAG;IACHC,GAAG;IACHC,IAAI;IACJmC,OAAO;IACPjC,WAAW;IACXD,UAAU;IACVgB,UAAU;IACVE,SAAS;IACTO,SAAS,EAAEA,SAAS,IAAIL,cAAc;IACtCT,WAAW;IACXG,SAAS;IACTsB,QAAQ;IACRK,iBAAiB;IACjBG,cAAc;IACdO,YAAY;IACZlC,aAAa;IACbE,YAAY;IACZkD,YAAY,EAAEhD,iBAAiB;IAC/BsC,aAAa;IACbrC;EACF,CAAC,CAAC,EACF,CACEU,YAAY,EACZ2B,aAAa,EACb3D,UAAU,EACVgB,UAAU,EACVS,SAAS,EACTL,cAAc,EACdF,SAAS,EACTpB,GAAG,EACHD,GAAG,EACHI,WAAW,EACXiC,OAAO,EACPU,cAAc,EACdO,YAAY,EACZf,QAAQ,EACRK,iBAAiB,EACjB1C,IAAI,EACJe,SAAS,EACTH,WAAW,EACXW,QAAQ,CAEZ,CAAC;EAED,MAAMgD,SAAS,GAAG,IAAAC,8BAAc,EAAC;IAC/BC,IAAI,EAAE,QAAQ;IACdvE,WAAW;IACXwE,QAAQ,EAAEzE,UAAU;IACpB0E,QAAQ,EAAE1D,UAAU;IACpB2D,KAAK,EAAEzD,SAAS;IAChB0D,KAAK,EAAEnD,SAAS;IAChBjC,KAAK,EAAEqF,MAAM,CAAC7C,YAAY,CAAC;IAC3BnC,GAAG,EAAEgF,MAAM,CAAChF,GAAG,CAAC;IAChBC,GAAG,EAAE+E,MAAM,CAAC/E,GAAG;EACjB,CAAC,CAAC;EAEF,MAAMgF,IAAI,GAAGvF,OAAO,GAAGwF,UAAI,GAAGC,iBAAI;EAElC,MAAMC,YAAY,GAAG,IAAAC,2BAAoB,EAAC1E,QAAQ,EAAE,MAAMkD,SAAS,CAAC;EAEpE,MAAMyB,WAAW,GACflB,qBAAQ,CAACC,EAAE,KAAK,KAAK,GACjB;IACEkB,QAAQ,EAAEpF,UAAU,GAAG,CAAC,CAAC,GAAG,CAAC;IAC7BqF,SAAS,EAAE,IAAAH,2BAAoB,EAC5BzE,KAAK,CAA0D4E,SAAS,EACzEzB,aACF;EACF,CAAC,GACD,CAAC,CAAC;EAER,oBACE,IAAA3E,WAAA,CAAAqG,GAAA,EAACvG,QAAA,CAAAwG,cAAc;IAAC/F,KAAK,EAAE4E,YAAa;IAAA7D,QAAA,eAClC,IAAAtB,WAAA,CAAAqG,GAAA,EAACR,IAAI;MACHpE,GAAG,EAAEA,GAAI;MAAA,GACJD,KAAK;MAAA,GACNe,UAAU;MAAA,GACV2D,WAAW;MACf3E,QAAQ,EAAEyE,YAAa;MACvBO,OAAO,EAAE,IAAAN,2BAAoB,EAC3B,IAAAA,2BAAoB,EAClBzE,KAAK,CAAC+E,OAAO,EACbhE,UAAU,CAACgE,OACb,CAAC,EACD,MAAMnE,iBAAiB,CAAC,IAAI,CAC9B,CAAE;MACFoE,MAAM,EAAE,IAAAP,2BAAoB,EAC1B,IAAAA,2BAAoB,EAClBzE,KAAK,CAACgF,MAAM,EACZjE,UAAU,CAACiE,MACb,CAAC,EACD,MAAMpE,iBAAiB,CAAC,KAAK,CAC/B,CAAE;MACFhB,iBAAiB,EAAEA,iBAAkB;MACrCH,kBAAkB,EAAEA,kBAAmB;MACvCC,kBAAkB,EAAEA,kBAAmB;MACvCuF,kBAAkB,EAAE;QAAEjB,QAAQ,EAAEzE;MAAW,CAAE;MAC7C,iBAAeH,GAAI;MACnB,iBAAeC,GAAI;MACnB,iBAAekC,YAAa;MAC5B,oBAAkB/B,WAAY;MAC9B,iBAAeD,UAAW;MAC1BM,IAAI,EAAEA,IAAK;MAAA,GACPgE,SAAS;MAAA/D,QAAA,EAEZA;IAAQ,CACL;EAAC,CACO,CAAC;AAErB,CACF,CAAC;AAEDnB,UAAU,CAACuG,WAAW,GAAG,YAAY","ignoreList":[]}

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":"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","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