@cdx-ui/primitives 0.1.7 → 0.2.0

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

@@ -0,0 +1,115 @@
+"use strict";
+
+import { forwardRef, useCallback, useRef } from 'react';
+import { Platform, Pressable } from 'react-native';
+import { Slot } from '../slot';
+import { assignRef } from '../utils/assignRef';
+import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
+import { getPointerCoords, getRatioFromPagePoint, useWebSliderDrag } from '../slider/useSliderPointer';
+import { useColorSliderContext } from './context';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const ColorSliderRail = /*#__PURE__*/forwardRef(({
+  asChild,
+  style,
+  onLayout,
+  children,
+  ...props
+}, ref) => {
+  const {
+    orientation,
+    isDisabled,
+    isDragging,
+    layout,
+    thumbSize,
+    setLayout,
+    setIsDragging,
+    setValueFromRatio
+  } = useColorSliderContext();
+  const railRef = useRef(null);
+  const thumbAxisSize = orientation === 'horizontal' ? thumbSize.width : thumbSize.height;
+  const measureRail = useCallback(() => {
+    const node = railRef.current;
+    if (!node?.measureInWindow) {
+      return;
+    }
+    node.measureInWindow((x, y, width, height) => {
+      setLayout({
+        x,
+        y,
+        width,
+        height
+      });
+    });
+  }, [setLayout]);
+  const handleLayout = useCallback(event => {
+    measureRail();
+    onLayout?.(event);
+  }, [measureRail, onLayout]);
+  const {
+    startDrag
+  } = useWebSliderDrag({
+    isDisabled,
+    setIsDragging,
+    setValueFromRatio,
+    trackLayout: layout,
+    orientation,
+    thumbSize: thumbAxisSize
+  });
+  const updateFromEvent = useCallback(event => {
+    if (isDisabled) {
+      return;
+    }
+    const {
+      x,
+      y
+    } = getPointerCoords(event.nativeEvent);
+    setValueFromRatio(getRatioFromPagePoint(x, y, layout, orientation, thumbAxisSize), true);
+  }, [isDisabled, layout, orientation, setValueFromRatio, thumbAxisSize]);
+  const handlePointerDown = useCallback(event => {
+    if (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
+    } = getPointerCoords(event.nativeEvent);
+    const ratio = getRatioFromPagePoint(x, y, freshLayout, orientation, thumbAxisSize);
+    startDrag(x, y, ratio, freshLayout);
+  }, [isDisabled, orientation, setLayout, startDrag, thumbAxisSize]);
+  const Comp = asChild ? Slot : Pressable;
+  return /*#__PURE__*/_jsx(Comp, {
+    ref: node => {
+      railRef.current = node;
+      assignRef(ref, node);
+    },
+    ...props,
+    accessibilityRole: "none",
+    accessible: false,
+    disabled: isDisabled,
+    onPress: Platform.OS === 'web' ? undefined : updateFromEvent,
+    onPointerDown: Platform.OS === 'web' ? handlePointerDown : undefined,
+    tabIndex: -1,
+    onLayout: handleLayout,
+    style: style,
+    ...mergeDataAttributes(props, dataAttributes({
+      slot: 'color-slider-rail',
+      dragging: isDragging
+    })),
+    children: children
+  });
+});
+ColorSliderRail.displayName = 'ColorSliderRail';
+//# sourceMappingURL=ColorSliderRail.js.map

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

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

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

@@ -0,0 +1,149 @@
+"use strict";
+
+import { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { Platform, View } from 'react-native';
+import { useControllableState } from '@cdx-ui/utils';
+import { parseColor } from '../color';
+import { useOptionalColorPickerContext } from '../color-picker';
+import { Slot } from '../slot';
+import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
+import { ColorSliderProvider } from './context';
+import { clampColorSliderValue, formatColorSliderValue, getColorSliderChannelValue, getColorSliderGradientColors, getColorSliderRange, withColorSliderChannel } from './utils';
+import { jsx as _jsx } from "react/jsx-runtime";
+function createDefaultColor() {
+  const 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
+};
+export const ColorSliderRoot = /*#__PURE__*/forwardRef(({
+  asChild,
+  value: valueProp,
+  defaultValue,
+  onValueChange,
+  onValueChangeComplete,
+  colorSpace,
+  channel,
+  orientation = 'horizontal',
+  step = 1,
+  pageStep = 10,
+  isDisabled = false,
+  accessibilityLabel,
+  children,
+  ...props
+}, ref) => {
+  const picker = useOptionalColorPickerContext();
+  const usesPickerContext = picker !== null && valueProp === undefined && defaultValue === undefined;
+  const [localValue, setLocalValue] = useControllableState({
+    prop: valueProp,
+    defaultProp: defaultValue ?? DEFAULT_COLOR,
+    onChange: onValueChange
+  });
+  const value = (usesPickerContext ? picker.value : localValue) ?? DEFAULT_COLOR;
+  const [layout, setLayoutState] = useState(null);
+  const [thumbSize, setThumbSizeState] = useState(EMPTY_SIZE);
+  const [isDragging, setIsDragging] = useState(false);
+  const configuration = useMemo(() => ({
+    colorSpace,
+    channel
+  }), [channel, colorSpace]);
+  const {
+    min,
+    max
+  } = getColorSliderRange(configuration);
+  const resolvedChannelValue = getColorSliderChannelValue(value, configuration);
+  const [isHueAtEnd, setIsHueAtEnd] = useState(false);
+  const channelValue = configuration.channel === 'hue' && resolvedChannelValue === min && isHueAtEnd ? max : resolvedChannelValue;
+  const valueRef = useRef(value);
+  valueRef.current = value;
+  useEffect(() => {
+    if (configuration.channel !== 'hue' || resolvedChannelValue !== min) {
+      setIsHueAtEnd(false);
+    }
+  }, [configuration.channel, min, resolvedChannelValue]);
+  const commitValue = 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 = useCallback((nextValue, complete = false) => {
+    if (isDisabled) {
+      return;
+    }
+    const clamped = clampColorSliderValue(nextValue, min, max);
+    const snapped = step > 0 ? min + Math.round((clamped - min) / step) * step : clamped;
+    const committedValue = clampColorSliderValue(snapped, min, max);
+    const nextColor = withColorSliderChannel(valueRef.current, configuration, committedValue);
+    setIsHueAtEnd(configuration.channel === 'hue' && committedValue === max);
+    commitValue(nextColor, complete);
+  }, [commitValue, configuration, isDisabled, max, min, step]);
+  const setValueFromRatio = useCallback((ratio, complete = false) => {
+    const clampedRatio = clampColorSliderValue(ratio, 0, 1);
+    setChannelValue(min + clampedRatio * (max - min), complete);
+  }, [max, min, setChannelValue]);
+  const setLayout = 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 = useCallback(next => {
+    setThumbSizeState(previous => previous.width === next.width && previous.height === next.height ? previous : next);
+  }, []);
+  const contextValue = useMemo(() => ({
+    ...configuration,
+    value,
+    channelValue,
+    valueLabel: formatColorSliderValue(channelValue, configuration),
+    min,
+    max,
+    step,
+    pageStep,
+    percent: max <= min ? 0 : (channelValue - min) / (max - min) * 100,
+    orientation,
+    isDisabled,
+    isDragging,
+    accessibilityLabel,
+    layout,
+    thumbSize,
+    gradientColors: 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 : View;
+  return /*#__PURE__*/_jsx(ColorSliderProvider, {
+    value: contextValue,
+    children: /*#__PURE__*/_jsx(Comp, {
+      ref: ref,
+      ...props,
+      role: Platform.OS === 'web' ? 'group' : undefined,
+      "aria-label": props['aria-label'] ?? accessibilityLabel,
+      accessibilityLabel: accessibilityLabel,
+      accessibilityState: {
+        disabled: isDisabled
+      },
+      ...mergeDataAttributes(props, dataAttributes({
+        disabled: isDisabled,
+        colorSpace,
+        channel,
+        orientation
+      })),
+      children: children
+    })
+  });
+});
+ColorSliderRoot.displayName = 'ColorSliderRoot';
+//# sourceMappingURL=ColorSliderRoot.js.map

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

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

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

@@ -0,0 +1,261 @@
+"use strict";
+
+import { forwardRef, useCallback, useMemo, useRef } from 'react';
+import { PanResponder, Platform, Pressable, View } from 'react-native';
+import { composeEventHandlers } from '@cdx-ui/utils';
+import { useFocus, useFocusRing } from '@react-native-aria/focus';
+import { useHover } from '@react-native-aria/interactions';
+import { Slot } from '../slot';
+import { getPointerCoords, useWebSliderDrag } from '../slider/useSliderPointer';
+import { clamp, getThumbTravel, percentToThumbOffset } from '../slider/utils';
+import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
+import { useColorSliderContext } from './context';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const ColorSliderThumb = /*#__PURE__*/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
+  } = useColorSliderContext();
+  const {
+    focusProps,
+    isFocused
+  } = useFocus();
+  const {
+    focusProps: focusRingProps,
+    isFocusVisible
+  } = useFocusRing();
+  const {
+    hoverProps,
+    isHovered
+  } = useHover();
+  const percentRef = useRef(percent);
+  percentRef.current = percent;
+  const dragStartRatioRef = useRef(0);
+  const lastRatioRef = useRef(percent / 100);
+  const orientationRef = useRef(orientation);
+  orientationRef.current = orientation;
+  const layoutRef = useRef(layout);
+  layoutRef.current = layout;
+  const thumbSizeRef = useRef(thumbSize);
+  thumbSizeRef.current = thumbSize;
+  const isDisabledRef = useRef(isDisabled);
+  isDisabledRef.current = isDisabled;
+  const setIsDraggingRef = useRef(setIsDragging);
+  setIsDraggingRef.current = setIsDragging;
+  const setValueFromRatioRef = useRef(setValueFromRatio);
+  setValueFromRatioRef.current = setValueFromRatio;
+  const thumbAxisSize = orientation === 'horizontal' ? thumbSize.width : thumbSize.height;
+  const {
+    startDrag
+  } = useWebSliderDrag({
+    isDisabled,
+    setIsDragging,
+    setValueFromRatio,
+    trackLayout: layout,
+    orientation,
+    thumbSize: thumbAxisSize
+  });
+  const panResponder = useMemo(() => 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 = getThumbTravel(trackSize, currentThumbSize);
+      if (travel <= 0) {
+        return;
+      }
+      const delta = isHorizontal ? gestureState.dx : -gestureState.dy;
+      const nextRatio = 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 = useMemo(() => {
+    const trackWidth = layout?.width ?? 0;
+    const trackHeight = layout?.height ?? 0;
+    if (orientation === 'vertical') {
+      return {
+        position: 'absolute',
+        left: '50%',
+        bottom: percentToThumbOffset(percent, trackHeight, thumbSize.height),
+        marginLeft: -thumbSize.width / 2
+      };
+    }
+    return {
+      position: 'absolute',
+      top: '50%',
+      left: percentToThumbOffset(percent, trackWidth, thumbSize.width),
+      transform: [{
+        translateY: -thumbSize.height / 2
+      }]
+    };
+  }, [layout, orientation, percent, thumbSize.height, thumbSize.width]);
+  const handleKeyDown = 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 = 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 = useCallback(event => {
+    const {
+      width,
+      height
+    } = event.nativeEvent.layout;
+    setThumbSize({
+      width,
+      height
+    });
+    onLayout?.(event);
+  }, [onLayout, setThumbSize]);
+  const isWeb = Platform.OS === 'web';
+  const Comp = asChild ? Slot : isWeb ? Pressable : View;
+  const accessibilityLabel = accessibilityLabelProp ?? rootAccessibilityLabel ?? channel;
+  const handlePointerDown = useCallback(event => {
+    if (Platform.OS !== 'web' || isDisabled) {
+      return;
+    }
+    event.preventDefault();
+    event.stopPropagation();
+    const {
+      x,
+      y
+    } = getPointerCoords(event.nativeEvent);
+    startDrag(x, y, percentRef.current / 100);
+  }, [isDisabled, startDrag]);
+  const pointerProps = 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__*/_jsx(Comp, {
+    ref: ref,
+    ...props,
+    ...pointerProps,
+    ...webAccessibilityProps,
+    onLayout: handleLayout,
+    onFocus: composeEventHandlers(composeEventHandlers(onFocus, focusProps.onFocus), focusRingProps.onFocus),
+    onBlur: composeEventHandlers(composeEventHandlers(onBlur, focusProps.onBlur), focusRingProps.onBlur),
+    onHoverIn: composeEventHandlers(onHoverIn, hoverProps.onHoverIn),
+    onHoverOut: 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],
+    ...mergeDataAttributes(props, 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/module/color-slider/ColorSliderThumb.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useCallback","useMemo","useRef","PanResponder","Platform","Pressable","View","composeEventHandlers","useFocus","useFocusRing","useHover","Slot","getPointerCoords","useWebSliderDrag","clamp","getThumbTravel","percentToThumbOffset","dataAttributes","mergeDataAttributes","useColorSliderContext","jsx","_jsx","ColorSliderThumb","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","focusProps","isFocused","focusRingProps","isFocusVisible","hoverProps","isHovered","percentRef","current","dragStartRatioRef","lastRatioRef","orientationRef","layoutRef","thumbSizeRef","isDisabledRef","setIsDraggingRef","setValueFromRatioRef","thumbAxisSize","width","height","startDrag","trackLayout","panResponder","create","onStartShouldSetPanResponder","onMoveShouldSetPanResponder","onPanResponderTerminationRequest","onShouldBlockNativeResponder","onPanResponderGrant","onPanResponderMove","_event","gestureState","currentLayout","isHorizontal","trackSize","currentThumbSize","travel","delta","dx","dy","nextRatio","onPanResponderRelease","onPanResponderTerminate","positionStyle","trackWidth","trackHeight","position","left","bottom","marginLeft","top","transform","translateY","handleKeyDown","event","key","nativeEvent","shiftKey","increment","next","handled","preventDefault","handleAccessibilityAction","actionName","handleLayout","isWeb","OS","Comp","handlePointerDown","stopPropagation","x","y","pointerProps","onPointerDown","disabled","panHandlers","webAccessibilityProps","onKeyDown","tabIndex","role","accessibilityRole","accessibilityValue","now","Math","round","text","accessibilityState","accessibilityActions","name","onAccessibilityAction","slot","hover","focus","focusVisible","dragging","displayName"],"sourceRoot":"../../../src","sources":["color-slider/ColorSliderThumb.tsx"],"mappings":"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","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","ColorSliderProvider","useColorSliderContext"],"sourceRoot":"../../../src","sources":["color-slider/context.tsx"],"mappings":";;AAAA,SAASA,aAAa,QAAQ,eAAe;AAG7C,OAAO,MAAM,CAACC,mBAAmB,EAAEC,qBAAqB,CAAC,GACvDF,aAAa,CAA0B,oBAAoB,CAAC","ignoreList":[]}

package/lib/module/color-slider/index.js

@@ -0,0 +1,7 @@
+"use strict";
+
+export { ColorSliderRoot } from './ColorSliderRoot';
+export { ColorSliderRail } from './ColorSliderRail';
+export { ColorSliderThumb } from './ColorSliderThumb';
+export { useColorSliderContext } from './context';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["ColorSliderRoot","ColorSliderRail","ColorSliderThumb","useColorSliderContext"],"sourceRoot":"../../../src","sources":["color-slider/index.ts"],"mappings":";;AAAA,SAASA,eAAe,QAAmC,mBAAmB;AAC9E,SAASC,eAAe,QAAmC,mBAAmB;AAC9E,SAASC,gBAAgB,QAAoC,oBAAoB;AACjF,SAASC,qBAAqB,QAAQ,WAAW","ignoreList":[]}

package/lib/module/color-slider/types.js

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

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

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