@cdx-ui/primitives 0.1.6 → 0.2.0

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":[]}

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

@@ -0,0 +1,66 @@
+"use strict";
+
+const HUE_STOPS = [0, 60, 120, 180, 240, 300, 360];
+export function clampColorSliderValue(value, min, max) {
+  return Math.min(max, Math.max(min, value));
+}
+export function getColorSliderRange({
+  colorSpace,
+  channel
+}) {
+  if (colorSpace === 'rgb') {
+    return {
+      min: 0,
+      max: 255
+    };
+  }
+  if (channel === 'hue') {
+    return {
+      min: 0,
+      max: 360
+    };
+  }
+  return {
+    min: 0,
+    max: 100
+  };
+}
+export function getColorSliderChannelValue(color, configuration) {
+  if (configuration.colorSpace === 'rgb') {
+    return color.getChannel('rgb', configuration.channel);
+  }
+  if (configuration.colorSpace === 'hsl') {
+    return color.getChannel('hsl', configuration.channel);
+  }
+  return color.getChannel('hsb', configuration.channel);
+}
+export function withColorSliderChannel(color, configuration, value) {
+  if (configuration.colorSpace === 'rgb') {
+    return color.withChannel('rgb', configuration.channel, value);
+  }
+  if (configuration.colorSpace === 'hsl') {
+    return color.withChannel('hsl', configuration.channel, value);
+  }
+  return color.withChannel('hsb', configuration.channel, value);
+}
+export function formatColorSliderValue(value, configuration) {
+  const formatted = Number.isInteger(value) ? String(value) : value.toFixed(1);
+  if (configuration.channel === 'hue') {
+    return `${formatted}°`;
+  }
+  if (configuration.colorSpace !== 'rgb') {
+    return `${formatted}%`;
+  }
+  return formatted;
+}
+export function getColorSliderGradientColors(color, configuration) {
+  if (configuration.channel === 'hue') {
+    return HUE_STOPS.map(value => withColorSliderChannel(color, configuration, value).toString('hex'));
+  }
+  const {
+    min,
+    max
+  } = getColorSliderRange(configuration);
+  return [withColorSliderChannel(color, configuration, min).toString('hex'), withColorSliderChannel(color, configuration, max).toString('hex')];
+}
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["HUE_STOPS","clampColorSliderValue","value","min","max","Math","getColorSliderRange","colorSpace","channel","getColorSliderChannelValue","color","configuration","getChannel","withColorSliderChannel","withChannel","formatColorSliderValue","formatted","Number","isInteger","String","toFixed","getColorSliderGradientColors","map","toString"],"sourceRoot":"../../../src","sources":["color-slider/utils.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/color-swatch-picker/ColorSwatchPickerItem.js

@@ -0,0 +1,42 @@
+"use strict";
+
+import { forwardRef, useEffect, useMemo } from 'react';
+import { RadioRoot } from '../radio';
+import { ColorSwatchPickerItemProvider, useColorSwatchPickerContext } from './context';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const ColorSwatchPickerItem = /*#__PURE__*/forwardRef(({
+  asChild,
+  color,
+  isDisabled,
+  disabled,
+  accessibilityLabel,
+  'aria-label': ariaLabelProp,
+  children,
+  ...props
+}, ref) => {
+  const {
+    registerColor
+  } = useColorSwatchPickerContext();
+  const colorValue = color.toString('hex');
+  const label = ariaLabelProp ?? accessibilityLabel ?? colorValue;
+  const contextValue = useMemo(() => ({
+    color
+  }), [color]);
+  useEffect(() => registerColor(color), [color, registerColor]);
+  return /*#__PURE__*/_jsx(ColorSwatchPickerItemProvider, {
+    value: contextValue,
+    children: /*#__PURE__*/_jsx(RadioRoot, {
+      ref: ref,
+      asChild: asChild,
+      value: colorValue,
+      isDisabled: !!(isDisabled || disabled),
+      disabled: disabled,
+      "aria-label": label,
+      accessibilityLabel: label,
+      ...props,
+      children: children
+    })
+  });
+});
+ColorSwatchPickerItem.displayName = 'ColorSwatchPickerItem';
+//# sourceMappingURL=ColorSwatchPickerItem.js.map

package/lib/module/color-swatch-picker/ColorSwatchPickerItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useEffect","useMemo","RadioRoot","ColorSwatchPickerItemProvider","useColorSwatchPickerContext","jsx","_jsx","ColorSwatchPickerItem","asChild","color","isDisabled","disabled","accessibilityLabel","ariaLabelProp","children","props","ref","registerColor","colorValue","toString","label","contextValue","value","displayName"],"sourceRoot":"../../../src","sources":["color-swatch-picker/ColorSwatchPickerItem.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,SAAS,EAAEC,OAAO,QAA2B,OAAO;AAEzE,SAASC,SAAS,QAAQ,UAAU;AACpC,SAASC,6BAA6B,EAAEC,2BAA2B,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOvF,OAAO,MAAMC,qBAAqB,gBAAGR,UAAU,CAI7C,CACE;EACES,OAAO;EACPC,KAAK;EACLC,UAAU;EACVC,QAAQ;EACRC,kBAAkB;EAClB,YAAY,EAAEC,aAAa;EAC3BC,QAAQ;EACR,GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAM;IAAEC;EAAc,CAAC,GAAGb,2BAA2B,CAAC,CAAC;EACvD,MAAMc,UAAU,GAAGT,KAAK,CAACU,QAAQ,CAAC,KAAK,CAAC;EACxC,MAAMC,KAAK,GAAGP,aAAa,IAAID,kBAAkB,IAAIM,UAAU;EAC/D,MAAMG,YAAY,GAAGpB,OAAO,CAAC,OAAO;IAAEQ;EAAM,CAAC,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAExDT,SAAS,CAAC,MAAMiB,aAAa,CAACR,KAAK,CAAC,EAAE,CAACA,KAAK,EAAEQ,aAAa,CAAC,CAAC;EAE7D,oBACEX,IAAA,CAACH,6BAA6B;IAACmB,KAAK,EAAED,YAAa;IAAAP,QAAA,eACjDR,IAAA,CAACJ,SAAS;MACRc,GAAG,EAAEA,GAAI;MACTR,OAAO,EAAEA,OAAQ;MACjBc,KAAK,EAAEJ,UAAW;MAClBR,UAAU,EAAE,CAAC,EAAEA,UAAU,IAAIC,QAAQ,CAAE;MACvCA,QAAQ,EAAEA,QAAS;MACnB,cAAYS,KAAM;MAClBR,kBAAkB,EAAEQ,KAAM;MAAA,GACtBL,KAAK;MAAAD,QAAA,EAERA;IAAQ,CACA;EAAC,CACiB,CAAC;AAEpC,CACF,CAAC;AAEDP,qBAAqB,CAACgB,WAAW,GAAG,uBAAuB","ignoreList":[]}

package/lib/module/color-swatch-picker/ColorSwatchPickerRoot.js

@@ -0,0 +1,67 @@
+"use strict";
+
+import { forwardRef, useCallback, useMemo, useRef } from 'react';
+import { useControllableState } from '@cdx-ui/utils';
+import { RadioGroup } from '../radio';
+import { useOptionalColorPickerContext } from '../color-picker';
+import { ColorSwatchPickerProvider } from './context';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const ColorSwatchPickerRoot = /*#__PURE__*/forwardRef(({
+  asChild,
+  value: valueProp,
+  defaultValue,
+  onValueChange,
+  isDisabled,
+  accessibilityLabel,
+  children,
+  ...props
+}, ref) => {
+  const picker = useOptionalColorPickerContext();
+  const usesPickerContext = picker !== null && valueProp === undefined && defaultValue === undefined;
+  const [localValue, setLocalValue] = useControllableState({
+    prop: valueProp,
+    defaultProp: defaultValue,
+    onChange: onValueChange
+  });
+  const value = usesPickerContext ? picker.value : localValue;
+  const colorsRef = useRef(new Map());
+  const registerColor = useCallback(color => {
+    const key = color.toString('hex');
+    colorsRef.current.set(key, color);
+    return () => {
+      if (colorsRef.current.get(key) === color) {
+        colorsRef.current.delete(key);
+      }
+    };
+  }, []);
+  const handleValueChange = useCallback(key => {
+    const color = colorsRef.current.get(key);
+    if (!color) {
+      return;
+    }
+    if (usesPickerContext) {
+      onValueChange?.(color);
+      picker.onValueChange(color);
+      return;
+    }
+    setLocalValue(color);
+  }, [onValueChange, picker, setLocalValue, usesPickerContext]);
+  const contextValue = useMemo(() => ({
+    registerColor
+  }), [registerColor]);
+  return /*#__PURE__*/_jsx(ColorSwatchPickerProvider, {
+    value: contextValue,
+    children: /*#__PURE__*/_jsx(RadioGroup, {
+      ref: ref,
+      asChild: asChild,
+      value: value?.toString('hex'),
+      onChange: handleValueChange,
+      isDisabled: isDisabled,
+      "aria-label": props['aria-label'] ?? accessibilityLabel,
+      ...props,
+      children: children
+    })
+  });
+});
+ColorSwatchPickerRoot.displayName = 'ColorSwatchPickerRoot';
+//# sourceMappingURL=ColorSwatchPickerRoot.js.map

package/lib/module/color-swatch-picker/ColorSwatchPickerRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useCallback","useMemo","useRef","useControllableState","RadioGroup","useOptionalColorPickerContext","ColorSwatchPickerProvider","jsx","_jsx","ColorSwatchPickerRoot","asChild","value","valueProp","defaultValue","onValueChange","isDisabled","accessibilityLabel","children","props","ref","picker","usesPickerContext","undefined","localValue","setLocalValue","prop","defaultProp","onChange","colorsRef","Map","registerColor","color","key","toString","current","set","get","delete","handleValueChange","contextValue","displayName"],"sourceRoot":"../../../src","sources":["color-swatch-picker/ColorSwatchPickerRoot.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,WAAW,EAAEC,OAAO,EAAEC,MAAM,QAA2B,OAAO;AAEnF,SAASC,oBAAoB,QAAQ,eAAe;AACpD,SAASC,UAAU,QAAQ,UAAU;AACrC,SAASC,6BAA6B,QAAQ,iBAAiB;AAE/D,SAASC,yBAAyB,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOtD,OAAO,MAAMC,qBAAqB,gBAAGV,UAAU,CAI7C,CACE;EACEW,OAAO;EACPC,KAAK,EAAEC,SAAS;EAChBC,YAAY;EACZC,aAAa;EACbC,UAAU;EACVC,kBAAkB;EAClBC,QAAQ;EACR,GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAMC,MAAM,GAAGf,6BAA6B,CAAC,CAAC;EAC9C,MAAMgB,iBAAiB,GACrBD,MAAM,KAAK,IAAI,IAAIR,SAAS,KAAKU,SAAS,IAAIT,YAAY,KAAKS,SAAS;EAE1E,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAGrB,oBAAoB,CAAQ;IAC9DsB,IAAI,EAAEb,SAAS;IACfc,WAAW,EAAEb,YAAY;IACzBc,QAAQ,EAAEb;EACZ,CAAC,CAAC;EAEF,MAAMH,KAAK,GAAGU,iBAAiB,GAAGD,MAAM,CAACT,KAAK,GAAGY,UAAU;EAC3D,MAAMK,SAAS,GAAG1B,MAAM,CAAC,IAAI2B,GAAG,CAAgB,CAAC,CAAC;EAElD,MAAMC,aAAa,GAAG9B,WAAW,CAAE+B,KAAY,IAAK;IAClD,MAAMC,GAAG,GAAGD,KAAK,CAACE,QAAQ,CAAC,KAAK,CAAC;IACjCL,SAAS,CAACM,OAAO,CAACC,GAAG,CAACH,GAAG,EAAED,KAAK,CAAC;IAEjC,OAAO,MAAM;MACX,IAAIH,SAAS,CAACM,OAAO,CAACE,GAAG,CAACJ,GAAG,CAAC,KAAKD,KAAK,EAAE;QACxCH,SAAS,CAACM,OAAO,CAACG,MAAM,CAACL,GAAG,CAAC;MAC/B;IACF,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMM,iBAAiB,GAAGtC,WAAW,CAClCgC,GAAW,IAAK;IACf,MAAMD,KAAK,GAAGH,SAAS,CAACM,OAAO,CAACE,GAAG,CAACJ,GAAG,CAAC;IAExC,IAAI,CAACD,KAAK,EAAE;MACV;IACF;IAEA,IAAIV,iBAAiB,EAAE;MACrBP,aAAa,GAAGiB,KAAK,CAAC;MACtBX,MAAM,CAACN,aAAa,CAACiB,KAAK,CAAC;MAC3B;IACF;IAEAP,aAAa,CAACO,KAAK,CAAC;EACtB,CAAC,EACD,CAACjB,aAAa,EAAEM,MAAM,EAAEI,aAAa,EAAEH,iBAAiB,CAC1D,CAAC;EAED,MAAMkB,YAAY,GAAGtC,OAAO,CAAC,OAAO;IAAE6B;EAAc,CAAC,CAAC,EAAE,CAACA,aAAa,CAAC,CAAC;EAExE,oBACEtB,IAAA,CAACF,yBAAyB;IAACK,KAAK,EAAE4B,YAAa;IAAAtB,QAAA,eAC7CT,IAAA,CAACJ,UAAU;MACTe,GAAG,EAAEA,GAAI;MACTT,OAAO,EAAEA,OAAQ;MACjBC,KAAK,EAAEA,KAAK,EAAEsB,QAAQ,CAAC,KAAK,CAAE;MAC9BN,QAAQ,EAAEW,iBAAkB;MAC5BvB,UAAU,EAAEA,UAAW;MACvB,cAAYG,KAAK,CAAC,YAAY,CAAC,IAAIF,kBAAmB;MAAA,GAClDE,KAAK;MAAAD,QAAA,EAERA;IAAQ,CACC;EAAC,CACY,CAAC;AAEhC,CACF,CAAC;AAEDR,qBAAqB,CAAC+B,WAAW,GAAG,uBAAuB","ignoreList":[]}

package/lib/module/color-swatch-picker/context.js

@@ -0,0 +1,15 @@
+"use strict";
+
+import { createContext as createReactContext, useContext } from 'react';
+import { createContext } from '@cdx-ui/utils';
+export const [ColorSwatchPickerProvider, useColorSwatchPickerContext] = createContext('ColorSwatchPickerContext');
+const ColorSwatchPickerItemContext = /*#__PURE__*/createReactContext(null);
+export const ColorSwatchPickerItemProvider = ColorSwatchPickerItemContext.Provider;
+export function useColorSwatchPickerItemContext() {
+  const context = useContext(ColorSwatchPickerItemContext);
+  if (!context) {
+    throw new Error('ColorSwatchPicker item slots must be used within ColorSwatchPicker.Item');
+  }
+  return context;
+}
+//# sourceMappingURL=context.js.map

package/lib/module/color-swatch-picker/context.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","createReactContext","useContext","ColorSwatchPickerProvider","useColorSwatchPickerContext","ColorSwatchPickerItemContext","ColorSwatchPickerItemProvider","Provider","useColorSwatchPickerItemContext","context","Error"],"sourceRoot":"../../../src","sources":["color-swatch-picker/context.tsx"],"mappings":";;AAAA,SAASA,aAAa,IAAIC,kBAAkB,EAAEC,UAAU,QAAQ,OAAO;AACvE,SAASF,aAAa,QAAQ,eAAe;AAG7C,OAAO,MAAM,CAACG,yBAAyB,EAAEC,2BAA2B,CAAC,GACnEJ,aAAa,CAAgC,0BAA0B,CAAC;AAE1E,MAAMK,4BAA4B,gBAAGJ,kBAAkB,CACrD,IACF,CAAC;AAED,OAAO,MAAMK,6BAA6B,GAAGD,4BAA4B,CAACE,QAAQ;AAElF,OAAO,SAASC,+BAA+BA,CAAA,EAAsC;EACnF,MAAMC,OAAO,GAAGP,UAAU,CAACG,4BAA4B,CAAC;EAExD,IAAI,CAACI,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CAAC,yEAAyE,CAAC;EAC5F;EAEA,OAAOD,OAAO;AAChB","ignoreList":[]}

package/lib/module/color-swatch-picker/index.js

@@ -0,0 +1,6 @@
+"use strict";
+
+export { ColorSwatchPickerRoot } from './ColorSwatchPickerRoot';
+export { ColorSwatchPickerItem } from './ColorSwatchPickerItem';
+export { useColorSwatchPickerContext, useColorSwatchPickerItemContext } from './context';
+//# sourceMappingURL=index.js.map

package/lib/module/color-swatch-picker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ColorSwatchPickerRoot","ColorSwatchPickerItem","useColorSwatchPickerContext","useColorSwatchPickerItemContext"],"sourceRoot":"../../../src","sources":["color-swatch-picker/index.ts"],"mappings":";;AAAA,SAASA,qBAAqB,QAAyC,yBAAyB;AAChG,SAASC,qBAAqB,QAAyC,yBAAyB;AAChG,SAASC,2BAA2B,EAAEC,+BAA+B,QAAQ,WAAW","ignoreList":[]}

package/lib/module/color-swatch-picker/types.js

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

package/lib/module/color-swatch-picker/types.js.map

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

package/lib/module/dialog/DialogContent.js

@@ -13,7 +13,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * - ARIA role, aria-modal, aria-labelledby/describedby
  * - FocusScope (focus trap + restore + auto-focus)
  * - Escape key dismissal (web)
- * - Android hardware back button dismissal (native)
+ * - Android hardware back button: calls the context `backHandlerRef` when set, otherwise dismisses (native)
  * - data-state attribute for CSS transition targeting
  *
  * Unstyled — the styled layer applies centering, background, border-radius, etc.
@@ -29,12 +29,19 @@ export const DialogContent = /*#__PURE__*/forwardRef(({
     onOpenChange,
     closeOnEscKey,
     nativeID,
-    role
+    role,
+    backHandlerRef
   } = useDialog();
   const handleClose = useCallback(() => {
     onOpenChange(false);
   }, [onOpenChange]);
-  useEscapeKey(open && closeOnEscKey, handleClose, {
+  const handleEscape = useCallback(() => {
+    if (closeOnEscKey) onOpenChange(false);
+  }, [closeOnEscKey, onOpenChange]);
+
+  // Registered regardless of `closeOnEscKey` so a non-dismissible dialog still
+  // owns Escape while topmost instead of letting it reach the overlay beneath.
+  useEscapeKey(open, handleEscape, {
     id: nativeID,
     groupId: nativeID,
     layer: 'modal'
@@ -53,13 +60,14 @@ export const DialogContent = /*#__PURE__*/forwardRef(({
     if (!open || Platform.OS === 'web') return;
     const backHandler = BackHandler.addEventListener('hardwareBackPress', () => {
       if (!isTopmost('back')) return false;
-      handleClose();
+      const onBack = backHandlerRef.current;
+      if (onBack) onBack();else handleClose();
       return true;
     });
     return () => {
       backHandler.remove();
     };
-  }, [handleClose, isTopmost, open]);
+  }, [backHandlerRef, handleClose, isTopmost, open]);
   if (!forceMount && !open) {
     return null;
   }

package/lib/module/dialog/DialogContent.js.map

@@ -1 +1 @@
-{"version":3,"names":["forwardRef","useCallback","useEffect","BackHandler","Platform","View","FocusScope","Slot","useEscapeKey","useOverlayStackRegistration","dataAttributes","mergeDataAttributes","useDialog","jsx","_jsx","DialogContent","asChild","forceMount","children","props","ref","open","onOpenChange","closeOnEscKey","nativeID","role","handleClose","id","groupId","layer","isTopmost","active","OS","capabilities","backHandler","addEventListener","remove","Comp","ariaProps","contain","restoreFocus","autoFocus","undefined","state","displayName"],"sourceRoot":"../../../src","sources":["dialog/DialogContent.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["forwardRef","useCallback","useEffect","BackHandler","Platform","View","FocusScope","Slot","useEscapeKey","useOverlayStackRegistration","dataAttributes","mergeDataAttributes","useDialog","jsx","_jsx","DialogContent","asChild","forceMount","children","props","ref","open","onOpenChange","closeOnEscKey","nativeID","role","backHandlerRef","handleClose","handleEscape","id","groupId","layer","isTopmost","active","OS","capabilities","backHandler","addEventListener","onBack","current","remove","Comp","ariaProps","contain","restoreFocus","autoFocus","undefined","state","displayName"],"sourceRoot":"../../../src","sources":["dialog/DialogContent.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,WAAW,EAAEC,SAAS,QAA2B,OAAO;AAC7E,SAASC,WAAW,EAAEC,QAAQ,EAAEC,IAAI,QAAwB,cAAc;AAC1E,SAASC,UAAU,QAAQ,0BAA0B;AACrD,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,YAAY,EAAEC,2BAA2B,QAAQ,YAAY;AACtE,SAASC,cAAc,EAAEC,mBAAmB,QAAQ,yBAAyB;AAC7E,SAASC,SAAS,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAKtC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,aAAa,gBAAGf,UAAU,CACrC,CAAC;EAAEgB,OAAO,GAAG,KAAK;EAAEC,UAAU,GAAG,KAAK;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACpE,MAAM;IAAEC,IAAI;IAAEC,YAAY;IAAEC,aAAa;IAAEC,QAAQ;IAAEC,IAAI;IAAEC;EAAe,CAAC,GAAGd,SAAS,CAAC,CAAC;EAEzF,MAAMe,WAAW,GAAG1B,WAAW,CAAC,MAAM;IACpCqB,YAAY,CAAC,KAAK,CAAC;EACrB,CAAC,EAAE,CAACA,YAAY,CAAC,CAAC;EAElB,MAAMM,YAAY,GAAG3B,WAAW,CAAC,MAAM;IACrC,IAAIsB,aAAa,EAAED,YAAY,CAAC,KAAK,CAAC;EACxC,CAAC,EAAE,CAACC,aAAa,EAAED,YAAY,CAAC,CAAC;;EAEjC;EACA;EACAd,YAAY,CAACa,IAAI,EAAEO,YAAY,EAAE;IAC/BC,EAAE,EAAEL,QAAQ;IACZM,OAAO,EAAEN,QAAQ;IACjBO,KAAK,EAAE;EACT,CAAC,CAAC;EACF,MAAM;IAAEC;EAAU,CAAC,GAAGvB,2BAA2B,CAAC;IAChDwB,MAAM,EAAEZ,IAAI,IAAIjB,QAAQ,CAAC8B,EAAE,KAAK,KAAK;IACrCC,YAAY,EAAE,CAAC,MAAM,CAAC;IACtBN,EAAE,EAAEL,QAAQ;IACZM,OAAO,EAAEN,QAAQ;IACjBO,KAAK,EAAE;EACT,CAAC,CAAC;EAEF7B,SAAS,CAAC,MAAM;IACd;IACA,IAAI,CAACmB,IAAI,IAAIjB,QAAQ,CAAC8B,EAAE,KAAK,KAAK,EAAE;IAEpC,MAAME,WAAW,GAAGjC,WAAW,CAACkC,gBAAgB,CAAC,mBAAmB,EAAE,MAAM;MAC1E,IAAI,CAACL,SAAS,CAAC,MAAM,CAAC,EAAE,OAAO,KAAK;MACpC,MAAMM,MAAM,GAAGZ,cAAc,CAACa,OAAO;MACrC,IAAID,MAAM,EAAEA,MAAM,CAAC,CAAC,CAAC,KAChBX,WAAW,CAAC,CAAC;MAClB,OAAO,IAAI;IACb,CAAC,CAAC;IAEF,OAAO,MAAM;MACXS,WAAW,CAACI,MAAM,CAAC,CAAC;IACtB,CAAC;EACH,CAAC,EAAE,CAACd,cAAc,EAAEC,WAAW,EAAEK,SAAS,EAAEX,IAAI,CAAC,CAAC;EAElD,IAAI,CAACJ,UAAU,IAAI,CAACI,IAAI,EAAE;IACxB,OAAO,IAAI;EACb;EAEA,MAAMoB,IAAI,GAAGzB,OAAO,GAAGT,IAAI,GAAGF,IAAI;EAElC,MAAMqC,SAAS,GAAG;IAChBjB,IAAI;IACJ,YAAY,EAAE,IAAI;IAClB,iBAAiB,EAAE,GAAGD,QAAQ,QAAQ;IACtC,kBAAkB,EAAE,GAAGA,QAAQ;EACjC,CAAC;EAED,oBACEV,IAAA,CAACR,UAAU;IAACqC,OAAO,EAAEtB,IAAK;IAACuB,YAAY;IAACC,SAAS,EAAExB,IAAK;IAAAH,QAAA,eACtDJ,IAAA,CAAC2B,IAAI;MACHrB,GAAG,EAAEA,GAAI;MACTI,QAAQ,EAAEA,QAAS;MAAA,GACfkB,SAAS;MAAA,GACRvB,KAAK;MAAA,GACNR,mBAAmB,CACrBQ,KAAK,EACLF,UAAU,GAAG6B,SAAS,GAAGpC,cAAc,CAAC;QAAEqC,KAAK,EAAE1B,IAAI,GAAG,MAAM,GAAG;MAAS,CAAC,CAC7E,CAAC;MAAAH,QAAA,EAEAA;IAAQ,CACL;EAAC,CACG,CAAC;AAEjB,CACF,CAAC;AAEDH,aAAa,CAACiC,WAAW,GAAG,eAAe","ignoreList":[]}

package/lib/module/dialog/DialogPopup.js

@@ -30,7 +30,13 @@ export const DialogPopup = /*#__PURE__*/forwardRef(({
   const handleClose = useCallback(() => {
     onOpenChange(false);
   }, [onOpenChange]);
-  useEscapeKey(open && closeOnEscKey, handleClose, {
+  const handleEscape = useCallback(() => {
+    if (closeOnEscKey) onOpenChange(false);
+  }, [closeOnEscKey, onOpenChange]);
+
+  // Registered regardless of `closeOnEscKey` so a non-dismissible dialog still
+  // owns Escape while topmost instead of letting it reach the overlay beneath.
+  useEscapeKey(open, handleEscape, {
     id: nativeID,
     groupId: nativeID,
     layer: 'modal'