@cdx-ui/primitives 0.1.7 → 0.2.0

package/lib/commonjs/color-picker/index.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ColorPickerProvider", {
+  enumerable: true,
+  get: function () {
+    return _context.ColorPickerProvider;
+  }
+});
+Object.defineProperty(exports, "ColorPickerRoot", {
+  enumerable: true,
+  get: function () {
+    return _ColorPickerRoot.ColorPickerRoot;
+  }
+});
+Object.defineProperty(exports, "ColorPickerRootProvider", {
+  enumerable: true,
+  get: function () {
+    return _context.ColorPickerRootProvider;
+  }
+});
+Object.defineProperty(exports, "ColorPickerTrigger", {
+  enumerable: true,
+  get: function () {
+    return _ColorPickerTrigger.ColorPickerTrigger;
+  }
+});
+Object.defineProperty(exports, "useColorPickerContext", {
+  enumerable: true,
+  get: function () {
+    return _context.useColorPickerContext;
+  }
+});
+Object.defineProperty(exports, "useColorPickerRootContext", {
+  enumerable: true,
+  get: function () {
+    return _context.useColorPickerRootContext;
+  }
+});
+Object.defineProperty(exports, "useOptionalColorPickerContext", {
+  enumerable: true,
+  get: function () {
+    return _context.useOptionalColorPickerContext;
+  }
+});
+var _context = require("./context");
+var _ColorPickerRoot = require("./ColorPickerRoot");
+var _ColorPickerTrigger = require("./ColorPickerTrigger");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/color-picker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_context","require","_ColorPickerRoot","_ColorPickerTrigger"],"sourceRoot":"../../../src","sources":["color-picker/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AASA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,mBAAA,GAAAF,OAAA","ignoreList":[]}

package/lib/commonjs/color-picker/types.js

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

package/lib/commonjs/color-picker/types.js.map

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

package/lib/commonjs/color-slider/ColorSliderRail.js

@@ -0,0 +1,119 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ColorSliderRail = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _slot = require("../slot");
+var _assignRef = require("../utils/assignRef");
+var _dataAttributes = require("../utils/dataAttributes");
+var _useSliderPointer = require("../slider/useSliderPointer");
+var _context = require("./context");
+var _jsxRuntime = require("react/jsx-runtime");
+const ColorSliderRail = exports.ColorSliderRail = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
+  style,
+  onLayout,
+  children,
+  ...props
+}, ref) => {
+  const {
+    orientation,
+    isDisabled,
+    isDragging,
+    layout,
+    thumbSize,
+    setLayout,
+    setIsDragging,
+    setValueFromRatio
+  } = (0, _context.useColorSliderContext)();
+  const railRef = (0, _react.useRef)(null);
+  const thumbAxisSize = orientation === 'horizontal' ? thumbSize.width : thumbSize.height;
+  const measureRail = (0, _react.useCallback)(() => {
+    const node = railRef.current;
+    if (!node?.measureInWindow) {
+      return;
+    }
+    node.measureInWindow((x, y, width, height) => {
+      setLayout({
+        x,
+        y,
+        width,
+        height
+      });
+    });
+  }, [setLayout]);
+  const handleLayout = (0, _react.useCallback)(event => {
+    measureRail();
+    onLayout?.(event);
+  }, [measureRail, onLayout]);
+  const {
+    startDrag
+  } = (0, _useSliderPointer.useWebSliderDrag)({
+    isDisabled,
+    setIsDragging,
+    setValueFromRatio,
+    trackLayout: layout,
+    orientation,
+    thumbSize: thumbAxisSize
+  });
+  const updateFromEvent = (0, _react.useCallback)(event => {
+    if (isDisabled) {
+      return;
+    }
+    const {
+      x,
+      y
+    } = (0, _useSliderPointer.getPointerCoords)(event.nativeEvent);
+    setValueFromRatio((0, _useSliderPointer.getRatioFromPagePoint)(x, y, layout, orientation, thumbAxisSize), true);
+  }, [isDisabled, layout, orientation, setValueFromRatio, thumbAxisSize]);
+  const handlePointerDown = (0, _react.useCallback)(event => {
+    if (_reactNative.Platform.OS !== 'web' || isDisabled) {
+      return;
+    }
+    event.preventDefault();
+    const node = railRef.current;
+    if (!node) {
+      return;
+    }
+    const rect = node.getBoundingClientRect();
+    const freshLayout = {
+      x: rect.left,
+      y: rect.top,
+      width: rect.width,
+      height: rect.height
+    };
+    setLayout(freshLayout);
+    const {
+      x,
+      y
+    } = (0, _useSliderPointer.getPointerCoords)(event.nativeEvent);
+    const ratio = (0, _useSliderPointer.getRatioFromPagePoint)(x, y, freshLayout, orientation, thumbAxisSize);
+    startDrag(x, y, ratio, freshLayout);
+  }, [isDisabled, orientation, setLayout, startDrag, thumbAxisSize]);
+  const Comp = asChild ? _slot.Slot : _reactNative.Pressable;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
+    ref: node => {
+      railRef.current = node;
+      (0, _assignRef.assignRef)(ref, node);
+    },
+    ...props,
+    accessibilityRole: "none",
+    accessible: false,
+    disabled: isDisabled,
+    onPress: _reactNative.Platform.OS === 'web' ? undefined : updateFromEvent,
+    onPointerDown: _reactNative.Platform.OS === 'web' ? handlePointerDown : undefined,
+    tabIndex: -1,
+    onLayout: handleLayout,
+    style: style,
+    ...(0, _dataAttributes.mergeDataAttributes)(props, (0, _dataAttributes.dataAttributes)({
+      slot: 'color-slider-rail',
+      dragging: isDragging
+    })),
+    children: children
+  });
+});
+ColorSliderRail.displayName = 'ColorSliderRail';
+//# sourceMappingURL=ColorSliderRail.js.map

package/lib/commonjs/color-slider/ColorSliderRail.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_slot","_assignRef","_dataAttributes","_useSliderPointer","_context","_jsxRuntime","ColorSliderRail","exports","forwardRef","asChild","style","onLayout","children","props","ref","orientation","isDisabled","isDragging","layout","thumbSize","setLayout","setIsDragging","setValueFromRatio","useColorSliderContext","railRef","useRef","thumbAxisSize","width","height","measureRail","useCallback","node","current","measureInWindow","x","y","handleLayout","event","startDrag","useWebSliderDrag","trackLayout","updateFromEvent","getPointerCoords","nativeEvent","getRatioFromPagePoint","handlePointerDown","Platform","OS","preventDefault","rect","getBoundingClientRect","freshLayout","left","top","ratio","Comp","Slot","Pressable","jsx","assignRef","accessibilityRole","accessible","disabled","onPress","undefined","onPointerDown","tabIndex","mergeDataAttributes","dataAttributes","slot","dragging","displayName"],"sourceRoot":"../../../src","sources":["color-slider/ColorSliderRail.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/color-slider/ColorSliderRoot.js

@@ -0,0 +1,153 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ColorSliderRoot = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _utils = require("@cdx-ui/utils");
+var _color = require("../color");
+var _colorPicker = require("../color-picker");
+var _slot = require("../slot");
+var _dataAttributes = require("../utils/dataAttributes");
+var _context = require("./context");
+var _utils2 = require("./utils");
+var _jsxRuntime = require("react/jsx-runtime");
+function createDefaultColor() {
+  const color = (0, _color.parseColor)('#FF0000');
+  if (!color) {
+    throw new Error('ColorSlider default color could not be parsed');
+  }
+  return color;
+}
+const DEFAULT_COLOR = createDefaultColor();
+const EMPTY_SIZE = {
+  width: 0,
+  height: 0
+};
+const ColorSliderRoot = exports.ColorSliderRoot = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
+  value: valueProp,
+  defaultValue,
+  onValueChange,
+  onValueChangeComplete,
+  colorSpace,
+  channel,
+  orientation = 'horizontal',
+  step = 1,
+  pageStep = 10,
+  isDisabled = false,
+  accessibilityLabel,
+  children,
+  ...props
+}, ref) => {
+  const picker = (0, _colorPicker.useOptionalColorPickerContext)();
+  const usesPickerContext = picker !== null && valueProp === undefined && defaultValue === undefined;
+  const [localValue, setLocalValue] = (0, _utils.useControllableState)({
+    prop: valueProp,
+    defaultProp: defaultValue ?? DEFAULT_COLOR,
+    onChange: onValueChange
+  });
+  const value = (usesPickerContext ? picker.value : localValue) ?? DEFAULT_COLOR;
+  const [layout, setLayoutState] = (0, _react.useState)(null);
+  const [thumbSize, setThumbSizeState] = (0, _react.useState)(EMPTY_SIZE);
+  const [isDragging, setIsDragging] = (0, _react.useState)(false);
+  const configuration = (0, _react.useMemo)(() => ({
+    colorSpace,
+    channel
+  }), [channel, colorSpace]);
+  const {
+    min,
+    max
+  } = (0, _utils2.getColorSliderRange)(configuration);
+  const resolvedChannelValue = (0, _utils2.getColorSliderChannelValue)(value, configuration);
+  const [isHueAtEnd, setIsHueAtEnd] = (0, _react.useState)(false);
+  const channelValue = configuration.channel === 'hue' && resolvedChannelValue === min && isHueAtEnd ? max : resolvedChannelValue;
+  const valueRef = (0, _react.useRef)(value);
+  valueRef.current = value;
+  (0, _react.useEffect)(() => {
+    if (configuration.channel !== 'hue' || resolvedChannelValue !== min) {
+      setIsHueAtEnd(false);
+    }
+  }, [configuration.channel, min, resolvedChannelValue]);
+  const commitValue = (0, _react.useCallback)((next, complete = false) => {
+    valueRef.current = next;
+    if (usesPickerContext) {
+      onValueChange?.(next);
+      picker.onValueChange(next);
+    } else {
+      setLocalValue(next);
+    }
+    if (complete) {
+      onValueChangeComplete?.(next);
+    }
+  }, [onValueChange, onValueChangeComplete, picker, setLocalValue, usesPickerContext]);
+  const setChannelValue = (0, _react.useCallback)((nextValue, complete = false) => {
+    if (isDisabled) {
+      return;
+    }
+    const clamped = (0, _utils2.clampColorSliderValue)(nextValue, min, max);
+    const snapped = step > 0 ? min + Math.round((clamped - min) / step) * step : clamped;
+    const committedValue = (0, _utils2.clampColorSliderValue)(snapped, min, max);
+    const nextColor = (0, _utils2.withColorSliderChannel)(valueRef.current, configuration, committedValue);
+    setIsHueAtEnd(configuration.channel === 'hue' && committedValue === max);
+    commitValue(nextColor, complete);
+  }, [commitValue, configuration, isDisabled, max, min, step]);
+  const setValueFromRatio = (0, _react.useCallback)((ratio, complete = false) => {
+    const clampedRatio = (0, _utils2.clampColorSliderValue)(ratio, 0, 1);
+    setChannelValue(min + clampedRatio * (max - min), complete);
+  }, [max, min, setChannelValue]);
+  const setLayout = (0, _react.useCallback)(next => {
+    setLayoutState(previous => previous !== null && previous.width === next.width && previous.height === next.height && previous.x === next.x && previous.y === next.y ? previous : next);
+  }, []);
+  const setThumbSize = (0, _react.useCallback)(next => {
+    setThumbSizeState(previous => previous.width === next.width && previous.height === next.height ? previous : next);
+  }, []);
+  const contextValue = (0, _react.useMemo)(() => ({
+    ...configuration,
+    value,
+    channelValue,
+    valueLabel: (0, _utils2.formatColorSliderValue)(channelValue, configuration),
+    min,
+    max,
+    step,
+    pageStep,
+    percent: max <= min ? 0 : (channelValue - min) / (max - min) * 100,
+    orientation,
+    isDisabled,
+    isDragging,
+    accessibilityLabel,
+    layout,
+    thumbSize,
+    gradientColors: (0, _utils2.getColorSliderGradientColors)(value, configuration),
+    setLayout,
+    setThumbSize,
+    setIsDragging,
+    setChannelValue,
+    setValueFromRatio
+  }), [accessibilityLabel, channelValue, configuration, isDisabled, isDragging, layout, max, min, orientation, pageStep, setChannelValue, setLayout, setThumbSize, setValueFromRatio, step, thumbSize, value]);
+  const Comp = asChild ? _slot.Slot : _reactNative.View;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.ColorSliderProvider, {
+    value: contextValue,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
+      ref: ref,
+      ...props,
+      role: _reactNative.Platform.OS === 'web' ? 'group' : undefined,
+      "aria-label": props['aria-label'] ?? accessibilityLabel,
+      accessibilityLabel: accessibilityLabel,
+      accessibilityState: {
+        disabled: isDisabled
+      },
+      ...(0, _dataAttributes.mergeDataAttributes)(props, (0, _dataAttributes.dataAttributes)({
+        disabled: isDisabled,
+        colorSpace,
+        channel,
+        orientation
+      })),
+      children: children
+    })
+  });
+});
+ColorSliderRoot.displayName = 'ColorSliderRoot';
+//# sourceMappingURL=ColorSliderRoot.js.map

package/lib/commonjs/color-slider/ColorSliderRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_utils","_color","_colorPicker","_slot","_dataAttributes","_context","_utils2","_jsxRuntime","createDefaultColor","color","parseColor","Error","DEFAULT_COLOR","EMPTY_SIZE","width","height","ColorSliderRoot","exports","forwardRef","asChild","value","valueProp","defaultValue","onValueChange","onValueChangeComplete","colorSpace","channel","orientation","step","pageStep","isDisabled","accessibilityLabel","children","props","ref","picker","useOptionalColorPickerContext","usesPickerContext","undefined","localValue","setLocalValue","useControllableState","prop","defaultProp","onChange","layout","setLayoutState","useState","thumbSize","setThumbSizeState","isDragging","setIsDragging","configuration","useMemo","min","max","getColorSliderRange","resolvedChannelValue","getColorSliderChannelValue","isHueAtEnd","setIsHueAtEnd","channelValue","valueRef","useRef","current","useEffect","commitValue","useCallback","next","complete","setChannelValue","nextValue","clamped","clampColorSliderValue","snapped","Math","round","committedValue","nextColor","withColorSliderChannel","setValueFromRatio","ratio","clampedRatio","setLayout","previous","x","y","setThumbSize","contextValue","valueLabel","formatColorSliderValue","percent","gradientColors","getColorSliderGradientColors","Comp","Slot","View","jsx","ColorSliderProvider","role","Platform","OS","accessibilityState","disabled","mergeDataAttributes","dataAttributes","displayName"],"sourceRoot":"../../../src","sources":["color-slider/ColorSliderRoot.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/color-slider/ColorSliderThumb.js

@@ -0,0 +1,265 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ColorSliderThumb = 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 _useSliderPointer = require("../slider/useSliderPointer");
+var _utils2 = require("../slider/utils");
+var _dataAttributes = require("../utils/dataAttributes");
+var _context = require("./context");
+var _jsxRuntime = require("react/jsx-runtime");
+const ColorSliderThumb = exports.ColorSliderThumb = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
+  style,
+  accessibilityLabel: accessibilityLabelProp,
+  onLayout,
+  onFocus,
+  onBlur,
+  onHoverIn,
+  onHoverOut,
+  children,
+  ...props
+}, ref) => {
+  const {
+    channel,
+    channelValue,
+    valueLabel,
+    min,
+    max,
+    step,
+    pageStep,
+    percent,
+    orientation,
+    isDisabled,
+    isDragging,
+    layout,
+    thumbSize,
+    accessibilityLabel: rootAccessibilityLabel,
+    setThumbSize,
+    setIsDragging,
+    setChannelValue,
+    setValueFromRatio
+  } = (0, _context.useColorSliderContext)();
+  const {
+    focusProps,
+    isFocused
+  } = (0, _focus.useFocus)();
+  const {
+    focusProps: focusRingProps,
+    isFocusVisible
+  } = (0, _focus.useFocusRing)();
+  const {
+    hoverProps,
+    isHovered
+  } = (0, _interactions.useHover)();
+  const percentRef = (0, _react.useRef)(percent);
+  percentRef.current = percent;
+  const dragStartRatioRef = (0, _react.useRef)(0);
+  const lastRatioRef = (0, _react.useRef)(percent / 100);
+  const orientationRef = (0, _react.useRef)(orientation);
+  orientationRef.current = orientation;
+  const layoutRef = (0, _react.useRef)(layout);
+  layoutRef.current = layout;
+  const thumbSizeRef = (0, _react.useRef)(thumbSize);
+  thumbSizeRef.current = thumbSize;
+  const isDisabledRef = (0, _react.useRef)(isDisabled);
+  isDisabledRef.current = isDisabled;
+  const setIsDraggingRef = (0, _react.useRef)(setIsDragging);
+  setIsDraggingRef.current = setIsDragging;
+  const setValueFromRatioRef = (0, _react.useRef)(setValueFromRatio);
+  setValueFromRatioRef.current = setValueFromRatio;
+  const thumbAxisSize = orientation === 'horizontal' ? thumbSize.width : thumbSize.height;
+  const {
+    startDrag
+  } = (0, _useSliderPointer.useWebSliderDrag)({
+    isDisabled,
+    setIsDragging,
+    setValueFromRatio,
+    trackLayout: layout,
+    orientation,
+    thumbSize: thumbAxisSize
+  });
+  const panResponder = (0, _react.useMemo)(() => _reactNative.PanResponder.create({
+    onStartShouldSetPanResponder: () => !isDisabledRef.current,
+    onMoveShouldSetPanResponder: () => !isDisabledRef.current,
+    onPanResponderTerminationRequest: () => false,
+    onShouldBlockNativeResponder: () => true,
+    onPanResponderGrant: () => {
+      if (isDisabledRef.current) {
+        return;
+      }
+      setIsDraggingRef.current(true);
+      dragStartRatioRef.current = percentRef.current / 100;
+      lastRatioRef.current = dragStartRatioRef.current;
+    },
+    onPanResponderMove: (_event, gestureState) => {
+      const currentLayout = layoutRef.current;
+      if (!currentLayout) {
+        return;
+      }
+      const isHorizontal = orientationRef.current === 'horizontal';
+      const trackSize = isHorizontal ? currentLayout.width : currentLayout.height;
+      const currentThumbSize = isHorizontal ? thumbSizeRef.current.width : thumbSizeRef.current.height;
+      const travel = (0, _utils2.getThumbTravel)(trackSize, currentThumbSize);
+      if (travel <= 0) {
+        return;
+      }
+      const delta = isHorizontal ? gestureState.dx : -gestureState.dy;
+      const nextRatio = (0, _utils2.clamp)(dragStartRatioRef.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 positionStyle = (0, _react.useMemo)(() => {
+    const trackWidth = layout?.width ?? 0;
+    const trackHeight = layout?.height ?? 0;
+    if (orientation === 'vertical') {
+      return {
+        position: 'absolute',
+        left: '50%',
+        bottom: (0, _utils2.percentToThumbOffset)(percent, trackHeight, thumbSize.height),
+        marginLeft: -thumbSize.width / 2
+      };
+    }
+    return {
+      position: 'absolute',
+      top: '50%',
+      left: (0, _utils2.percentToThumbOffset)(percent, trackWidth, thumbSize.width),
+      transform: [{
+        translateY: -thumbSize.height / 2
+      }]
+    };
+  }, [layout, orientation, percent, thumbSize.height, thumbSize.width]);
+  const handleKeyDown = (0, _react.useCallback)(event => {
+    if (isDisabled) {
+      return;
+    }
+    const key = event.nativeEvent?.key ?? event.key;
+    const shiftKey = event.nativeEvent?.shiftKey ?? event.shiftKey;
+    const increment = shiftKey ? pageStep : step;
+    let next = channelValue;
+    let handled = true;
+    if (key === 'ArrowUp' || key === 'ArrowRight') {
+      next += increment;
+    } else if (key === 'ArrowDown' || key === 'ArrowLeft') {
+      next -= increment;
+    } else if (key === 'PageUp') {
+      next += pageStep;
+    } else if (key === 'PageDown') {
+      next -= pageStep;
+    } else if (key === 'Home') {
+      next = min;
+    } else if (key === 'End') {
+      next = max;
+    } else {
+      handled = false;
+    }
+    if (handled) {
+      event.preventDefault?.();
+      setChannelValue(next, true);
+    }
+  }, [channelValue, isDisabled, max, min, pageStep, setChannelValue, step]);
+  const handleAccessibilityAction = (0, _react.useCallback)(event => {
+    if (event.nativeEvent.actionName === 'increment') {
+      setChannelValue(channelValue + step, true);
+    } else if (event.nativeEvent.actionName === 'decrement') {
+      setChannelValue(channelValue - step, true);
+    }
+  }, [channelValue, setChannelValue, step]);
+  const handleLayout = (0, _react.useCallback)(event => {
+    const {
+      width,
+      height
+    } = event.nativeEvent.layout;
+    setThumbSize({
+      width,
+      height
+    });
+    onLayout?.(event);
+  }, [onLayout, setThumbSize]);
+  const isWeb = _reactNative.Platform.OS === 'web';
+  const Comp = asChild ? _slot.Slot : isWeb ? _reactNative.Pressable : _reactNative.View;
+  const accessibilityLabel = accessibilityLabelProp ?? rootAccessibilityLabel ?? channel;
+  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 pointerProps = _reactNative.Platform.OS === 'web' ? {
+    onPointerDown: handlePointerDown,
+    disabled: isDisabled
+  } : panResponder.panHandlers;
+  const webAccessibilityProps = isWeb ? {
+    onKeyDown: handleKeyDown,
+    tabIndex: isDisabled ? -1 : 0,
+    role: 'slider',
+    'aria-valuemin': min,
+    'aria-valuemax': max,
+    'aria-valuenow': channelValue,
+    'aria-valuetext': valueLabel,
+    'aria-orientation': orientation,
+    'aria-disabled': isDisabled
+  } : {};
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
+    ref: ref,
+    ...props,
+    ...pointerProps,
+    ...webAccessibilityProps,
+    onLayout: handleLayout,
+    onFocus: (0, _utils.composeEventHandlers)((0, _utils.composeEventHandlers)(onFocus, focusProps.onFocus), focusRingProps.onFocus),
+    onBlur: (0, _utils.composeEventHandlers)((0, _utils.composeEventHandlers)(onBlur, focusProps.onBlur), focusRingProps.onBlur),
+    onHoverIn: (0, _utils.composeEventHandlers)(onHoverIn, hoverProps.onHoverIn),
+    onHoverOut: (0, _utils.composeEventHandlers)(onHoverOut, hoverProps.onHoverOut),
+    accessibilityRole: "adjustable",
+    accessibilityLabel: accessibilityLabel,
+    accessibilityValue: {
+      min,
+      max,
+      now: Math.round(channelValue),
+      text: valueLabel
+    },
+    accessibilityState: {
+      disabled: isDisabled
+    },
+    accessibilityActions: [{
+      name: 'increment'
+    }, {
+      name: 'decrement'
+    }],
+    onAccessibilityAction: handleAccessibilityAction,
+    style: [positionStyle, style],
+    ...(0, _dataAttributes.mergeDataAttributes)(props, (0, _dataAttributes.dataAttributes)({
+      slot: 'color-slider-thumb',
+      disabled: isDisabled,
+      hover: isHovered,
+      focus: isFocused,
+      focusVisible: isFocusVisible,
+      dragging: isDragging
+    })),
+    children: children
+  });
+});
+ColorSliderThumb.displayName = 'ColorSliderThumb';
+//# sourceMappingURL=ColorSliderThumb.js.map

package/lib/commonjs/color-slider/ColorSliderThumb.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_utils","_focus","_interactions","_slot","_useSliderPointer","_utils2","_dataAttributes","_context","_jsxRuntime","ColorSliderThumb","exports","forwardRef","asChild","style","accessibilityLabel","accessibilityLabelProp","onLayout","onFocus","onBlur","onHoverIn","onHoverOut","children","props","ref","channel","channelValue","valueLabel","min","max","step","pageStep","percent","orientation","isDisabled","isDragging","layout","thumbSize","rootAccessibilityLabel","setThumbSize","setIsDragging","setChannelValue","setValueFromRatio","useColorSliderContext","focusProps","isFocused","useFocus","focusRingProps","isFocusVisible","useFocusRing","hoverProps","isHovered","useHover","percentRef","useRef","current","dragStartRatioRef","lastRatioRef","orientationRef","layoutRef","thumbSizeRef","isDisabledRef","setIsDraggingRef","setValueFromRatioRef","thumbAxisSize","width","height","startDrag","useWebSliderDrag","trackLayout","panResponder","useMemo","PanResponder","create","onStartShouldSetPanResponder","onMoveShouldSetPanResponder","onPanResponderTerminationRequest","onShouldBlockNativeResponder","onPanResponderGrant","onPanResponderMove","_event","gestureState","currentLayout","isHorizontal","trackSize","currentThumbSize","travel","getThumbTravel","delta","dx","dy","nextRatio","clamp","onPanResponderRelease","onPanResponderTerminate","positionStyle","trackWidth","trackHeight","position","left","bottom","percentToThumbOffset","marginLeft","top","transform","translateY","handleKeyDown","useCallback","event","key","nativeEvent","shiftKey","increment","next","handled","preventDefault","handleAccessibilityAction","actionName","handleLayout","isWeb","Platform","OS","Comp","Slot","Pressable","View","handlePointerDown","stopPropagation","x","y","getPointerCoords","pointerProps","onPointerDown","disabled","panHandlers","webAccessibilityProps","onKeyDown","tabIndex","role","jsx","composeEventHandlers","accessibilityRole","accessibilityValue","now","Math","round","text","accessibilityState","accessibilityActions","name","onAccessibilityAction","mergeDataAttributes","dataAttributes","slot","hover","focus","focusVisible","dragging","displayName"],"sourceRoot":"../../../src","sources":["color-slider/ColorSliderThumb.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/color-slider/context.js

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_utils","require","ColorSliderProvider","useColorSliderContext","createContext","exports"],"sourceRoot":"../../../src","sources":["color-slider/context.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAGO,MAAM,CAACC,mBAAmB,EAAEC,qBAAqB,CAAC,GACvD,IAAAC,oBAAa,EAA0B,oBAAoB,CAAC;AAACC,OAAA,CAAAF,qBAAA,GAAAA,qBAAA;AAAAE,OAAA,CAAAH,mBAAA,GAAAA,mBAAA","ignoreList":[]}