@cdx-ui/primitives 0.1.7 → 0.2.0

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

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

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

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

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

@@ -0,0 +1,45 @@
+"use strict";
+
+export function clampColorChannel(value, min = 0, max = 100) {
+  if (!Number.isFinite(value)) {
+    return min;
+  }
+  return Math.min(max, Math.max(min, value));
+}
+export 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]}`;
+}
+export 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/module/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/module/color-field/ColorFieldInput.js

@@ -0,0 +1,63 @@
+"use strict";
+
+import { forwardRef, useEffect, useState } from 'react';
+import { InputField } from '../input';
+import { useColorFieldContext } from './context';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const ColorFieldInput = /*#__PURE__*/forwardRef(({
+  onChangeText,
+  onFocus,
+  onBlur,
+  editable,
+  keyboardType,
+  autoCapitalize = 'none',
+  autoCorrect = false,
+  ...props
+}, ref) => {
+  const {
+    value,
+    colorSpace,
+    disabled,
+    readOnly,
+    invalid,
+    required,
+    commitText,
+    formatValue
+  } = useColorFieldContext();
+  const [text, setText] = useState(formatValue);
+  const [isEditing, setIsEditing] = useState(false);
+  useEffect(() => {
+    if (!isEditing) {
+      setText(formatValue());
+    }
+  }, [formatValue, isEditing, value]);
+  return /*#__PURE__*/_jsx(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/module/color-field/ColorFieldInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useEffect","useState","InputField","useColorFieldContext","jsx","_jsx","ColorFieldInput","onChangeText","onFocus","onBlur","editable","keyboardType","autoCapitalize","autoCorrect","props","ref","value","colorSpace","disabled","readOnly","invalid","required","commitText","formatValue","text","setText","isEditing","setIsEditing","isDisabled","isReadOnly","isInvalid","isRequired","nextText","event","displayName"],"sourceRoot":"../../../src","sources":["color-field/ColorFieldInput.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAEvD,SAASC,UAAU,QAAQ,UAAU;AACrC,SAASC,oBAAoB,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAKjD,OAAO,MAAMC,eAAe,gBAAGP,UAAU,CACvC,CACE;EACEQ,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,GACzFpB,oBAAoB,CAAC,CAAC;EACxB,MAAM,CAACqB,IAAI,EAAEC,OAAO,CAAC,GAAGxB,QAAQ,CAACsB,WAAW,CAAC;EAC7C,MAAM,CAACG,SAAS,EAAEC,YAAY,CAAC,GAAG1B,QAAQ,CAAC,KAAK,CAAC;EAEjDD,SAAS,CAAC,MAAM;IACd,IAAI,CAAC0B,SAAS,EAAE;MACdD,OAAO,CAACF,WAAW,CAAC,CAAC,CAAC;IACxB;EACF,CAAC,EAAE,CAACA,WAAW,EAAEG,SAAS,EAAEV,KAAK,CAAC,CAAC;EAEnC,oBACEX,IAAA,CAACH,UAAU;IACTa,GAAG,EAAEA,GAAI;IAAA,GACLD,KAAK;IACTE,KAAK,EAAEQ,IAAK;IACZd,QAAQ,EAAEA,QAAQ,IAAI,EAAEQ,QAAQ,IAAIC,QAAQ,CAAE;IAC9CD,QAAQ,EAAEA,QAAS;IACnBU,UAAU,EAAEV,QAAS;IACrBW,UAAU,EAAEV,QAAS;IACrBW,SAAS,EAAEV,OAAQ;IACnBW,UAAU,EAAEV,QAAS;IACrBV,YAAY,EAAEA,YAAY,KAAKM,UAAU,GAAG,aAAa,GAAG,SAAS,CAAE;IACvEL,cAAc,EAAEA,cAAe;IAC/BC,WAAW,EAAEA,WAAY;IACzBN,YAAY,EAAGyB,QAAQ,IAAK;MAC1BzB,YAAY,GAAGyB,QAAQ,CAAC;MACxBP,OAAO,CAACO,QAAQ,CAAC;MACjBV,UAAU,CAACU,QAAQ,CAAC;IACtB,CAAE;IACFxB,OAAO,EAAGyB,KAAK,IAAK;MAClBN,YAAY,CAAC,IAAI,CAAC;MAClBnB,OAAO,GAAGyB,KAAK,CAAC;IAClB,CAAE;IACFxB,MAAM,EAAGwB,KAAK,IAAK;MACjBN,YAAY,CAAC,KAAK,CAAC;MACnBlB,MAAM,GAAGwB,KAAK,CAAC;IACjB;EAAE,CACH,CAAC;AAEN,CACF,CAAC;AAED3B,eAAe,CAAC4B,WAAW,GAAG,iBAAiB","ignoreList":[]}

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

@@ -0,0 +1,100 @@
+"use strict";
+
+import { forwardRef, useCallback, useMemo, useRef } from 'react';
+import { View } from 'react-native';
+import { useControllableState, useFormControl } from '@cdx-ui/utils';
+import { useOptionalColorPickerContext } from '../color-picker';
+import { Slot } from '../slot';
+import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
+import { ColorFieldProvider } from './context';
+import { formatColorFieldValue, parseColorFieldValue } from './utils';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const ColorFieldRoot = /*#__PURE__*/forwardRef(({
+  asChild,
+  value: valueProp,
+  defaultValue,
+  onValueChange,
+  colorSpace,
+  channel,
+  isDisabled,
+  isReadOnly,
+  isInvalid,
+  isRequired,
+  children,
+  ...props
+}, ref) => {
+  const picker = useOptionalColorPickerContext();
+  const usesPickerContext = picker !== null && valueProp === undefined && defaultValue === undefined;
+  const [localValue, setLocalValue] = useControllableState({
+    prop: valueProp,
+    defaultProp: defaultValue,
+    onChange: onValueChange
+  });
+  const value = usesPickerContext ? picker.value : localValue;
+  const valueRef = useRef(value);
+  valueRef.current = value;
+  const formControl = 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 = useMemo(() => channel ? {
+    colorSpace,
+    channel
+  } : {
+    colorSpace: undefined,
+    channel: undefined
+  }, [channel, colorSpace]);
+  const commitText = useCallback(text => {
+    if (disabled || readOnly) {
+      return undefined;
+    }
+    const nextValue = 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 = useCallback(() => formatColorFieldValue(valueRef.current, configuration), [configuration]);
+  const contextValue = useMemo(() => ({
+    ...configuration,
+    value,
+    disabled,
+    readOnly,
+    invalid,
+    required,
+    commitText,
+    formatValue
+  }), [commitText, configuration, disabled, formatValue, invalid, readOnly, required, value]);
+  const Comp = asChild ? Slot : View;
+  return /*#__PURE__*/_jsx(ColorFieldProvider, {
+    value: contextValue,
+    children: /*#__PURE__*/_jsx(Comp, {
+      ref: ref,
+      ...props,
+      ...mergeDataAttributes(props, dataAttributes({
+        disabled,
+        invalid,
+        readonly: readOnly,
+        required,
+        colorSpace: configuration.colorSpace,
+        channel: configuration.channel
+      })),
+      children: children
+    })
+  });
+});
+ColorFieldRoot.displayName = 'ColorFieldRoot';
+//# sourceMappingURL=ColorFieldRoot.js.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","ColorFieldProvider","useColorFieldContext"],"sourceRoot":"../../../src","sources":["color-field/context.tsx"],"mappings":";;AAAA,SAASA,aAAa,QAAQ,eAAe;AAG7C,OAAO,MAAM,CAACC,kBAAkB,EAAEC,oBAAoB,CAAC,GACrDF,aAAa,CAAyB,mBAAmB,CAAC","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["ColorFieldRoot","ColorFieldInput","useColorFieldContext"],"sourceRoot":"../../../src","sources":["color-field/index.ts"],"mappings":";;AAAA,SAASA,cAAc,QAAQ,kBAAkB;AAEjD,SAASC,eAAe,QAAQ,mBAAmB;AAEnD,SAASC,oBAAoB,QAAQ,WAAW","ignoreList":[]}

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

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

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

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

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

@@ -0,0 +1,55 @@
+"use strict";
+
+import { parseColor } from '../color';
+const CHANNEL_VALUE_PATTERN = /^([+-]?(?:\d+(?:\.\d+)?|\.\d+))\s*([°%])?$/u;
+function formatNumber(value) {
+  return Number.isInteger(value) ? String(value) : value.toFixed(1);
+}
+export 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;
+}
+export function parseColorFieldValue(text, currentValue, configuration) {
+  const normalizedText = text.trim();
+  if (!configuration.channel) {
+    return 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/module/color-field/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["parseColor","CHANNEL_VALUE_PATTERN","formatNumber","value","Number","isInteger","String","toFixed","formatColorFieldValue","configuration","channel","toString","channelValue","getChannel","colorSpace","formattedValue","parseColorFieldValue","text","currentValue","normalizedText","trim","undefined","match","exec","unit","isFinite","withChannel"],"sourceRoot":"../../../src","sources":["color-field/utils.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAoB,UAAU;AAGjD,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;AAEA,OAAO,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;AAEA,OAAO,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,OAAOV,UAAU,CAACmB,cAAc,CAAC;EACnC;EAEA,IAAI,CAACD,YAAY,EAAE;IACjB,OAAOG,SAAS;EAClB;EAEA,MAAMC,KAAK,GAAGrB,qBAAqB,CAACsB,IAAI,CAACJ,cAAc,CAAC;EACxD,IAAI,CAACG,KAAK,EAAE;IACV,OAAOD,SAAS;EAClB;EAEA,MAAMlB,KAAK,GAAGC,MAAM,CAACkB,KAAK,CAAC,CAAC,CAAC,CAAC;EAC9B,MAAME,IAAI,GAAGF,KAAK,CAAC,CAAC,CAAC;EACrB,IAAI,CAAClB,MAAM,CAACqB,QAAQ,CAACtB,KAAK,CAAC,EAAE;IAC3B,OAAOkB,SAAS;EAClB;EAEA,IAAIZ,aAAa,CAACK,UAAU,KAAK,KAAK,EAAE;IACtC,IAAIU,IAAI,IAAIrB,KAAK,GAAG,CAAC,IAAIA,KAAK,GAAG,GAAG,EAAE;MACpC,OAAOkB,SAAS;IAClB;EACF,CAAC,MAAM,IAAIZ,aAAa,CAACC,OAAO,KAAK,KAAK,EAAE;IAC1C,IAAIc,IAAI,KAAK,GAAG,IAAIrB,KAAK,GAAG,CAAC,IAAIA,KAAK,GAAG,GAAG,EAAE;MAC5C,OAAOkB,SAAS;IAClB;EACF,CAAC,MAAM,IAAIG,IAAI,KAAK,GAAG,IAAIrB,KAAK,GAAG,CAAC,IAAIA,KAAK,GAAG,GAAG,EAAE;IACnD,OAAOkB,SAAS;EAClB;EAEA,OAAOH,YAAY,CAACQ,WAAW,CAACjB,aAAa,CAACK,UAAU,EAAEL,aAAa,CAACC,OAAO,EAAEP,KAAK,CAAC;AACzF","ignoreList":[]}

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

@@ -0,0 +1,65 @@
+"use strict";
+
+import { forwardRef, useCallback, useMemo, useRef } from 'react';
+import { View } from 'react-native';
+import { mergeRefs, useControllableState } from '@cdx-ui/utils';
+import { Slot } from '../slot';
+import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
+import { ColorPickerProvider, ColorPickerRootProvider } from './context';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const ColorPickerRoot = /*#__PURE__*/forwardRef(({
+  asChild,
+  value: valueProp,
+  defaultValue,
+  onValueChange,
+  isOpen: openProp,
+  defaultOpen = false,
+  onOpenChange,
+  children,
+  ...props
+}, ref) => {
+  const [value, setValueState] = useControllableState({
+    prop: valueProp,
+    defaultProp: defaultValue,
+    onChange: onValueChange
+  });
+  const [open, setOpenState] = useControllableState({
+    prop: openProp,
+    defaultProp: defaultOpen,
+    onChange: onOpenChange
+  });
+  const anchorRef = useRef(null);
+  const triggerRef = useRef(null);
+  const setValue = useCallback(nextValue => {
+    setValueState(nextValue);
+  }, [setValueState]);
+  const setOpen = useCallback(nextOpen => {
+    setOpenState(nextOpen);
+  }, [setOpenState]);
+  const contextValue = useMemo(() => ({
+    value,
+    onValueChange: setValue,
+    open: open ?? false,
+    setOpen,
+    anchorRef,
+    triggerRef
+  }), [open, setOpen, setValue, value]);
+  const Comp = asChild ? Slot : View;
+  return /*#__PURE__*/_jsx(ColorPickerRootProvider, {
+    value: contextValue,
+    children: /*#__PURE__*/_jsx(ColorPickerProvider, {
+      value: contextValue,
+      children: /*#__PURE__*/_jsx(Comp, {
+        ref: mergeRefs(ref, anchorRef),
+        ...props,
+        ...mergeDataAttributes(props, dataAttributes({
+          open: contextValue.open,
+          state: contextValue.open ? 'open' : 'closed'
+        })),
+        children: children
+      })
+    })
+  });
+});
+ColorPickerRoot.displayName = 'ColorPickerRoot';
+//# sourceMappingURL=ColorPickerRoot.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useCallback","useMemo","useRef","View","mergeRefs","useControllableState","Slot","dataAttributes","mergeDataAttributes","ColorPickerProvider","ColorPickerRootProvider","jsx","_jsx","ColorPickerRoot","asChild","value","valueProp","defaultValue","onValueChange","isOpen","openProp","defaultOpen","onOpenChange","children","props","ref","setValueState","prop","defaultProp","onChange","open","setOpenState","anchorRef","triggerRef","setValue","nextValue","setOpen","nextOpen","contextValue","Comp","state","displayName"],"sourceRoot":"../../../src","sources":["color-picker/ColorPickerRoot.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,WAAW,EAAEC,OAAO,EAAEC,MAAM,QAA2B,OAAO;AACnF,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,SAAS,EAAEC,oBAAoB,QAAQ,eAAe;AAE/D,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,cAAc,EAAEC,mBAAmB,QAAQ,yBAAyB;AAC7E,SAASC,mBAAmB,EAAEC,uBAAuB,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOzE,OAAO,MAAMC,eAAe,gBAAGd,UAAU,CACvC,CACE;EACEe,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,GAAGrB,oBAAoB,CAAQ;IACzDsB,IAAI,EAAEX,SAAS;IACfY,WAAW,EAAEX,YAAY;IACzBY,QAAQ,EAAEX;EACZ,CAAC,CAAC;EACF,MAAM,CAACY,IAAI,EAAEC,YAAY,CAAC,GAAG1B,oBAAoB,CAAU;IACzDsB,IAAI,EAAEP,QAAQ;IACdQ,WAAW,EAAEP,WAAW;IACxBQ,QAAQ,EAAEP;EACZ,CAAC,CAAC;EACF,MAAMU,SAAS,GAAG9B,MAAM,CAA4B,IAAI,CAAC;EACzD,MAAM+B,UAAU,GAAG/B,MAAM,CAA4B,IAAI,CAAC;EAE1D,MAAMgC,QAAQ,GAAGlC,WAAW,CACzBmC,SAAgB,IAAK;IACpBT,aAAa,CAACS,SAAS,CAAC;EAC1B,CAAC,EACD,CAACT,aAAa,CAChB,CAAC;EACD,MAAMU,OAAO,GAAGpC,WAAW,CACxBqC,QAAiB,IAAK;IACrBN,YAAY,CAACM,QAAQ,CAAC;EACxB,CAAC,EACD,CAACN,YAAY,CACf,CAAC;EAED,MAAMO,YAAY,GAAGrC,OAAO,CAC1B,OAAO;IACLc,KAAK;IACLG,aAAa,EAAEgB,QAAQ;IACvBJ,IAAI,EAAEA,IAAI,IAAI,KAAK;IACnBM,OAAO;IACPJ,SAAS;IACTC;EACF,CAAC,CAAC,EACF,CAACH,IAAI,EAAEM,OAAO,EAAEF,QAAQ,EAAEnB,KAAK,CACjC,CAAC;EAED,MAAMwB,IAAI,GAAGzB,OAAO,GAAGR,IAAI,GAAGH,IAAI;EAElC,oBACES,IAAA,CAACF,uBAAuB;IAACK,KAAK,EAAEuB,YAAa;IAAAf,QAAA,eAC3CX,IAAA,CAACH,mBAAmB;MAACM,KAAK,EAAEuB,YAAa;MAAAf,QAAA,eACvCX,IAAA,CAAC2B,IAAI;QACHd,GAAG,EAAErB,SAAS,CAACqB,GAAG,EAAEO,SAAS,CAAE;QAAA,GAC3BR,KAAK;QAAA,GACLhB,mBAAmB,CACrBgB,KAAK,EACLjB,cAAc,CAAC;UACbuB,IAAI,EAAEQ,YAAY,CAACR,IAAI;UACvBU,KAAK,EAAEF,YAAY,CAACR,IAAI,GAAG,MAAM,GAAG;QACtC,CAAC,CACH,CAAC;QAAAP,QAAA,EAEAA;MAAQ,CACL;IAAC,CACY;EAAC,CACC,CAAC;AAE9B,CACF,CAAC;AAEDV,eAAe,CAAC4B,WAAW,GAAG,iBAAiB","ignoreList":[]}

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

@@ -0,0 +1,94 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { Platform, Pressable } from 'react-native';
+import { composeEventHandlers, mergeRefs } from '@cdx-ui/utils';
+import { useFocus, useFocusRing } from '@react-native-aria/focus';
+import { useHover, usePress } from '@react-native-aria/interactions';
+import { Slot } from '../slot';
+import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
+import { useColorPickerRootContext } from './context';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const ColorPickerTrigger = /*#__PURE__*/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
+  } = useColorPickerRootContext();
+  const disabled = Boolean(isDisabled || props.disabled);
+  const {
+    isFocused,
+    focusProps
+  } = useFocus();
+  const {
+    isFocusVisible,
+    focusProps: focusRingProps
+  } = useFocusRing();
+  const {
+    isPressed,
+    pressProps
+  } = usePress({
+    isDisabled: disabled
+  });
+  const {
+    isHovered,
+    hoverProps
+  } = useHover({
+    isDisabled: disabled
+  });
+  const Comp = asChild ? Slot : Pressable;
+  const platformAccessibilityProps = Platform.OS === 'web' ? {
+    role: 'button',
+    'aria-haspopup': 'dialog',
+    'aria-expanded': open,
+    'aria-disabled': disabled || undefined
+  } : {
+    accessibilityRole: 'button',
+    accessibilityState: {
+      disabled,
+      expanded: open
+    }
+  };
+  return /*#__PURE__*/_jsx(Comp, {
+    ref: mergeRefs(ref, triggerRef),
+    disabled: disabled,
+    accessibilityLabel: accessibilityLabel,
+    ...props,
+    ...platformAccessibilityProps,
+    ...mergeDataAttributes(props, dataAttributes({
+      state: open ? 'open' : 'closed',
+      disabled,
+      hover: isHoveredProp || isHovered,
+      active: isActiveProp || isPressed,
+      focus: isFocusedProp || isFocused,
+      focusVisible: isFocusVisibleProp || isFocusVisible
+    })),
+    onPress: composeEventHandlers(onPress, () => setOpen(!open)),
+    onPressIn: composeEventHandlers(onPressIn, pressProps.onPressIn),
+    onPressOut: composeEventHandlers(onPressOut, pressProps.onPressOut),
+    onHoverIn: composeEventHandlers(onHoverIn, hoverProps.onHoverIn),
+    onHoverOut: composeEventHandlers(onHoverOut, hoverProps.onHoverOut),
+    onFocus: composeEventHandlers(onFocus, focusProps.onFocus, focusRingProps.onFocus),
+    onBlur: composeEventHandlers(onBlur, focusProps.onBlur, focusRingProps.onBlur),
+    children: children
+  });
+});
+ColorPickerTrigger.displayName = 'ColorPickerTrigger';
+//# sourceMappingURL=ColorPickerTrigger.js.map

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

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

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

@@ -0,0 +1,25 @@
+"use strict";
+
+import { createContext, useContext } from 'react';
+const ColorPickerContext = /*#__PURE__*/createContext(null);
+export const ColorPickerProvider = ColorPickerContext.Provider;
+const ColorPickerRootContext = /*#__PURE__*/createContext(null);
+export const ColorPickerRootProvider = ColorPickerRootContext.Provider;
+export function useColorPickerContext() {
+  const context = useContext(ColorPickerContext);
+  if (!context) {
+    throw new Error('Color picker compound components must be used within ColorPicker');
+  }
+  return context;
+}
+export function useOptionalColorPickerContext() {
+  return useContext(ColorPickerContext);
+}
+export function useColorPickerRootContext() {
+  const context = useContext(ColorPickerRootContext);
+  if (!context) {
+    throw new Error('ColorPicker compound components must be used within ColorPickerRoot');
+  }
+  return context;
+}
+//# sourceMappingURL=context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","useContext","ColorPickerContext","ColorPickerProvider","Provider","ColorPickerRootContext","ColorPickerRootProvider","useColorPickerContext","context","Error","useOptionalColorPickerContext","useColorPickerRootContext"],"sourceRoot":"../../../src","sources":["color-picker/context.tsx"],"mappings":";;AAAA,SAASA,aAAa,EAAEC,UAAU,QAAwB,OAAO;AASjE,MAAMC,kBAAkB,gBAAGF,aAAa,CAAiC,IAAI,CAAC;AAE9E,OAAO,MAAMG,mBAAmB,GAAGD,kBAAkB,CAACE,QAAQ;AAS9D,MAAMC,sBAAsB,gBAAGL,aAAa,CAAqC,IAAI,CAAC;AAEtF,OAAO,MAAMM,uBAAuB,GAAGD,sBAAsB,CAACD,QAAQ;AAEtE,OAAO,SAASG,qBAAqBA,CAAA,EAA4B;EAC/D,MAAMC,OAAO,GAAGP,UAAU,CAACC,kBAAkB,CAAC;EAE9C,IAAI,CAACM,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CAAC,kEAAkE,CAAC;EACrF;EAEA,OAAOD,OAAO;AAChB;AAEA,OAAO,SAASE,6BAA6BA,CAAA,EAAmC;EAC9E,OAAOT,UAAU,CAACC,kBAAkB,CAAC;AACvC;AAEA,OAAO,SAASS,yBAAyBA,CAAA,EAAgC;EACvE,MAAMH,OAAO,GAAGP,UAAU,CAACI,sBAAsB,CAAC;EAElD,IAAI,CAACG,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CAAC,qEAAqE,CAAC;EACxF;EAEA,OAAOD,OAAO;AAChB","ignoreList":[]}

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

@@ -0,0 +1,6 @@
+"use strict";
+
+export { ColorPickerProvider, ColorPickerRootProvider, useColorPickerContext, useColorPickerRootContext, useOptionalColorPickerContext } from './context';
+export { ColorPickerRoot } from './ColorPickerRoot';
+export { ColorPickerTrigger } from './ColorPickerTrigger';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["ColorPickerProvider","ColorPickerRootProvider","useColorPickerContext","useColorPickerRootContext","useOptionalColorPickerContext","ColorPickerRoot","ColorPickerTrigger"],"sourceRoot":"../../../src","sources":["color-picker/index.ts"],"mappings":";;AAAA,SACEA,mBAAmB,EACnBC,uBAAuB,EACvBC,qBAAqB,EACrBC,yBAAyB,EACzBC,6BAA6B,QAGxB,WAAW;AAClB,SAASC,eAAe,QAAmC,mBAAmB;AAC9E,SAASC,kBAAkB,QAAsC,sBAAsB","ignoreList":[]}

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

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

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

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