@cdx-ui/primitives 0.1.7 → 0.2.0

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

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ColorAreaRoot", {
+  enumerable: true,
+  get: function () {
+    return _ColorAreaRoot.ColorAreaRoot;
+  }
+});
+Object.defineProperty(exports, "ColorAreaThumb", {
+  enumerable: true,
+  get: function () {
+    return _ColorAreaThumb.ColorAreaThumb;
+  }
+});
+Object.defineProperty(exports, "useColorAreaContext", {
+  enumerable: true,
+  get: function () {
+    return _context.useColorAreaContext;
+  }
+});
+var _ColorAreaRoot = require("./ColorAreaRoot");
+var _ColorAreaThumb = require("./ColorAreaThumb");
+var _context = require("./context");
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_ColorAreaRoot","require","_ColorAreaThumb","_context"],"sourceRoot":"../../../src","sources":["color-area/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA","ignoreList":[]}

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

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

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

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

package/lib/commonjs/color-area/utils.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.clampColorChannel = clampColorChannel;
+exports.colorAreaValueText = colorAreaValueText;
+exports.snapColorChannel = snapColorChannel;
+function clampColorChannel(value, min = 0, max = 100) {
+  if (!Number.isFinite(value)) {
+    return min;
+  }
+  return Math.min(max, Math.max(min, value));
+}
+function snapColorChannel(value, step, min = 0, max = 100) {
+  const clamped = clampColorChannel(value, min, max);
+  const snapped = step > 0 ? min + Math.round((clamped - min) / step) * step : clamped;
+  return clampColorChannel(snapped, min, max);
+}
+function describeColor(color) {
+  const hue = clampColorChannel(color.getChannel('hsb', 'hue'), 0, 360);
+  const saturation = clampColorChannel(color.getChannel('hsb', 'saturation'));
+  const brightness = clampColorChannel(color.getChannel('hsb', 'brightness'));
+  if (brightness <= 10) {
+    return 'black';
+  }
+  if (saturation <= 10) {
+    if (brightness >= 90) {
+      return 'white';
+    }
+    return brightness < 45 ? 'dark gray' : brightness > 75 ? 'light gray' : 'gray';
+  }
+  const names = ['red', 'orange', 'yellow', 'green', 'cyan', 'blue', 'purple', 'magenta'];
+  const index = Math.round((hue % 360 + 360) % 360 / 45) % names.length;
+  const tone = brightness < 40 ? 'dark ' : brightness > 80 ? 'light ' : '';
+  const intensity = saturation > 75 ? 'vibrant ' : saturation < 40 ? 'muted ' : '';
+  return `${tone}${intensity}${names[index]}`;
+}
+function colorAreaValueText(color, changedChannel) {
+  const saturation = Math.round(clampColorChannel(color.getChannel('hsb', 'saturation')));
+  const brightness = Math.round(clampColorChannel(color.getChannel('hsb', 'brightness')));
+  const colorName = describeColor(color);
+  if (changedChannel === 'saturation') {
+    return `Saturation ${String(saturation)}%, ${colorName}`;
+  }
+  if (changedChannel === 'brightness') {
+    return `Brightness ${String(brightness)}%, ${colorName}`;
+  }
+  return `Saturation ${String(saturation)}%, Brightness ${String(brightness)}%, ${colorName}`;
+}
+//# sourceMappingURL=utils.js.map

package/lib/commonjs/color-area/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["clampColorChannel","value","min","max","Number","isFinite","Math","snapColorChannel","step","clamped","snapped","round","describeColor","color","hue","getChannel","saturation","brightness","names","index","length","tone","intensity","colorAreaValueText","changedChannel","colorName","String"],"sourceRoot":"../../../src","sources":["color-area/utils.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/color-field/ColorFieldInput.js

@@ -0,0 +1,67 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ColorFieldInput = void 0;
+var _react = require("react");
+var _input = require("../input");
+var _context = require("./context");
+var _jsxRuntime = require("react/jsx-runtime");
+const ColorFieldInput = exports.ColorFieldInput = /*#__PURE__*/(0, _react.forwardRef)(({
+  onChangeText,
+  onFocus,
+  onBlur,
+  editable,
+  keyboardType,
+  autoCapitalize = 'none',
+  autoCorrect = false,
+  ...props
+}, ref) => {
+  const {
+    value,
+    colorSpace,
+    disabled,
+    readOnly,
+    invalid,
+    required,
+    commitText,
+    formatValue
+  } = (0, _context.useColorFieldContext)();
+  const [text, setText] = (0, _react.useState)(formatValue);
+  const [isEditing, setIsEditing] = (0, _react.useState)(false);
+  (0, _react.useEffect)(() => {
+    if (!isEditing) {
+      setText(formatValue());
+    }
+  }, [formatValue, isEditing, value]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_input.InputField, {
+    ref: ref,
+    ...props,
+    value: text,
+    editable: editable ?? !(disabled || readOnly),
+    disabled: disabled,
+    isDisabled: disabled,
+    isReadOnly: readOnly,
+    isInvalid: invalid,
+    isRequired: required,
+    keyboardType: keyboardType ?? (colorSpace ? 'decimal-pad' : 'default'),
+    autoCapitalize: autoCapitalize,
+    autoCorrect: autoCorrect,
+    onChangeText: nextText => {
+      onChangeText?.(nextText);
+      setText(nextText);
+      commitText(nextText);
+    },
+    onFocus: event => {
+      setIsEditing(true);
+      onFocus?.(event);
+    },
+    onBlur: event => {
+      setIsEditing(false);
+      onBlur?.(event);
+    }
+  });
+});
+ColorFieldInput.displayName = 'ColorFieldInput';
+//# sourceMappingURL=ColorFieldInput.js.map

package/lib/commonjs/color-field/ColorFieldInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_input","_context","_jsxRuntime","ColorFieldInput","exports","forwardRef","onChangeText","onFocus","onBlur","editable","keyboardType","autoCapitalize","autoCorrect","props","ref","value","colorSpace","disabled","readOnly","invalid","required","commitText","formatValue","useColorFieldContext","text","setText","useState","isEditing","setIsEditing","useEffect","jsx","InputField","isDisabled","isReadOnly","isInvalid","isRequired","nextText","event","displayName"],"sourceRoot":"../../../src","sources":["color-field/ColorFieldInput.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAAiD,IAAAG,WAAA,GAAAH,OAAA;AAK1C,MAAMI,eAAe,GAAAC,OAAA,CAAAD,eAAA,gBAAG,IAAAE,iBAAU,EACvC,CACE;EACEC,YAAY;EACZC,OAAO;EACPC,MAAM;EACNC,QAAQ;EACRC,YAAY;EACZC,cAAc,GAAG,MAAM;EACvBC,WAAW,GAAG,KAAK;EACnB,GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAM;IAAEC,KAAK;IAAEC,UAAU;IAAEC,QAAQ;IAAEC,QAAQ;IAAEC,OAAO;IAAEC,QAAQ;IAAEC,UAAU;IAAEC;EAAY,CAAC,GACzF,IAAAC,6BAAoB,EAAC,CAAC;EACxB,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAG,IAAAC,eAAQ,EAACJ,WAAW,CAAC;EAC7C,MAAM,CAACK,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAF,eAAQ,EAAC,KAAK,CAAC;EAEjD,IAAAG,gBAAS,EAAC,MAAM;IACd,IAAI,CAACF,SAAS,EAAE;MACdF,OAAO,CAACH,WAAW,CAAC,CAAC,CAAC;IACxB;EACF,CAAC,EAAE,CAACA,WAAW,EAAEK,SAAS,EAAEZ,KAAK,CAAC,CAAC;EAEnC,oBACE,IAAAb,WAAA,CAAA4B,GAAA,EAAC9B,MAAA,CAAA+B,UAAU;IACTjB,GAAG,EAAEA,GAAI;IAAA,GACLD,KAAK;IACTE,KAAK,EAAES,IAAK;IACZf,QAAQ,EAAEA,QAAQ,IAAI,EAAEQ,QAAQ,IAAIC,QAAQ,CAAE;IAC9CD,QAAQ,EAAEA,QAAS;IACnBe,UAAU,EAAEf,QAAS;IACrBgB,UAAU,EAAEf,QAAS;IACrBgB,SAAS,EAAEf,OAAQ;IACnBgB,UAAU,EAAEf,QAAS;IACrBV,YAAY,EAAEA,YAAY,KAAKM,UAAU,GAAG,aAAa,GAAG,SAAS,CAAE;IACvEL,cAAc,EAAEA,cAAe;IAC/BC,WAAW,EAAEA,WAAY;IACzBN,YAAY,EAAG8B,QAAQ,IAAK;MAC1B9B,YAAY,GAAG8B,QAAQ,CAAC;MACxBX,OAAO,CAACW,QAAQ,CAAC;MACjBf,UAAU,CAACe,QAAQ,CAAC;IACtB,CAAE;IACF7B,OAAO,EAAG8B,KAAK,IAAK;MAClBT,YAAY,CAAC,IAAI,CAAC;MAClBrB,OAAO,GAAG8B,KAAK,CAAC;IAClB,CAAE;IACF7B,MAAM,EAAG6B,KAAK,IAAK;MACjBT,YAAY,CAAC,KAAK,CAAC;MACnBpB,MAAM,GAAG6B,KAAK,CAAC;IACjB;EAAE,CACH,CAAC;AAEN,CACF,CAAC;AAEDlC,eAAe,CAACmC,WAAW,GAAG,iBAAiB","ignoreList":[]}

package/lib/commonjs/color-field/ColorFieldRoot.js

@@ -0,0 +1,104 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ColorFieldRoot = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _utils = require("@cdx-ui/utils");
+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");
+const ColorFieldRoot = exports.ColorFieldRoot = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
+  value: valueProp,
+  defaultValue,
+  onValueChange,
+  colorSpace,
+  channel,
+  isDisabled,
+  isReadOnly,
+  isInvalid,
+  isRequired,
+  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,
+    onChange: onValueChange
+  });
+  const value = usesPickerContext ? picker.value : localValue;
+  const valueRef = (0, _react.useRef)(value);
+  valueRef.current = value;
+  const formControl = (0, _utils.useFormControl)({
+    isDisabled,
+    isReadOnly,
+    isInvalid,
+    isRequired
+  });
+  const disabled = Boolean(formControl.disabled);
+  const readOnly = Boolean(formControl.readOnly);
+  const invalid = Boolean(formControl['aria-invalid']);
+  const required = Boolean(formControl.required);
+  const configuration = (0, _react.useMemo)(() => channel ? {
+    colorSpace,
+    channel
+  } : {
+    colorSpace: undefined,
+    channel: undefined
+  }, [channel, colorSpace]);
+  const commitText = (0, _react.useCallback)(text => {
+    if (disabled || readOnly) {
+      return undefined;
+    }
+    const nextValue = (0, _utils2.parseColorFieldValue)(text, valueRef.current, configuration);
+    if (!nextValue) {
+      return undefined;
+    }
+    valueRef.current = nextValue;
+    if (usesPickerContext) {
+      onValueChange?.(nextValue);
+      picker.onValueChange(nextValue);
+    } else {
+      setLocalValue(nextValue);
+    }
+    return nextValue;
+  }, [configuration, disabled, onValueChange, picker, readOnly, setLocalValue, usesPickerContext]);
+  const formatValue = (0, _react.useCallback)(() => (0, _utils2.formatColorFieldValue)(valueRef.current, configuration), [configuration]);
+  const contextValue = (0, _react.useMemo)(() => ({
+    ...configuration,
+    value,
+    disabled,
+    readOnly,
+    invalid,
+    required,
+    commitText,
+    formatValue
+  }), [commitText, configuration, disabled, formatValue, invalid, readOnly, required, value]);
+  const Comp = asChild ? _slot.Slot : _reactNative.View;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.ColorFieldProvider, {
+    value: contextValue,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
+      ref: ref,
+      ...props,
+      ...(0, _dataAttributes.mergeDataAttributes)(props, (0, _dataAttributes.dataAttributes)({
+        disabled,
+        invalid,
+        readonly: readOnly,
+        required,
+        colorSpace: configuration.colorSpace,
+        channel: configuration.channel
+      })),
+      children: children
+    })
+  });
+});
+ColorFieldRoot.displayName = 'ColorFieldRoot';
+//# sourceMappingURL=ColorFieldRoot.js.map

package/lib/commonjs/color-field/ColorFieldRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_utils","_colorPicker","_slot","_dataAttributes","_context","_utils2","_jsxRuntime","ColorFieldRoot","exports","forwardRef","asChild","value","valueProp","defaultValue","onValueChange","colorSpace","channel","isDisabled","isReadOnly","isInvalid","isRequired","children","props","ref","picker","useOptionalColorPickerContext","usesPickerContext","undefined","localValue","setLocalValue","useControllableState","prop","defaultProp","onChange","valueRef","useRef","current","formControl","useFormControl","disabled","Boolean","readOnly","invalid","required","configuration","useMemo","commitText","useCallback","text","nextValue","parseColorFieldValue","formatValue","formatColorFieldValue","contextValue","Comp","Slot","View","jsx","ColorFieldProvider","mergeDataAttributes","dataAttributes","readonly","displayName"],"sourceRoot":"../../../src","sources":["color-field/ColorFieldRoot.tsx"],"mappings":"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","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_utils","require","ColorFieldProvider","useColorFieldContext","createContext","exports"],"sourceRoot":"../../../src","sources":["color-field/context.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAGO,MAAM,CAACC,kBAAkB,EAAEC,oBAAoB,CAAC,GACrD,IAAAC,oBAAa,EAAyB,mBAAmB,CAAC;AAACC,OAAA,CAAAF,oBAAA,GAAAA,oBAAA;AAAAE,OAAA,CAAAH,kBAAA,GAAAA,kBAAA","ignoreList":[]}

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

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ColorFieldInput", {
+  enumerable: true,
+  get: function () {
+    return _ColorFieldInput.ColorFieldInput;
+  }
+});
+Object.defineProperty(exports, "ColorFieldRoot", {
+  enumerable: true,
+  get: function () {
+    return _ColorFieldRoot.ColorFieldRoot;
+  }
+});
+Object.defineProperty(exports, "useColorFieldContext", {
+  enumerable: true,
+  get: function () {
+    return _context.useColorFieldContext;
+  }
+});
+var _ColorFieldRoot = require("./ColorFieldRoot");
+var _ColorFieldInput = require("./ColorFieldInput");
+var _context = require("./context");
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_ColorFieldRoot","require","_ColorFieldInput","_context"],"sourceRoot":"../../../src","sources":["color-field/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AAEA,IAAAC,gBAAA,GAAAD,OAAA;AAEA,IAAAE,QAAA,GAAAF,OAAA","ignoreList":[]}

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

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

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

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

package/lib/commonjs/color-field/utils.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.formatColorFieldValue = formatColorFieldValue;
+exports.parseColorFieldValue = parseColorFieldValue;
+var _color = require("../color");
+const CHANNEL_VALUE_PATTERN = /^([+-]?(?:\d+(?:\.\d+)?|\.\d+))\s*([°%])?$/u;
+function formatNumber(value) {
+  return Number.isInteger(value) ? String(value) : value.toFixed(1);
+}
+function formatColorFieldValue(value, configuration) {
+  if (!value) {
+    return '';
+  }
+  if (!configuration.channel) {
+    return value.toString('hex');
+  }
+  const channelValue = value.getChannel(configuration.colorSpace, configuration.channel);
+  const formattedValue = formatNumber(channelValue);
+  if (configuration.channel === 'hue') {
+    return `${formattedValue}°`;
+  }
+  if (configuration.colorSpace === 'hsl') {
+    return `${formattedValue}%`;
+  }
+  return formattedValue;
+}
+function parseColorFieldValue(text, currentValue, configuration) {
+  const normalizedText = text.trim();
+  if (!configuration.channel) {
+    return (0, _color.parseColor)(normalizedText);
+  }
+  if (!currentValue) {
+    return undefined;
+  }
+  const match = CHANNEL_VALUE_PATTERN.exec(normalizedText);
+  if (!match) {
+    return undefined;
+  }
+  const value = Number(match[1]);
+  const unit = match[2];
+  if (!Number.isFinite(value)) {
+    return undefined;
+  }
+  if (configuration.colorSpace === 'rgb') {
+    if (unit || value < 0 || value > 255) {
+      return undefined;
+    }
+  } else if (configuration.channel === 'hue') {
+    if (unit === '%' || value < 0 || value > 360) {
+      return undefined;
+    }
+  } else if (unit === '°' || value < 0 || value > 100) {
+    return undefined;
+  }
+  return currentValue.withChannel(configuration.colorSpace, configuration.channel, value);
+}
+//# sourceMappingURL=utils.js.map

package/lib/commonjs/color-field/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_color","require","CHANNEL_VALUE_PATTERN","formatNumber","value","Number","isInteger","String","toFixed","formatColorFieldValue","configuration","channel","toString","channelValue","getChannel","colorSpace","formattedValue","parseColorFieldValue","text","currentValue","normalizedText","trim","parseColor","undefined","match","exec","unit","isFinite","withChannel"],"sourceRoot":"../../../src","sources":["color-field/utils.ts"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAGA,MAAMC,qBAAqB,GAAG,6CAA6C;AAE3E,SAASC,YAAYA,CAACC,KAAa,EAAU;EAC3C,OAAOC,MAAM,CAACC,SAAS,CAACF,KAAK,CAAC,GAAGG,MAAM,CAACH,KAAK,CAAC,GAAGA,KAAK,CAACI,OAAO,CAAC,CAAC,CAAC;AACnE;AAEO,SAASC,qBAAqBA,CACnCL,KAAwB,EACxBM,aAAsC,EAC9B;EACR,IAAI,CAACN,KAAK,EAAE;IACV,OAAO,EAAE;EACX;EAEA,IAAI,CAACM,aAAa,CAACC,OAAO,EAAE;IAC1B,OAAOP,KAAK,CAACQ,QAAQ,CAAC,KAAK,CAAC;EAC9B;EAEA,MAAMC,YAAY,GAAGT,KAAK,CAACU,UAAU,CAACJ,aAAa,CAACK,UAAU,EAAEL,aAAa,CAACC,OAAO,CAAC;EACtF,MAAMK,cAAc,GAAGb,YAAY,CAACU,YAAY,CAAC;EAEjD,IAAIH,aAAa,CAACC,OAAO,KAAK,KAAK,EAAE;IACnC,OAAO,GAAGK,cAAc,GAAG;EAC7B;EAEA,IAAIN,aAAa,CAACK,UAAU,KAAK,KAAK,EAAE;IACtC,OAAO,GAAGC,cAAc,GAAG;EAC7B;EAEA,OAAOA,cAAc;AACvB;AAEO,SAASC,oBAAoBA,CAClCC,IAAY,EACZC,YAA+B,EAC/BT,aAAsC,EACnB;EACnB,MAAMU,cAAc,GAAGF,IAAI,CAACG,IAAI,CAAC,CAAC;EAElC,IAAI,CAACX,aAAa,CAACC,OAAO,EAAE;IAC1B,OAAO,IAAAW,iBAAU,EAACF,cAAc,CAAC;EACnC;EAEA,IAAI,CAACD,YAAY,EAAE;IACjB,OAAOI,SAAS;EAClB;EAEA,MAAMC,KAAK,GAAGtB,qBAAqB,CAACuB,IAAI,CAACL,cAAc,CAAC;EACxD,IAAI,CAACI,KAAK,EAAE;IACV,OAAOD,SAAS;EAClB;EAEA,MAAMnB,KAAK,GAAGC,MAAM,CAACmB,KAAK,CAAC,CAAC,CAAC,CAAC;EAC9B,MAAME,IAAI,GAAGF,KAAK,CAAC,CAAC,CAAC;EACrB,IAAI,CAACnB,MAAM,CAACsB,QAAQ,CAACvB,KAAK,CAAC,EAAE;IAC3B,OAAOmB,SAAS;EAClB;EAEA,IAAIb,aAAa,CAACK,UAAU,KAAK,KAAK,EAAE;IACtC,IAAIW,IAAI,IAAItB,KAAK,GAAG,CAAC,IAAIA,KAAK,GAAG,GAAG,EAAE;MACpC,OAAOmB,SAAS;IAClB;EACF,CAAC,MAAM,IAAIb,aAAa,CAACC,OAAO,KAAK,KAAK,EAAE;IAC1C,IAAIe,IAAI,KAAK,GAAG,IAAItB,KAAK,GAAG,CAAC,IAAIA,KAAK,GAAG,GAAG,EAAE;MAC5C,OAAOmB,SAAS;IAClB;EACF,CAAC,MAAM,IAAIG,IAAI,KAAK,GAAG,IAAItB,KAAK,GAAG,CAAC,IAAIA,KAAK,GAAG,GAAG,EAAE;IACnD,OAAOmB,SAAS;EAClB;EAEA,OAAOJ,YAAY,CAACS,WAAW,CAAClB,aAAa,CAACK,UAAU,EAAEL,aAAa,CAACC,OAAO,EAAEP,KAAK,CAAC;AACzF","ignoreList":[]}

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

@@ -0,0 +1,69 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ColorPickerRoot = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _utils = require("@cdx-ui/utils");
+var _slot = require("../slot");
+var _dataAttributes = require("../utils/dataAttributes");
+var _context = require("./context");
+var _jsxRuntime = require("react/jsx-runtime");
+const ColorPickerRoot = exports.ColorPickerRoot = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
+  value: valueProp,
+  defaultValue,
+  onValueChange,
+  isOpen: openProp,
+  defaultOpen = false,
+  onOpenChange,
+  children,
+  ...props
+}, ref) => {
+  const [value, setValueState] = (0, _utils.useControllableState)({
+    prop: valueProp,
+    defaultProp: defaultValue,
+    onChange: onValueChange
+  });
+  const [open, setOpenState] = (0, _utils.useControllableState)({
+    prop: openProp,
+    defaultProp: defaultOpen,
+    onChange: onOpenChange
+  });
+  const anchorRef = (0, _react.useRef)(null);
+  const triggerRef = (0, _react.useRef)(null);
+  const setValue = (0, _react.useCallback)(nextValue => {
+    setValueState(nextValue);
+  }, [setValueState]);
+  const setOpen = (0, _react.useCallback)(nextOpen => {
+    setOpenState(nextOpen);
+  }, [setOpenState]);
+  const contextValue = (0, _react.useMemo)(() => ({
+    value,
+    onValueChange: setValue,
+    open: open ?? false,
+    setOpen,
+    anchorRef,
+    triggerRef
+  }), [open, setOpen, setValue, value]);
+  const Comp = asChild ? _slot.Slot : _reactNative.View;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.ColorPickerRootProvider, {
+    value: contextValue,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.ColorPickerProvider, {
+      value: contextValue,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
+        ref: (0, _utils.mergeRefs)(ref, anchorRef),
+        ...props,
+        ...(0, _dataAttributes.mergeDataAttributes)(props, (0, _dataAttributes.dataAttributes)({
+          open: contextValue.open,
+          state: contextValue.open ? 'open' : 'closed'
+        })),
+        children: children
+      })
+    })
+  });
+});
+ColorPickerRoot.displayName = 'ColorPickerRoot';
+//# sourceMappingURL=ColorPickerRoot.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_utils","_slot","_dataAttributes","_context","_jsxRuntime","ColorPickerRoot","exports","forwardRef","asChild","value","valueProp","defaultValue","onValueChange","isOpen","openProp","defaultOpen","onOpenChange","children","props","ref","setValueState","useControllableState","prop","defaultProp","onChange","open","setOpenState","anchorRef","useRef","triggerRef","setValue","useCallback","nextValue","setOpen","nextOpen","contextValue","useMemo","Comp","Slot","View","jsx","ColorPickerRootProvider","ColorPickerProvider","mergeRefs","mergeDataAttributes","dataAttributes","state","displayName"],"sourceRoot":"../../../src","sources":["color-picker/ColorPickerRoot.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAEA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AAAyE,IAAAM,WAAA,GAAAN,OAAA;AAOlE,MAAMO,eAAe,GAAAC,OAAA,CAAAD,eAAA,gBAAG,IAAAE,iBAAU,EACvC,CACE;EACEC,OAAO;EACPC,KAAK,EAAEC,SAAS;EAChBC,YAAY;EACZC,aAAa;EACbC,MAAM,EAAEC,QAAQ;EAChBC,WAAW,GAAG,KAAK;EACnBC,YAAY;EACZC,QAAQ;EACR,GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAM,CAACV,KAAK,EAAEW,aAAa,CAAC,GAAG,IAAAC,2BAAoB,EAAQ;IACzDC,IAAI,EAAEZ,SAAS;IACfa,WAAW,EAAEZ,YAAY;IACzBa,QAAQ,EAAEZ;EACZ,CAAC,CAAC;EACF,MAAM,CAACa,IAAI,EAAEC,YAAY,CAAC,GAAG,IAAAL,2BAAoB,EAAU;IACzDC,IAAI,EAAER,QAAQ;IACdS,WAAW,EAAER,WAAW;IACxBS,QAAQ,EAAER;EACZ,CAAC,CAAC;EACF,MAAMW,SAAS,GAAG,IAAAC,aAAM,EAA4B,IAAI,CAAC;EACzD,MAAMC,UAAU,GAAG,IAAAD,aAAM,EAA4B,IAAI,CAAC;EAE1D,MAAME,QAAQ,GAAG,IAAAC,kBAAW,EACzBC,SAAgB,IAAK;IACpBZ,aAAa,CAACY,SAAS,CAAC;EAC1B,CAAC,EACD,CAACZ,aAAa,CAChB,CAAC;EACD,MAAMa,OAAO,GAAG,IAAAF,kBAAW,EACxBG,QAAiB,IAAK;IACrBR,YAAY,CAACQ,QAAQ,CAAC;EACxB,CAAC,EACD,CAACR,YAAY,CACf,CAAC;EAED,MAAMS,YAAY,GAAG,IAAAC,cAAO,EAC1B,OAAO;IACL3B,KAAK;IACLG,aAAa,EAAEkB,QAAQ;IACvBL,IAAI,EAAEA,IAAI,IAAI,KAAK;IACnBQ,OAAO;IACPN,SAAS;IACTE;EACF,CAAC,CAAC,EACF,CAACJ,IAAI,EAAEQ,OAAO,EAAEH,QAAQ,EAAErB,KAAK,CACjC,CAAC;EAED,MAAM4B,IAAI,GAAG7B,OAAO,GAAG8B,UAAI,GAAGC,iBAAI;EAElC,oBACE,IAAAnC,WAAA,CAAAoC,GAAA,EAACrC,QAAA,CAAAsC,uBAAuB;IAAChC,KAAK,EAAE0B,YAAa;IAAAlB,QAAA,eAC3C,IAAAb,WAAA,CAAAoC,GAAA,EAACrC,QAAA,CAAAuC,mBAAmB;MAACjC,KAAK,EAAE0B,YAAa;MAAAlB,QAAA,eACvC,IAAAb,WAAA,CAAAoC,GAAA,EAACH,IAAI;QACHlB,GAAG,EAAE,IAAAwB,gBAAS,EAACxB,GAAG,EAAEQ,SAAS,CAAE;QAAA,GAC3BT,KAAK;QAAA,GACL,IAAA0B,mCAAmB,EACrB1B,KAAK,EACL,IAAA2B,8BAAc,EAAC;UACbpB,IAAI,EAAEU,YAAY,CAACV,IAAI;UACvBqB,KAAK,EAAEX,YAAY,CAACV,IAAI,GAAG,MAAM,GAAG;QACtC,CAAC,CACH,CAAC;QAAAR,QAAA,EAEAA;MAAQ,CACL;IAAC,CACY;EAAC,CACC,CAAC;AAE9B,CACF,CAAC;AAEDZ,eAAe,CAAC0C,WAAW,GAAG,iBAAiB","ignoreList":[]}

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

@@ -0,0 +1,98 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ColorPickerTrigger = 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 _dataAttributes = require("../utils/dataAttributes");
+var _context = require("./context");
+var _jsxRuntime = require("react/jsx-runtime");
+const ColorPickerTrigger = exports.ColorPickerTrigger = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
+  children,
+  isDisabled,
+  isHovered: isHoveredProp,
+  isActive: isActiveProp,
+  isFocused: isFocusedProp,
+  isFocusVisible: isFocusVisibleProp,
+  accessibilityLabel = 'Open color picker',
+  onPress,
+  onPressIn,
+  onPressOut,
+  onHoverIn,
+  onHoverOut,
+  onFocus,
+  onBlur,
+  ...props
+}, ref) => {
+  const {
+    open,
+    setOpen,
+    triggerRef
+  } = (0, _context.useColorPickerRootContext)();
+  const disabled = Boolean(isDisabled || props.disabled);
+  const {
+    isFocused,
+    focusProps
+  } = (0, _focus.useFocus)();
+  const {
+    isFocusVisible,
+    focusProps: focusRingProps
+  } = (0, _focus.useFocusRing)();
+  const {
+    isPressed,
+    pressProps
+  } = (0, _interactions.usePress)({
+    isDisabled: disabled
+  });
+  const {
+    isHovered,
+    hoverProps
+  } = (0, _interactions.useHover)({
+    isDisabled: disabled
+  });
+  const Comp = asChild ? _slot.Slot : _reactNative.Pressable;
+  const platformAccessibilityProps = _reactNative.Platform.OS === 'web' ? {
+    role: 'button',
+    'aria-haspopup': 'dialog',
+    'aria-expanded': open,
+    'aria-disabled': disabled || undefined
+  } : {
+    accessibilityRole: 'button',
+    accessibilityState: {
+      disabled,
+      expanded: open
+    }
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
+    ref: (0, _utils.mergeRefs)(ref, triggerRef),
+    disabled: disabled,
+    accessibilityLabel: accessibilityLabel,
+    ...props,
+    ...platformAccessibilityProps,
+    ...(0, _dataAttributes.mergeDataAttributes)(props, (0, _dataAttributes.dataAttributes)({
+      state: open ? 'open' : 'closed',
+      disabled,
+      hover: isHoveredProp || isHovered,
+      active: isActiveProp || isPressed,
+      focus: isFocusedProp || isFocused,
+      focusVisible: isFocusVisibleProp || isFocusVisible
+    })),
+    onPress: (0, _utils.composeEventHandlers)(onPress, () => setOpen(!open)),
+    onPressIn: (0, _utils.composeEventHandlers)(onPressIn, pressProps.onPressIn),
+    onPressOut: (0, _utils.composeEventHandlers)(onPressOut, pressProps.onPressOut),
+    onHoverIn: (0, _utils.composeEventHandlers)(onHoverIn, hoverProps.onHoverIn),
+    onHoverOut: (0, _utils.composeEventHandlers)(onHoverOut, hoverProps.onHoverOut),
+    onFocus: (0, _utils.composeEventHandlers)(onFocus, focusProps.onFocus, focusRingProps.onFocus),
+    onBlur: (0, _utils.composeEventHandlers)(onBlur, focusProps.onBlur, focusRingProps.onBlur),
+    children: children
+  });
+});
+ColorPickerTrigger.displayName = 'ColorPickerTrigger';
+//# sourceMappingURL=ColorPickerTrigger.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_utils","_focus","_interactions","_slot","_dataAttributes","_context","_jsxRuntime","ColorPickerTrigger","exports","forwardRef","asChild","children","isDisabled","isHovered","isHoveredProp","isActive","isActiveProp","isFocused","isFocusedProp","isFocusVisible","isFocusVisibleProp","accessibilityLabel","onPress","onPressIn","onPressOut","onHoverIn","onHoverOut","onFocus","onBlur","props","ref","open","setOpen","triggerRef","useColorPickerRootContext","disabled","Boolean","focusProps","useFocus","focusRingProps","useFocusRing","isPressed","pressProps","usePress","hoverProps","useHover","Comp","Slot","Pressable","platformAccessibilityProps","Platform","OS","role","undefined","accessibilityRole","accessibilityState","expanded","jsx","mergeRefs","mergeDataAttributes","dataAttributes","state","hover","active","focus","focusVisible","composeEventHandlers","displayName"],"sourceRoot":"../../../src","sources":["color-picker/ColorPickerTrigger.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ColorPickerRootProvider = exports.ColorPickerProvider = void 0;
+exports.useColorPickerContext = useColorPickerContext;
+exports.useColorPickerRootContext = useColorPickerRootContext;
+exports.useOptionalColorPickerContext = useOptionalColorPickerContext;
+var _react = require("react");
+const ColorPickerContext = /*#__PURE__*/(0, _react.createContext)(null);
+const ColorPickerProvider = exports.ColorPickerProvider = ColorPickerContext.Provider;
+const ColorPickerRootContext = /*#__PURE__*/(0, _react.createContext)(null);
+const ColorPickerRootProvider = exports.ColorPickerRootProvider = ColorPickerRootContext.Provider;
+function useColorPickerContext() {
+  const context = (0, _react.useContext)(ColorPickerContext);
+  if (!context) {
+    throw new Error('Color picker compound components must be used within ColorPicker');
+  }
+  return context;
+}
+function useOptionalColorPickerContext() {
+  return (0, _react.useContext)(ColorPickerContext);
+}
+function useColorPickerRootContext() {
+  const context = (0, _react.useContext)(ColorPickerRootContext);
+  if (!context) {
+    throw new Error('ColorPicker compound components must be used within ColorPickerRoot');
+  }
+  return context;
+}
+//# sourceMappingURL=context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","ColorPickerContext","createContext","ColorPickerProvider","exports","Provider","ColorPickerRootContext","ColorPickerRootProvider","useColorPickerContext","context","useContext","Error","useOptionalColorPickerContext","useColorPickerRootContext"],"sourceRoot":"../../../src","sources":["color-picker/context.tsx"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AASA,MAAMC,kBAAkB,gBAAG,IAAAC,oBAAa,EAAiC,IAAI,CAAC;AAEvE,MAAMC,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAGF,kBAAkB,CAACI,QAAQ;AAS9D,MAAMC,sBAAsB,gBAAG,IAAAJ,oBAAa,EAAqC,IAAI,CAAC;AAE/E,MAAMK,uBAAuB,GAAAH,OAAA,CAAAG,uBAAA,GAAGD,sBAAsB,CAACD,QAAQ;AAE/D,SAASG,qBAAqBA,CAAA,EAA4B;EAC/D,MAAMC,OAAO,GAAG,IAAAC,iBAAU,EAACT,kBAAkB,CAAC;EAE9C,IAAI,CAACQ,OAAO,EAAE;IACZ,MAAM,IAAIE,KAAK,CAAC,kEAAkE,CAAC;EACrF;EAEA,OAAOF,OAAO;AAChB;AAEO,SAASG,6BAA6BA,CAAA,EAAmC;EAC9E,OAAO,IAAAF,iBAAU,EAACT,kBAAkB,CAAC;AACvC;AAEO,SAASY,yBAAyBA,CAAA,EAAgC;EACvE,MAAMJ,OAAO,GAAG,IAAAC,iBAAU,EAACJ,sBAAsB,CAAC;EAElD,IAAI,CAACG,OAAO,EAAE;IACZ,MAAM,IAAIE,KAAK,CAAC,qEAAqE,CAAC;EACxF;EAEA,OAAOF,OAAO;AAChB","ignoreList":[]}