@cdx-ui/primitives 0.1.7 → 0.2.1

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

@@ -0,0 +1,71 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ColorAreaThumb = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _slot = require("../slot");
+var _dataAttributes = require("../utils/dataAttributes");
+var _context = require("./context");
+var _jsxRuntime = require("react/jsx-runtime");
+const ColorAreaThumb = exports.ColorAreaThumb = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
+  style,
+  onLayout,
+  children,
+  ...props
+}, ref) => {
+  const {
+    xPercent,
+    yPercent,
+    layout,
+    thumbSize,
+    isRTL,
+    setThumbSize
+  } = (0, _context.useColorAreaContext)();
+  const positionStyle = (0, _react.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 = (0, _react.useCallback)(event => {
+    const {
+      width,
+      height
+    } = event.nativeEvent.layout;
+    setThumbSize({
+      width,
+      height
+    });
+    onLayout?.(event);
+  }, [onLayout, setThumbSize]);
+  const Comp = asChild ? _slot.Slot : _reactNative.View;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
+    ref: ref,
+    ...props,
+    accessible: false,
+    accessibilityElementsHidden: true,
+    importantForAccessibility: "no-hide-descendants",
+    onLayout: handleLayout,
+    style: [positionStyle, style],
+    ...(0, _dataAttributes.mergeDataAttributes)(props, (0, _dataAttributes.dataAttributes)({
+      slot: 'color-area-thumb'
+    })),
+    children: children
+  });
+});
+ColorAreaThumb.displayName = 'ColorAreaThumb';
+//# sourceMappingURL=ColorAreaThumb.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_slot","_dataAttributes","_context","_jsxRuntime","ColorAreaThumb","exports","forwardRef","asChild","style","onLayout","children","props","ref","xPercent","yPercent","layout","thumbSize","isRTL","setThumbSize","useColorAreaContext","positionStyle","useMemo","visualXPercent","translateX","width","translateY","height","position","top","left","pointerEvents","transform","handleLayout","useCallback","event","nativeEvent","Comp","Slot","View","jsx","accessible","accessibilityElementsHidden","importantForAccessibility","mergeDataAttributes","dataAttributes","slot","displayName"],"sourceRoot":"../../../src","sources":["color-area/ColorAreaThumb.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAAgD,IAAAK,WAAA,GAAAL,OAAA;AAKzC,MAAMM,cAAc,GAAAC,OAAA,CAAAD,cAAA,gBAAG,IAAAE,iBAAU,EACtC,CAAC;EAAEC,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,GAAG,IAAAC,4BAAmB,EAAC,CAAC;EAE5F,MAAMC,aAAa,GAAG,IAAAC,cAAO,EAAY,MAAM;IAC7C,MAAMC,cAAc,GAAGL,KAAK,GAAG,GAAG,GAAGJ,QAAQ,GAAGA,QAAQ;IACxD,MAAMU,UAAU,GAAID,cAAc,GAAG,GAAG,GAAIP,MAAM,CAACS,KAAK,GAAGR,SAAS,CAACQ,KAAK,GAAG,CAAC;IAC9E,MAAMC,UAAU,GAAI,CAAC,GAAG,GAAGX,QAAQ,IAAI,GAAG,GAAIC,MAAM,CAACW,MAAM,GAAGV,SAAS,CAACU,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,CAACR,KAAK,EAAEF,MAAM,CAACW,MAAM,EAAEX,MAAM,CAACS,KAAK,EAAER,SAAS,CAACU,MAAM,EAAEV,SAAS,CAACQ,KAAK,EAAEX,QAAQ,EAAEC,QAAQ,CAAC,CAAC;EAE/F,MAAMkB,YAAY,GAAG,IAAAC,kBAAW,EAC7BC,KAAwB,IAAK;IAC5B,MAAM;MAAEV,KAAK;MAAEE;IAAO,CAAC,GAAGQ,KAAK,CAACC,WAAW,CAACpB,MAAM;IAClDG,YAAY,CAAC;MAAEM,KAAK;MAAEE;IAAO,CAAC,CAAC;IAC/BjB,QAAQ,GAAGyB,KAAK,CAAC;EACnB,CAAC,EACD,CAACzB,QAAQ,EAAES,YAAY,CACzB,CAAC;EAED,MAAMkB,IAAI,GAAG7B,OAAO,GAAG8B,UAAI,GAAGC,iBAAI;EAElC,oBACE,IAAAnC,WAAA,CAAAoC,GAAA,EAACH,IAAI;IACHxB,GAAG,EAAEA,GAAI;IAAA,GACLD,KAAK;IACT6B,UAAU,EAAE,KAAM;IAClBC,2BAA2B;IAC3BC,yBAAyB,EAAC,qBAAqB;IAC/CjC,QAAQ,EAAEuB,YAAa;IACvBxB,KAAK,EAAE,CAACY,aAAa,EAAEZ,KAAK,CAAE;IAAA,GAC1B,IAAAmC,mCAAmB,EAAChC,KAAK,EAAE,IAAAiC,8BAAc,EAAC;MAAEC,IAAI,EAAE;IAAmB,CAAC,CAAC,CAAC;IAAAnC,QAAA,EAE3EA;EAAQ,CACL,CAAC;AAEX,CACF,CAAC;AAEDN,cAAc,CAAC0C,WAAW,GAAG,gBAAgB","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_utils","require","ColorAreaProvider","useColorAreaContext","createContext","exports"],"sourceRoot":"../../../src","sources":["color-area/context.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAGO,MAAM,CAACC,iBAAiB,EAAEC,mBAAmB,CAAC,GACnD,IAAAC,oBAAa,EAAwB,kBAAkB,CAAC;AAACC,OAAA,CAAAF,mBAAA,GAAAA,mBAAA;AAAAE,OAAA,CAAAH,iBAAA,GAAAA,iBAAA","ignoreList":[]}

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