@cdx-ui/primitives 0.1.7 → 0.2.0

package/lib/commonjs/utils/textAncestor.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","ReactNative","_interopRequireWildcard","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","TextAncestorContext","exports","unstable_TextAncestorContext","createContext","useHasTextAncestor","useContext"],"sourceRoot":"../../../src","sources":["utils/textAncestor.ts"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAC,uBAAA,CAAAF,OAAA;AAA4C,SAAAE,wBAAAC,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAH,uBAAA,YAAAA,CAAAC,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAE5C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMkB,mBAAqC,GAAAC,OAAA,CAAAD,mBAAA,GAC/CrB,WAAW,CACTuB,4BAA4B,iBAAI,IAAAC,oBAAa,EAAC,KAAK,CAAC;;AAEzD;AACO,SAASC,kBAAkBA,CAAA,EAAY;EAC5C,OAAO,IAAAC,iBAAU,EAACL,mBAAmB,CAAC;AACxC","ignoreList":[]}

package/lib/commonjs/utils/textAncestor.web.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TextAncestorContext = void 0;
+exports.useHasTextAncestor = useHasTextAncestor;
+var _react = require("react");
+var _TextAncestorContext = _interopRequireDefault(require("react-native-web/dist/exports/Text/TextAncestorContext"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * React Native Web's text-ancestor context, which its `Text` provides. RNW does
+ * not export it, so this is a deep import. RNW's ESM and CommonJS builds each
+ * create their own context, so this must stay on the ESM path: it is the build
+ * bundlers resolve `react-native-web` to, and the path `babel-preset-expo`
+ * rewrites `react-native` imports to under Jest.
+ *
+ * Unlike native, RNW's `View` does not reset the context — CSS inherits through
+ * an inline `View` inside `Text`. DOM portals reset it in `createPortal.web.ts`.
+ */
+const TextAncestorContext = exports.TextAncestorContext = _TextAncestorContext.default;
+
+/** `true` when the calling component renders inside a host `Text`. */
+function useHasTextAncestor() {
+  return (0, _react.useContext)(TextAncestorContext);
+}
+//# sourceMappingURL=textAncestor.web.js.map

package/lib/commonjs/utils/textAncestor.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_TextAncestorContext","_interopRequireDefault","e","__esModule","default","TextAncestorContext","exports","RNWTextAncestorContext","useHasTextAncestor","useContext"],"sourceRoot":"../../../src","sources":["utils/textAncestor.web.ts"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,oBAAA,GAAAC,sBAAA,CAAAF,OAAA;AAA4F,SAAAE,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE5F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMG,mBAAqC,GAAAC,OAAA,CAAAD,mBAAA,GAAGE,4BAAsB;;AAE3E;AACO,SAASC,kBAAkBA,CAAA,EAAY;EAC5C,OAAO,IAAAC,iBAAU,EAACJ,mBAAmB,CAAC;AACxC","ignoreList":[]}

package/lib/module/color/Color.js

@@ -0,0 +1,65 @@
+"use strict";
+
+import { parseColor as parseStatelyColor } from '@react-stately/color';
+const NUMBER_PATTERN = '[+-]?(?:\\d+(?:\\.\\d+)?|\\.\\d+)';
+const HEX_PATTERN = /^#[\da-f]{3}(?:[\da-f]{3})?$/iu;
+const RGB_PATTERN = new RegExp(`^rgb\\(\\s*${NUMBER_PATTERN}\\s*,\\s*${NUMBER_PATTERN}\\s*,\\s*${NUMBER_PATTERN}\\s*\\)$`, 'iu');
+const HSL_PATTERN = new RegExp(`^hsl\\(\\s*${NUMBER_PATTERN}\\s*,\\s*${NUMBER_PATTERN}%\\s*,\\s*${NUMBER_PATTERN}%\\s*\\)$`, 'iu');
+function isSupportedOpaqueColor(value) {
+  return HEX_PATTERN.test(value) || RGB_PATTERN.test(value) || HSL_PATTERN.test(value);
+}
+function normalizeHue(value) {
+  if (!Number.isFinite(value)) {
+    return 0;
+  }
+  return (value % 360 + 360) % 360;
+}
+function normalizeChannelValue(color, channel, value) {
+  if (!Number.isFinite(value)) {
+    return color.getChannelValue(channel);
+  }
+  if (channel === 'hue') {
+    return normalizeHue(value);
+  }
+  const {
+    minValue,
+    maxValue
+  } = color.getChannelRange(channel);
+  const clampedValue = Math.min(maxValue, Math.max(minValue, value));
+  return channel === 'red' || channel === 'green' || channel === 'blue' ? Math.round(clampedValue) : clampedValue;
+}
+function createColor(color) {
+  return {
+    toString(format) {
+      const value = color.toString(format);
+      return format === 'hex' ? value.toUpperCase() : value;
+    },
+    getChannel(space, channel) {
+      const value = color.toFormat(space).getChannelValue(channel);
+      return channel === 'hue' ? normalizeHue(value) : value;
+    },
+    withChannel(space, channel, value) {
+      const convertedColor = color.toFormat(space);
+      const channelValue = normalizeChannelValue(convertedColor, channel, value);
+      return createColor(convertedColor.withChannelValue(channel, channelValue));
+    }
+  };
+}
+export function parseColor(value) {
+  const normalizedValue = value.trim().toLowerCase();
+  if (!isSupportedOpaqueColor(normalizedValue)) {
+    return undefined;
+  }
+  try {
+    let color = parseStatelyColor(normalizedValue);
+    if (RGB_PATTERN.test(normalizedValue)) {
+      color = color.withChannelValue('red', Math.round(color.getChannelValue('red'))).withChannelValue('green', Math.round(color.getChannelValue('green'))).withChannelValue('blue', Math.round(color.getChannelValue('blue')));
+    } else if (HSL_PATTERN.test(normalizedValue)) {
+      color = color.withChannelValue('hue', normalizeHue(color.getChannelValue('hue')));
+    }
+    return createColor(color);
+  } catch {
+    return undefined;
+  }
+}
+//# sourceMappingURL=Color.js.map

package/lib/module/color/Color.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["parseColor","parseStatelyColor","NUMBER_PATTERN","HEX_PATTERN","RGB_PATTERN","RegExp","HSL_PATTERN","isSupportedOpaqueColor","value","test","normalizeHue","Number","isFinite","normalizeChannelValue","color","channel","getChannelValue","minValue","maxValue","getChannelRange","clampedValue","Math","min","max","round","createColor","toString","format","toUpperCase","getChannel","space","toFormat","withChannel","convertedColor","channelValue","withChannelValue","normalizedValue","trim","toLowerCase","undefined"],"sourceRoot":"../../../src","sources":["color/Color.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/color/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { parseColor } from './Color';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["parseColor"],"sourceRoot":"../../../src","sources":["color/index.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,SAAS","ignoreList":[]}

package/lib/module/color/types.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=types.js.map

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

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

package/lib/module/color-area/ColorAreaAccessibility.js

@@ -0,0 +1,96 @@
+"use strict";
+
+import { useCallback } from 'react';
+import { StyleSheet, View } from 'react-native';
+import { useColorAreaContext } from './context';
+import { clampColorChannel, colorAreaValueText } from './utils';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+export function ColorAreaAccessibility({
+  accessibilityLabel
+}) {
+  const {
+    value,
+    xValue,
+    yValue,
+    step,
+    isDisabled,
+    setXValue,
+    setYValue
+  } = useColorAreaContext();
+  const handleSaturationAction = useCallback(event => {
+    if (event.nativeEvent.actionName === 'increment') {
+      setXValue(xValue + step, true);
+    } else if (event.nativeEvent.actionName === 'decrement') {
+      setXValue(xValue - step, true);
+    }
+  }, [setXValue, step, xValue]);
+  const handleBrightnessAction = useCallback(event => {
+    if (event.nativeEvent.actionName === 'increment') {
+      setYValue(yValue + step, true);
+    } else if (event.nativeEvent.actionName === 'decrement') {
+      setYValue(yValue - step, true);
+    }
+  }, [setYValue, step, yValue]);
+  const actionProps = {
+    accessibilityActions: [{
+      name: 'increment'
+    }, {
+      name: 'decrement'
+    }]
+  };
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(View, {
+      ...actionProps,
+      accessible: true,
+      style: styles.saturationProxy,
+      accessibilityRole: "adjustable",
+      accessibilityLabel: accessibilityLabel ? `${accessibilityLabel}, Saturation` : 'Saturation',
+      accessibilityValue: {
+        min: 0,
+        max: 100,
+        now: Math.round(clampColorChannel(xValue)),
+        text: colorAreaValueText(value)
+      },
+      accessibilityState: {
+        disabled: isDisabled
+      },
+      onAccessibilityAction: handleSaturationAction
+    }), /*#__PURE__*/_jsx(View, {
+      ...actionProps,
+      accessible: true,
+      style: styles.brightnessProxy,
+      accessibilityRole: "adjustable",
+      accessibilityLabel: accessibilityLabel ? `${accessibilityLabel}, Brightness` : 'Brightness',
+      accessibilityValue: {
+        min: 0,
+        max: 100,
+        now: Math.round(clampColorChannel(yValue)),
+        text: colorAreaValueText(value)
+      },
+      accessibilityState: {
+        disabled: isDisabled
+      },
+      onAccessibilityAction: handleBrightnessAction
+    })]
+  });
+}
+ColorAreaAccessibility.displayName = 'ColorAreaAccessibility';
+const styles = StyleSheet.create({
+  saturationProxy: {
+    position: 'absolute',
+    top: 0,
+    bottom: 0,
+    left: 0,
+    width: '50%',
+    pointerEvents: 'none'
+  },
+  brightnessProxy: {
+    position: 'absolute',
+    top: 0,
+    right: 0,
+    bottom: 0,
+    width: '50%',
+    pointerEvents: 'none'
+  }
+});
+//# sourceMappingURL=ColorAreaAccessibility.js.map

package/lib/module/color-area/ColorAreaAccessibility.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","StyleSheet","View","useColorAreaContext","clampColorChannel","colorAreaValueText","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","ColorAreaAccessibility","accessibilityLabel","value","xValue","yValue","step","isDisabled","setXValue","setYValue","handleSaturationAction","event","nativeEvent","actionName","handleBrightnessAction","actionProps","accessibilityActions","name","children","accessible","style","styles","saturationProxy","accessibilityRole","accessibilityValue","min","max","now","Math","round","text","accessibilityState","disabled","onAccessibilityAction","brightnessProxy","displayName","create","position","top","bottom","left","width","pointerEvents","right"],"sourceRoot":"../../../src","sources":["color-area/ColorAreaAccessibility.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/color-area/ColorAreaAccessibility.web.js

@@ -0,0 +1,54 @@
+"use strict";
+
+import { VisuallyHidden } from '@react-aria/visually-hidden';
+import { useColorAreaContext } from './context';
+import { colorAreaValueText, snapColorChannel } from './utils';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+export function ColorAreaAccessibility({
+  accessibilityLabel
+}) {
+  const {
+    value,
+    xValue,
+    yValue,
+    step,
+    isDisabled,
+    setXValue,
+    setYValue,
+    handleKeyDown
+  } = useColorAreaContext();
+  const handleInputKeyDown = event => {
+    handleKeyDown(event);
+  };
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(VisuallyHidden, {
+      children: /*#__PURE__*/_jsx("input", {
+        type: "range",
+        min: 0,
+        max: 100,
+        step: step,
+        value: snapColorChannel(xValue, step),
+        disabled: isDisabled,
+        "aria-label": accessibilityLabel ? `${accessibilityLabel}, Saturation` : 'Saturation',
+        "aria-valuetext": colorAreaValueText(value),
+        onKeyDown: handleInputKeyDown,
+        onChange: event => setXValue(Number(event.currentTarget.value), true)
+      })
+    }), /*#__PURE__*/_jsx(VisuallyHidden, {
+      children: /*#__PURE__*/_jsx("input", {
+        type: "range",
+        min: 0,
+        max: 100,
+        step: step,
+        value: snapColorChannel(yValue, step),
+        disabled: isDisabled,
+        "aria-label": accessibilityLabel ? `${accessibilityLabel}, Brightness` : 'Brightness',
+        "aria-valuetext": colorAreaValueText(value),
+        onKeyDown: handleInputKeyDown,
+        onChange: event => setYValue(Number(event.currentTarget.value), true)
+      })
+    })]
+  });
+}
+ColorAreaAccessibility.displayName = 'ColorAreaAccessibility';
+//# sourceMappingURL=ColorAreaAccessibility.web.js.map

package/lib/module/color-area/ColorAreaAccessibility.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["VisuallyHidden","useColorAreaContext","colorAreaValueText","snapColorChannel","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","ColorAreaAccessibility","accessibilityLabel","value","xValue","yValue","step","isDisabled","setXValue","setYValue","handleKeyDown","handleInputKeyDown","event","children","type","min","max","disabled","onKeyDown","onChange","Number","currentTarget","displayName"],"sourceRoot":"../../../src","sources":["color-area/ColorAreaAccessibility.web.tsx"],"mappings":";;AAAA,SAASA,cAAc,QAAQ,6BAA6B;AAC5D,SAASC,mBAAmB,QAAQ,WAAW;AAE/C,SAASC,kBAAkB,EAAEC,gBAAgB,QAAQ,SAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAM/D,OAAO,SAASC,sBAAsBA,CAAC;EAAEC;AAAgD,CAAC,EAAE;EAC1F,MAAM;IAAEC,KAAK;IAAEC,MAAM;IAAEC,MAAM;IAAEC,IAAI;IAAEC,UAAU;IAAEC,SAAS;IAAEC,SAAS;IAAEC;EAAc,CAAC,GACpFlB,mBAAmB,CAAC,CAAC;EAEvB,MAAMmB,kBAAkB,GAAIC,KAA4C,IAAK;IAC3EF,aAAa,CAACE,KAA0C,CAAC;EAC3D,CAAC;EAED,oBACEZ,KAAA,CAAAF,SAAA;IAAAe,QAAA,gBACEjB,IAAA,CAACL,cAAc;MAAAsB,QAAA,eACbjB,IAAA;QACEkB,IAAI,EAAC,OAAO;QACZC,GAAG,EAAE,CAAE;QACPC,GAAG,EAAE,GAAI;QACTV,IAAI,EAAEA,IAAK;QACXH,KAAK,EAAET,gBAAgB,CAACU,MAAM,EAAEE,IAAI,CAAE;QACtCW,QAAQ,EAAEV,UAAW;QACrB,cAAYL,kBAAkB,GAAG,GAAGA,kBAAkB,cAAc,GAAG,YAAa;QACpF,kBAAgBT,kBAAkB,CAACU,KAAK,CAAE;QAC1Ce,SAAS,EAAEP,kBAAmB;QAC9BQ,QAAQ,EAAGP,KAAK,IAAKJ,SAAS,CAACY,MAAM,CAACR,KAAK,CAACS,aAAa,CAAClB,KAAK,CAAC,EAAE,IAAI;MAAE,CACzE;IAAC,CACY,CAAC,eACjBP,IAAA,CAACL,cAAc;MAAAsB,QAAA,eACbjB,IAAA;QACEkB,IAAI,EAAC,OAAO;QACZC,GAAG,EAAE,CAAE;QACPC,GAAG,EAAE,GAAI;QACTV,IAAI,EAAEA,IAAK;QACXH,KAAK,EAAET,gBAAgB,CAACW,MAAM,EAAEC,IAAI,CAAE;QACtCW,QAAQ,EAAEV,UAAW;QACrB,cAAYL,kBAAkB,GAAG,GAAGA,kBAAkB,cAAc,GAAG,YAAa;QACpF,kBAAgBT,kBAAkB,CAACU,KAAK,CAAE;QAC1Ce,SAAS,EAAEP,kBAAmB;QAC9BQ,QAAQ,EAAGP,KAAK,IAAKH,SAAS,CAACW,MAAM,CAACR,KAAK,CAACS,aAAa,CAAClB,KAAK,CAAC,EAAE,IAAI;MAAE,CACzE;IAAC,CACY,CAAC;EAAA,CACjB,CAAC;AAEP;AAEAF,sBAAsB,CAACqB,WAAW,GAAG,wBAAwB","ignoreList":[]}

package/lib/module/color-area/ColorAreaRoot.js

@@ -0,0 +1,236 @@
+"use strict";
+
+import { forwardRef, useCallback, useMemo, useRef, useState } from 'react';
+import { I18nManager, PanResponder, 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 { ColorAreaAccessibility } from './ColorAreaAccessibility';
+import { ColorAreaProvider } from './context';
+import { clampColorChannel, snapColorChannel } from './utils';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function createDefaultColor() {
+  const color = parseColor('#FF0000');
+  if (!color) {
+    throw new Error('ColorArea default color could not be parsed');
+  }
+  return color;
+}
+const DEFAULT_COLOR = createDefaultColor();
+const EMPTY_LAYOUT = {
+  width: 0,
+  height: 0
+};
+function getFinitePoint(event) {
+  const {
+    locationX: x,
+    locationY: y
+  } = event.nativeEvent;
+  return Number.isFinite(x) && Number.isFinite(y) ? {
+    x,
+    y
+  } : null;
+}
+export const ColorAreaRoot = /*#__PURE__*/forwardRef(({
+  asChild,
+  value: valueProp,
+  defaultValue,
+  onValueChange,
+  onValueChangeComplete,
+  colorSpace = 'hsb',
+  xChannel = 'saturation',
+  yChannel = 'brightness',
+  step = 1,
+  pageStep = 10,
+  isRTL = I18nManager.isRTL,
+  isDisabled = false,
+  accessibilityLabel,
+  children,
+  onLayout,
+  ...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(EMPTY_LAYOUT);
+  const [thumbSize, setThumbSizeState] = useState(EMPTY_LAYOUT);
+  const valueRef = useRef(value);
+  valueRef.current = value;
+  const layoutRef = useRef(layout);
+  layoutRef.current = layout;
+  const isDisabledRef = useRef(isDisabled);
+  isDisabledRef.current = isDisabled;
+  const setChannelsFromPointRef = useRef(undefined);
+  const lastValidPointRef = useRef(null);
+  const commitValue = useCallback((next, complete = false) => {
+    if (isDisabled) {
+      return;
+    }
+    valueRef.current = next;
+    if (usesPickerContext) {
+      onValueChange?.(next);
+      picker.onValueChange(next);
+    } else {
+      setLocalValue(next);
+    }
+    if (complete) {
+      onValueChangeComplete?.(next);
+    }
+  }, [isDisabled, onValueChange, onValueChangeComplete, picker, setLocalValue, usesPickerContext]);
+  const setXValue = useCallback((nextValue, complete = false) => {
+    commitValue(valueRef.current.withChannel(colorSpace, xChannel, snapColorChannel(nextValue, step)), complete);
+  }, [colorSpace, commitValue, step, xChannel]);
+  const setYValue = useCallback((nextValue, complete = false) => {
+    commitValue(valueRef.current.withChannel(colorSpace, yChannel, snapColorChannel(nextValue, step)), complete);
+  }, [colorSpace, commitValue, step, yChannel]);
+  const setChannelsFromPoint = useCallback((x, y, complete = false) => {
+    const currentLayout = layoutRef.current;
+    if (isDisabledRef.current || !Number.isFinite(x) || !Number.isFinite(y) || !Number.isFinite(currentLayout.width) || !Number.isFinite(currentLayout.height) || currentLayout.width <= 0 || currentLayout.height <= 0) {
+      return;
+    }
+    const visualXRatio = clampColorChannel(x, 0, currentLayout.width) / currentLayout.width;
+    const xRatio = isRTL ? 1 - visualXRatio : visualXRatio;
+    const yRatio = 1 - clampColorChannel(y, 0, currentLayout.height) / currentLayout.height;
+    const next = valueRef.current.withChannel(colorSpace, xChannel, xRatio * 100).withChannel(colorSpace, yChannel, yRatio * 100);
+    commitValue(next, complete);
+  }, [colorSpace, commitValue, isRTL, xChannel, yChannel]);
+  setChannelsFromPointRef.current = setChannelsFromPoint;
+  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;
+    const currentX = valueRef.current.getChannel(colorSpace, xChannel);
+    const currentY = valueRef.current.getChannel(colorSpace, yChannel);
+    let handled = true;
+    if (key === 'ArrowLeft') {
+      setXValue(currentX + (isRTL ? increment : -increment), true);
+    } else if (key === 'ArrowRight') {
+      setXValue(currentX + (isRTL ? -increment : increment), true);
+    } else if (key === 'ArrowUp') {
+      setYValue(currentY + increment, true);
+    } else if (key === 'ArrowDown') {
+      setYValue(currentY - increment, true);
+    } else if (key === 'PageUp') {
+      setYValue(currentY + pageStep, true);
+    } else if (key === 'PageDown') {
+      setYValue(currentY - pageStep, true);
+    } else if (key === 'Home') {
+      setXValue(currentX + (isRTL ? pageStep : -pageStep), true);
+    } else if (key === 'End') {
+      setXValue(currentX + (isRTL ? -pageStep : pageStep), true);
+    } else {
+      handled = false;
+    }
+    if (handled) {
+      event.preventDefault?.();
+    }
+  }, [colorSpace, isDisabled, isRTL, pageStep, setXValue, setYValue, step, xChannel, yChannel]);
+  const panResponder = useMemo(() => {
+    const updateFromEvent = (event, complete = false) => {
+      const point = getFinitePoint(event);
+      if (point) {
+        lastValidPointRef.current = point;
+      }
+      const resolvedPoint = point ?? lastValidPointRef.current;
+      if (resolvedPoint) {
+        setChannelsFromPointRef.current?.(resolvedPoint.x, resolvedPoint.y, complete);
+      }
+    };
+    return PanResponder.create({
+      onStartShouldSetPanResponder: () => !isDisabledRef.current,
+      onMoveShouldSetPanResponder: () => !isDisabledRef.current,
+      onPanResponderTerminationRequest: () => false,
+      onShouldBlockNativeResponder: () => true,
+      onPanResponderGrant: event => {
+        lastValidPointRef.current = null;
+        updateFromEvent(event);
+      },
+      onPanResponderMove: event => {
+        updateFromEvent(event);
+      },
+      onPanResponderRelease: event => {
+        updateFromEvent(event, true);
+        lastValidPointRef.current = null;
+      },
+      onPanResponderTerminate: event => {
+        updateFromEvent(event, true);
+        lastValidPointRef.current = null;
+      }
+    });
+  }, []);
+  const setLayout = useCallback(next => {
+    setLayoutState(previous => previous.width === next.width && previous.height === next.height ? previous : next);
+  }, []);
+  const setThumbSize = useCallback(next => {
+    setThumbSizeState(previous => previous.width === next.width && previous.height === next.height ? previous : next);
+  }, []);
+  const handleLayout = useCallback(event => {
+    const {
+      width,
+      height
+    } = event.nativeEvent.layout;
+    setLayout({
+      width,
+      height
+    });
+    onLayout?.(event);
+  }, [onLayout, setLayout]);
+  const xValue = value.getChannel(colorSpace, xChannel);
+  const yValue = value.getChannel(colorSpace, yChannel);
+  const contextValue = useMemo(() => ({
+    value,
+    xValue,
+    yValue,
+    xPercent: clampColorChannel(xValue),
+    yPercent: clampColorChannel(yValue),
+    layout,
+    thumbSize,
+    isRTL,
+    isDisabled,
+    step,
+    pageStep,
+    setLayout,
+    setThumbSize,
+    setChannelsFromPoint,
+    setXValue,
+    setYValue,
+    handleKeyDown
+  }), [handleKeyDown, isDisabled, isRTL, layout, pageStep, setChannelsFromPoint, setLayout, setThumbSize, setXValue, setYValue, step, thumbSize, value, xValue, yValue]);
+  const Comp = asChild ? Slot : View;
+  return /*#__PURE__*/_jsx(ColorAreaProvider, {
+    value: contextValue,
+    children: /*#__PURE__*/_jsxs(Comp, {
+      ref: ref,
+      ...props,
+      ...panResponder.panHandlers,
+      onLayout: handleLayout,
+      role: Platform.OS === 'web' ? 'group' : undefined,
+      "aria-label": props['aria-label'] ?? accessibilityLabel,
+      accessibilityLabel: accessibilityLabel,
+      accessibilityState: {
+        disabled: isDisabled
+      },
+      ...mergeDataAttributes(props, dataAttributes({
+        disabled: isDisabled,
+        colorSpace,
+        xChannel,
+        yChannel
+      })),
+      children: [children, /*#__PURE__*/_jsx(ColorAreaAccessibility, {
+        accessibilityLabel: accessibilityLabel
+      })]
+    })
+  });
+});
+ColorAreaRoot.displayName = 'ColorAreaRoot';
+//# sourceMappingURL=ColorAreaRoot.js.map

package/lib/module/color-area/ColorAreaRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useCallback","useMemo","useRef","useState","I18nManager","PanResponder","Platform","View","useControllableState","parseColor","useOptionalColorPickerContext","Slot","dataAttributes","mergeDataAttributes","ColorAreaAccessibility","ColorAreaProvider","clampColorChannel","snapColorChannel","jsx","_jsx","jsxs","_jsxs","createDefaultColor","color","Error","DEFAULT_COLOR","EMPTY_LAYOUT","width","height","getFinitePoint","event","locationX","x","locationY","y","nativeEvent","Number","isFinite","ColorAreaRoot","asChild","value","valueProp","defaultValue","onValueChange","onValueChangeComplete","colorSpace","xChannel","yChannel","step","pageStep","isRTL","isDisabled","accessibilityLabel","children","onLayout","props","ref","picker","usesPickerContext","undefined","localValue","setLocalValue","prop","defaultProp","onChange","layout","setLayoutState","thumbSize","setThumbSizeState","valueRef","current","layoutRef","isDisabledRef","setChannelsFromPointRef","lastValidPointRef","commitValue","next","complete","setXValue","nextValue","withChannel","setYValue","setChannelsFromPoint","currentLayout","visualXRatio","xRatio","yRatio","handleKeyDown","key","shiftKey","increment","currentX","getChannel","currentY","handled","preventDefault","panResponder","updateFromEvent","point","resolvedPoint","create","onStartShouldSetPanResponder","onMoveShouldSetPanResponder","onPanResponderTerminationRequest","onShouldBlockNativeResponder","onPanResponderGrant","onPanResponderMove","onPanResponderRelease","onPanResponderTerminate","setLayout","previous","setThumbSize","handleLayout","xValue","yValue","contextValue","xPercent","yPercent","Comp","panHandlers","role","OS","accessibilityState","disabled","displayName"],"sourceRoot":"../../../src","sources":["color-area/ColorAreaRoot.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/color-area/ColorAreaThumb.js

@@ -0,0 +1,67 @@
+"use strict";
+
+import { forwardRef, useCallback, useMemo } from 'react';
+import { View } from 'react-native';
+import { Slot } from '../slot';
+import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
+import { useColorAreaContext } from './context';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const ColorAreaThumb = /*#__PURE__*/forwardRef(({
+  asChild,
+  style,
+  onLayout,
+  children,
+  ...props
+}, ref) => {
+  const {
+    xPercent,
+    yPercent,
+    layout,
+    thumbSize,
+    isRTL,
+    setThumbSize
+  } = useColorAreaContext();
+  const positionStyle = useMemo(() => {
+    const visualXPercent = isRTL ? 100 - xPercent : xPercent;
+    const translateX = visualXPercent / 100 * layout.width - thumbSize.width / 2;
+    const translateY = (100 - yPercent) / 100 * layout.height - thumbSize.height / 2;
+    return {
+      position: 'absolute',
+      top: 0,
+      left: 0,
+      pointerEvents: 'none',
+      transform: [{
+        translateX
+      }, {
+        translateY
+      }]
+    };
+  }, [isRTL, layout.height, layout.width, thumbSize.height, thumbSize.width, xPercent, yPercent]);
+  const handleLayout = useCallback(event => {
+    const {
+      width,
+      height
+    } = event.nativeEvent.layout;
+    setThumbSize({
+      width,
+      height
+    });
+    onLayout?.(event);
+  }, [onLayout, setThumbSize]);
+  const Comp = asChild ? Slot : View;
+  return /*#__PURE__*/_jsx(Comp, {
+    ref: ref,
+    ...props,
+    accessible: false,
+    accessibilityElementsHidden: true,
+    importantForAccessibility: "no-hide-descendants",
+    onLayout: handleLayout,
+    style: [positionStyle, style],
+    ...mergeDataAttributes(props, dataAttributes({
+      slot: 'color-area-thumb'
+    })),
+    children: children
+  });
+});
+ColorAreaThumb.displayName = 'ColorAreaThumb';
+//# sourceMappingURL=ColorAreaThumb.js.map

package/lib/module/color-area/ColorAreaThumb.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useCallback","useMemo","View","Slot","dataAttributes","mergeDataAttributes","useColorAreaContext","jsx","_jsx","ColorAreaThumb","asChild","style","onLayout","children","props","ref","xPercent","yPercent","layout","thumbSize","isRTL","setThumbSize","positionStyle","visualXPercent","translateX","width","translateY","height","position","top","left","pointerEvents","transform","handleLayout","event","nativeEvent","Comp","accessible","accessibilityElementsHidden","importantForAccessibility","slot","displayName"],"sourceRoot":"../../../src","sources":["color-area/ColorAreaThumb.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AACxD,SAASC,IAAI,QAAgD,cAAc;AAC3E,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,cAAc,EAAEC,mBAAmB,QAAQ,yBAAyB;AAC7E,SAASC,mBAAmB,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAKhD,OAAO,MAAMC,cAAc,gBAAGV,UAAU,CACtC,CAAC;EAAEW,OAAO;EAAEC,KAAK;EAAEC,QAAQ;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACzD,MAAM;IAAEC,QAAQ;IAAEC,QAAQ;IAAEC,MAAM;IAAEC,SAAS;IAAEC,KAAK;IAAEC;EAAa,CAAC,GAAGf,mBAAmB,CAAC,CAAC;EAE5F,MAAMgB,aAAa,GAAGrB,OAAO,CAAY,MAAM;IAC7C,MAAMsB,cAAc,GAAGH,KAAK,GAAG,GAAG,GAAGJ,QAAQ,GAAGA,QAAQ;IACxD,MAAMQ,UAAU,GAAID,cAAc,GAAG,GAAG,GAAIL,MAAM,CAACO,KAAK,GAAGN,SAAS,CAACM,KAAK,GAAG,CAAC;IAC9E,MAAMC,UAAU,GAAI,CAAC,GAAG,GAAGT,QAAQ,IAAI,GAAG,GAAIC,MAAM,CAACS,MAAM,GAAGR,SAAS,CAACQ,MAAM,GAAG,CAAC;IAElF,OAAO;MACLC,QAAQ,EAAE,UAAU;MACpBC,GAAG,EAAE,CAAC;MACNC,IAAI,EAAE,CAAC;MACPC,aAAa,EAAE,MAAM;MACrBC,SAAS,EAAE,CAAC;QAAER;MAAW,CAAC,EAAE;QAAEE;MAAW,CAAC;IAC5C,CAAC;EACH,CAAC,EAAE,CAACN,KAAK,EAAEF,MAAM,CAACS,MAAM,EAAET,MAAM,CAACO,KAAK,EAAEN,SAAS,CAACQ,MAAM,EAAER,SAAS,CAACM,KAAK,EAAET,QAAQ,EAAEC,QAAQ,CAAC,CAAC;EAE/F,MAAMgB,YAAY,GAAGjC,WAAW,CAC7BkC,KAAwB,IAAK;IAC5B,MAAM;MAAET,KAAK;MAAEE;IAAO,CAAC,GAAGO,KAAK,CAACC,WAAW,CAACjB,MAAM;IAClDG,YAAY,CAAC;MAAEI,KAAK;MAAEE;IAAO,CAAC,CAAC;IAC/Bf,QAAQ,GAAGsB,KAAK,CAAC;EACnB,CAAC,EACD,CAACtB,QAAQ,EAAES,YAAY,CACzB,CAAC;EAED,MAAMe,IAAI,GAAG1B,OAAO,GAAGP,IAAI,GAAGD,IAAI;EAElC,oBACEM,IAAA,CAAC4B,IAAI;IACHrB,GAAG,EAAEA,GAAI;IAAA,GACLD,KAAK;IACTuB,UAAU,EAAE,KAAM;IAClBC,2BAA2B;IAC3BC,yBAAyB,EAAC,qBAAqB;IAC/C3B,QAAQ,EAAEqB,YAAa;IACvBtB,KAAK,EAAE,CAACW,aAAa,EAAEX,KAAK,CAAE;IAAA,GAC1BN,mBAAmB,CAACS,KAAK,EAAEV,cAAc,CAAC;MAAEoC,IAAI,EAAE;IAAmB,CAAC,CAAC,CAAC;IAAA3B,QAAA,EAE3EA;EAAQ,CACL,CAAC;AAEX,CACF,CAAC;AAEDJ,cAAc,CAACgC,WAAW,GAAG,gBAAgB","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","ColorAreaProvider","useColorAreaContext"],"sourceRoot":"../../../src","sources":["color-area/context.tsx"],"mappings":";;AAAA,SAASA,aAAa,QAAQ,eAAe;AAG7C,OAAO,MAAM,CAACC,iBAAiB,EAAEC,mBAAmB,CAAC,GACnDF,aAAa,CAAwB,kBAAkB,CAAC","ignoreList":[]}

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

@@ -0,0 +1,6 @@
+"use strict";
+
+export { ColorAreaRoot } from './ColorAreaRoot';
+export { ColorAreaThumb } from './ColorAreaThumb';
+export { useColorAreaContext } from './context';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["ColorAreaRoot","ColorAreaThumb","useColorAreaContext"],"sourceRoot":"../../../src","sources":["color-area/index.ts"],"mappings":";;AAAA,SAASA,aAAa,QAAiC,iBAAiB;AACxE,SAASC,cAAc,QAAkC,kBAAkB;AAC3E,SAASC,mBAAmB,QAAQ,WAAW","ignoreList":[]}