reanimated-color-picker 2.3.4 → 2.3.5

package/README.md

@@ -2,10 +2,11 @@
 
 # Reanimated Color Picker
 
-![npm](https://img.shields.io/npm/v/reanimated-color-picker?style=for-the-badge)
-![GitHub](https://img.shields.io/github/license/alabsi91/reanimated-color-picker?style=for-the-badge)
-![GitHub issues](https://img.shields.io/github/issues/alabsi91/reanimated-color-picker?style=for-the-badge)
+[![npm](https://img.shields.io/npm/v/reanimated-color-picker?style=for-the-badge)](https://www.npmjs.com/package/reanimated-color-picker)
+[![GitHub](https://img.shields.io/github/license/alabsi91/reanimated-color-picker?style=for-the-badge)](https://github.com/alabsi91/reanimated-color-picker/blob/main/LICENSE)
+[![GitHub issues](https://img.shields.io/github/issues/alabsi91/reanimated-color-picker?style=for-the-badge)](https://github.com/alabsi91/reanimated-color-picker/issues?q=is%3Aissue+is%3Aopen+sort%3Aupdated-desc)
 ![Platform](https://img.shields.io/badge/Platform-IOS%20%7C%20Android%20%7C%20Expo%20%7C%20Web-informational?style=for-the-badge)
+![Arch](https://img.shields.io/badge/React%20Native-Paper%20%7C%20New%20Architecture-informational?style=for-the-badge)
 
 ### - A Pure JavaScript Color Picker for React Native.
 
@@ -63,6 +64,8 @@ npm i reanimated-color-picker
 
 ### [📖 View the documentation site 📖](https://alabsi91.github.io/reanimated-color-picker/)
 
+> Please check out my other library, [React Native Material You Colors](https://github.com/alabsi91/react-native-material-you-colors).
+
 # :small_blue_diamond:License
 
 - Reanimated Color Picker library is licensed under [**The MIT License.**](https://github.com/alabsi91/reanimated-color-picker/blob/main/LICENSE)

package/lib/commonjs/ColorPicker.js

@@ -127,6 +127,27 @@ const ColorPicker = /*#__PURE__*/ (0, _react.forwardRef)((_ref, ref) => {
     });
   };
   (0, _react.useEffect)(() => {
+    // Ignore value changes if the current color already matches the new color from the value props.
+    const newColorFormat = _colorKit.default.getFormat(value);
+    const currentColors = returnedResults();
+
+    // null or named color E.g "red"
+    if (!newColorFormat || newColorFormat === 'named') {
+      setColor(value);
+      return;
+    }
+
+    // hex color
+    if (newColorFormat === 'hex3' || newColorFormat === 'hex4' || newColorFormat === 'hex6' || newColorFormat === 'hex8') {
+      if (value !== currentColors.hex) setColor(value);
+      return;
+    }
+
+    // hsl | hsla | rgb | rgba | hsva | hsv | hwba | hwb
+    if (newColorFormat in currentColors) {
+      if (value !== currentColors[newColorFormat]) setColor(value);
+      return;
+    }
     setColor(value);
   }, [value]);
 

package/lib/commonjs/ColorPicker.js.map

@@ -101,6 +101,9 @@
     "undefined",
     "withTiming",
     "useEffect",
+    "newColorFormat",
+    "getFormat",
+    "currentColors",
     "useImperativeHandle",
     "ctxValue",
     "GestureHandlerRootView",
@@ -111,7 +114,7 @@
   ],
   "sources": ["../../src/ColorPicker.tsx"],
   "sourcesContent": [
-    "import React, { forwardRef, useEffect, useImperativeHandle, useRef } from 'react';\r\nimport { Text } from 'react-native';\r\nimport { GestureHandlerRootView } from 'react-native-gesture-handler';\r\nimport { useSharedValue, withTiming } from 'react-native-reanimated';\r\n\r\nimport colorKit from '@colorKit';\r\nimport pickerContext from '@context';\r\nimport { isWeb } from '@utils';\r\n\r\nimport type { ColorPickerContext, ColorPickerProps, ColorPickerRef } from '@types';\r\nimport type { SupportedColorFormats } from './colorKit/types';\r\n\r\nif (isWeb) {\r\n  // @ts-ignore\r\n  if (!global.setImmediate) global.setImmediate = setTimeout;\r\n  try {\r\n    const { enableExperimentalWebImplementation } = require('react-native-gesture-handler');\r\n    enableExperimentalWebImplementation(true);\r\n  } catch (error) {\r\n    // ignore\r\n  }\r\n}\r\n\r\nconst ColorPicker = forwardRef<ColorPickerRef, ColorPickerProps>(\r\n  (\r\n    {\r\n      adaptSpectrum = false,\r\n      sliderThickness = 25,\r\n      thumbAnimationDuration = 200,\r\n      thumbSize = 35,\r\n      thumbShape = 'ring',\r\n      boundedThumb = false,\r\n      thumbColor,\r\n      renderThumb,\r\n      thumbStyle,\r\n      thumbInnerStyle,\r\n      value = '#fff',\r\n      onChange,\r\n      onComplete,\r\n      style = {},\r\n      children = <Text>NO CHILDREN</Text>,\r\n    },\r\n    ref\r\n  ) => {\r\n    const initialColor = useRef(colorKit.HSV(value).object()).current;\r\n    // color's channels values.\r\n    const hueValue = useSharedValue(initialColor.h);\r\n    const saturationValue = useSharedValue(initialColor.s);\r\n    const brightnessValue = useSharedValue(initialColor.v);\r\n    const alphaValue = useSharedValue(initialColor.a);\r\n\r\n    const returnedResults = (color?: SupportedColorFormats) => {\r\n      color = color ?? {\r\n        h: hueValue.value,\r\n        s: saturationValue.value,\r\n        v: brightnessValue.value,\r\n        a: alphaValue.value,\r\n      };\r\n      return {\r\n        hex: colorKit.HEX(color),\r\n        rgb: colorKit.RGB(color).string(false),\r\n        rgba: colorKit.RGB(color).string(true),\r\n        hsl: colorKit.HSL(color).string(false),\r\n        hsla: colorKit.HSL(color).string(true),\r\n        hsv: colorKit.HSV(color).string(false),\r\n        hsva: colorKit.HSV(color).string(true),\r\n        hwb: colorKit.HWB(color).string(false),\r\n        hwba: colorKit.HWB(color).string(true),\r\n      };\r\n    };\r\n\r\n    const onGestureEnd = (color?: SupportedColorFormats) => {\r\n      onComplete?.(returnedResults(color));\r\n    };\r\n\r\n    const onGestureChange = (color?: SupportedColorFormats) => {\r\n      onChange?.(returnedResults(color));\r\n    };\r\n\r\n    const setColor = (color: string, duration = thumbAnimationDuration) => {\r\n      const { h, s, v, a } = colorKit.HSV(color).object();\r\n\r\n      hueValue.value = withTiming(h, { duration });\r\n      saturationValue.value = withTiming(s, { duration });\r\n      brightnessValue.value = withTiming(v, { duration });\r\n      alphaValue.value = withTiming(a, { duration });\r\n    };\r\n\r\n    useEffect(() => {\r\n      setColor(value);\r\n    }, [value]);\r\n\r\n    // Addressing a sporadic problem where the shared value for color channels fails to update upon component mounting.\r\n    // This issue appears to manifest randomly and might be correlated with the Reanimated library.\r\n    useEffect(() => {\r\n      hueValue.value += 1;\r\n      saturationValue.value += 1;\r\n      brightnessValue.value += 1;\r\n      setColor(value, 100);\r\n    }, []);\r\n\r\n    useImperativeHandle(ref, () => ({ setColor }));\r\n\r\n    const ctxValue: ColorPickerContext = {\r\n      hueValue,\r\n      saturationValue,\r\n      brightnessValue,\r\n      alphaValue,\r\n\r\n      adaptSpectrum,\r\n\r\n      sliderThickness,\r\n      thumbSize,\r\n      thumbShape,\r\n      boundedThumb,\r\n      thumbColor,\r\n      renderThumb,\r\n      thumbStyle,\r\n      thumbInnerStyle,\r\n\r\n      value,\r\n      setColor,\r\n\r\n      returnedResults,\r\n      onGestureEnd,\r\n      onGestureChange,\r\n    };\r\n\r\n    return (\r\n      <GestureHandlerRootView style={[{ direction: isWeb ? 'ltr' : undefined }, style]}>\r\n        <pickerContext.Provider value={ctxValue}>{children}</pickerContext.Provider>\r\n      </GestureHandlerRootView>\r\n    );\r\n  }\r\n);\r\n\r\nexport default ColorPicker;\r\n"
+    "import React, { forwardRef, useEffect, useImperativeHandle, useRef } from 'react';\r\nimport { Text } from 'react-native';\r\nimport { GestureHandlerRootView } from 'react-native-gesture-handler';\r\nimport { useSharedValue, withTiming } from 'react-native-reanimated';\r\n\r\nimport colorKit from '@colorKit';\r\nimport pickerContext from '@context';\r\nimport { isWeb } from '@utils';\r\n\r\nimport type { ColorPickerContext, ColorPickerProps, ColorPickerRef } from '@types';\r\nimport type { SupportedColorFormats } from './colorKit/types';\r\n\r\nif (isWeb) {\r\n  // @ts-ignore\r\n  if (!global.setImmediate) global.setImmediate = setTimeout;\r\n  try {\r\n    const { enableExperimentalWebImplementation } = require('react-native-gesture-handler');\r\n    enableExperimentalWebImplementation(true);\r\n  } catch (error) {\r\n    // ignore\r\n  }\r\n}\r\n\r\nconst ColorPicker = forwardRef<ColorPickerRef, ColorPickerProps>(\r\n  (\r\n    {\r\n      adaptSpectrum = false,\r\n      sliderThickness = 25,\r\n      thumbAnimationDuration = 200,\r\n      thumbSize = 35,\r\n      thumbShape = 'ring',\r\n      boundedThumb = false,\r\n      thumbColor,\r\n      renderThumb,\r\n      thumbStyle,\r\n      thumbInnerStyle,\r\n      value = '#fff',\r\n      onChange,\r\n      onComplete,\r\n      style = {},\r\n      children = <Text>NO CHILDREN</Text>,\r\n    },\r\n    ref\r\n  ) => {\r\n    const initialColor = useRef(colorKit.HSV(value).object()).current;\r\n    // color's channels values.\r\n    const hueValue = useSharedValue(initialColor.h);\r\n    const saturationValue = useSharedValue(initialColor.s);\r\n    const brightnessValue = useSharedValue(initialColor.v);\r\n    const alphaValue = useSharedValue(initialColor.a);\r\n\r\n    const returnedResults = (color?: SupportedColorFormats) => {\r\n      color = color ?? {\r\n        h: hueValue.value,\r\n        s: saturationValue.value,\r\n        v: brightnessValue.value,\r\n        a: alphaValue.value,\r\n      };\r\n      return {\r\n        hex: colorKit.HEX(color),\r\n        rgb: colorKit.RGB(color).string(false),\r\n        rgba: colorKit.RGB(color).string(true),\r\n        hsl: colorKit.HSL(color).string(false),\r\n        hsla: colorKit.HSL(color).string(true),\r\n        hsv: colorKit.HSV(color).string(false),\r\n        hsva: colorKit.HSV(color).string(true),\r\n        hwb: colorKit.HWB(color).string(false),\r\n        hwba: colorKit.HWB(color).string(true),\r\n      };\r\n    };\r\n\r\n    const onGestureEnd = (color?: SupportedColorFormats) => {\r\n      onComplete?.(returnedResults(color));\r\n    };\r\n\r\n    const onGestureChange = (color?: SupportedColorFormats) => {\r\n      onChange?.(returnedResults(color));\r\n    };\r\n\r\n    const setColor = (color: string, duration = thumbAnimationDuration) => {\r\n      const { h, s, v, a } = colorKit.HSV(color).object();\r\n\r\n      hueValue.value = withTiming(h, { duration });\r\n      saturationValue.value = withTiming(s, { duration });\r\n      brightnessValue.value = withTiming(v, { duration });\r\n      alphaValue.value = withTiming(a, { duration });\r\n    };\r\n\r\n    useEffect(() => {\r\n      // Ignore value changes if the current color already matches the new color from the value props.\r\n      const newColorFormat = colorKit.getFormat(value);\r\n      const currentColors = returnedResults();\r\n\r\n      // null or named color E.g \"red\"\r\n      if (!newColorFormat || newColorFormat === 'named') {\r\n        setColor(value);\r\n        return;\r\n      }\r\n\r\n      // hex color\r\n      if (newColorFormat === 'hex3' || newColorFormat === 'hex4' || newColorFormat === 'hex6' || newColorFormat === 'hex8') {\r\n        if (value !== currentColors.hex) setColor(value);\r\n        return;\r\n      }\r\n\r\n      // hsl | hsla | rgb | rgba | hsva | hsv | hwba | hwb\r\n      if (newColorFormat in currentColors) {\r\n        if (value !== currentColors[newColorFormat]) setColor(value);\r\n        return;\r\n      }\r\n      setColor(value);\r\n    }, [value]);\r\n\r\n    // Addressing a sporadic problem where the shared value for color channels fails to update upon component mounting.\r\n    // This issue appears to manifest randomly and might be correlated with the Reanimated library.\r\n    useEffect(() => {\r\n      hueValue.value += 1;\r\n      saturationValue.value += 1;\r\n      brightnessValue.value += 1;\r\n      setColor(value, 100);\r\n    }, []);\r\n\r\n    useImperativeHandle(ref, () => ({ setColor }));\r\n\r\n    const ctxValue: ColorPickerContext = {\r\n      hueValue,\r\n      saturationValue,\r\n      brightnessValue,\r\n      alphaValue,\r\n\r\n      adaptSpectrum,\r\n\r\n      sliderThickness,\r\n      thumbSize,\r\n      thumbShape,\r\n      boundedThumb,\r\n      thumbColor,\r\n      renderThumb,\r\n      thumbStyle,\r\n      thumbInnerStyle,\r\n\r\n      value,\r\n      setColor,\r\n\r\n      returnedResults,\r\n      onGestureEnd,\r\n      onGestureChange,\r\n    };\r\n\r\n    return (\r\n      <GestureHandlerRootView style={[{ direction: isWeb ? 'ltr' : undefined }, style]}>\r\n        <pickerContext.Provider value={ctxValue}>{children}</pickerContext.Provider>\r\n      </GestureHandlerRootView>\r\n    );\r\n  }\r\n);\r\n\r\nexport default ColorPicker;\r\n"
   ],
-  "mappings": ";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,0BAAA,GAAAF,OAAA;AACA,IAAAG,sBAAA,GAAAH,OAAA;AAEA,IAAAI,SAAA,GAAAC,sBAAA,CAAAL,OAAA;AACA,IAAAM,WAAA,GAAAD,sBAAA,CAAAL,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AAA+B,SAAAK,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAb,wBAAAS,GAAA,EAAAI,WAAA,SAAAA,WAAA,IAAAJ,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAQ,KAAA,GAAAL,wBAAA,CAAAC,WAAA,OAAAI,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAT,GAAA,YAAAQ,KAAA,CAAAE,GAAA,CAAAV,GAAA,SAAAW,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAhB,GAAA,QAAAgB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAnB,GAAA,EAAAgB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAf,GAAA,EAAAgB,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAhB,GAAA,CAAAgB,GAAA,SAAAL,MAAA,CAAAT,OAAA,GAAAF,GAAA,MAAAQ,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAArB,GAAA,EAAAW,MAAA,YAAAA,MAAA;AAK/B,IAAIW,YAAK,EAAE;EACT;EACA,IAAI,CAACC,MAAM,CAACC,YAAY,EAAED,MAAM,CAACC,YAAY,GAAGC,UAAU;EAC1D,IAAI;IACF,MAAM;MAAEC;IAAoC,CAAC,GAAGlC,OAAO,CAAC,8BAA8B,CAAC;IACvFkC,mCAAmC,CAAC,IAAI,CAAC;EAC3C,CAAC,CAAC,OAAOC,KAAK,EAAE;IACd;EAAA;AAEJ;AAEA,MAAMC,WAAW,gBAAG,IAAAC,iBAAU,EAC5B,CAAAC,IAAA,EAkBEC,GAAG,KACA;EAAA,IAlBH;IACEC,aAAa,GAAG,KAAK;IACrBC,eAAe,GAAG,EAAE;IACpBC,sBAAsB,GAAG,GAAG;IAC5BC,SAAS,GAAG,EAAE;IACdC,UAAU,GAAG,MAAM;IACnBC,YAAY,GAAG,KAAK;IACpBC,UAAU;IACVC,WAAW;IACXC,UAAU;IACVC,eAAe;IACfC,KAAK,GAAG,MAAM;IACdC,QAAQ;IACRC,UAAU;IACVC,KAAK,GAAG,CAAC,CAAC;IACVC,QAAQ,gBAAGxD,MAAA,CAAAY,OAAA,CAAA6C,aAAA,CAACtD,YAAA,CAAAuD,IAAI,QAAC,aAAW;EAC9B,CAAC,GAAAlB,IAAA;EAGD,MAAMmB,YAAY,GAAG,IAAAC,aAAM,EAACC,iBAAQ,CAACC,GAAG,CAACV,KAAK,CAAC,CAACW,MAAM,EAAE,CAAC,CAACC,OAAO;EACjE;EACA,MAAMC,QAAQ,GAAG,IAAAC,qCAAc,EAACP,YAAY,CAACQ,CAAC,CAAC;EAC/C,MAAMC,eAAe,GAAG,IAAAF,qCAAc,EAACP,YAAY,CAACU,CAAC,CAAC;EACtD,MAAMC,eAAe,GAAG,IAAAJ,qCAAc,EAACP,YAAY,CAACY,CAAC,CAAC;EACtD,MAAMC,UAAU,GAAG,IAAAN,qCAAc,EAACP,YAAY,CAACc,CAAC,CAAC;EAEjD,MAAMC,eAAe,GAAIC,KAA6B,IAAK;IACzDA,KAAK,GAAGA,KAAK,IAAI;MACfR,CAAC,EAAEF,QAAQ,CAACb,KAAK;MACjBiB,CAAC,EAAED,eAAe,CAAChB,KAAK;MACxBmB,CAAC,EAAED,eAAe,CAAClB,KAAK;MACxBqB,CAAC,EAAED,UAAU,CAACpB;IAChB,CAAC;IACD,OAAO;MACLwB,GAAG,EAAEf,iBAAQ,CAACgB,GAAG,CAACF,KAAK,CAAC;MACxBG,GAAG,EAAEjB,iBAAQ,CAACkB,GAAG,CAACJ,KAAK,CAAC,CAACK,MAAM,CAAC,KAAK,CAAC;MACtCC,IAAI,EAAEpB,iBAAQ,CAACkB,GAAG,CAACJ,KAAK,CAAC,CAACK,MAAM,CAAC,IAAI,CAAC;MACtCE,GAAG,EAAErB,iBAAQ,CAACsB,GAAG,CAACR,KAAK,CAAC,CAACK,MAAM,CAAC,KAAK,CAAC;MACtCI,IAAI,EAAEvB,iBAAQ,CAACsB,GAAG,CAACR,KAAK,CAAC,CAACK,MAAM,CAAC,IAAI,CAAC;MACtCK,GAAG,EAAExB,iBAAQ,CAACC,GAAG,CAACa,KAAK,CAAC,CAACK,MAAM,CAAC,KAAK,CAAC;MACtCM,IAAI,EAAEzB,iBAAQ,CAACC,GAAG,CAACa,KAAK,CAAC,CAACK,MAAM,CAAC,IAAI,CAAC;MACtCO,GAAG,EAAE1B,iBAAQ,CAAC2B,GAAG,CAACb,KAAK,CAAC,CAACK,MAAM,CAAC,KAAK,CAAC;MACtCS,IAAI,EAAE5B,iBAAQ,CAAC2B,GAAG,CAACb,KAAK,CAAC,CAACK,MAAM,CAAC,IAAI;IACvC,CAAC;EACH,CAAC;EAED,MAAMU,YAAY,GAAIf,KAA6B,IAAK;IACtDrB,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAGoB,eAAe,CAACC,KAAK,CAAC,CAAC;EACtC,CAAC;EAED,MAAMgB,eAAe,GAAIhB,KAA6B,IAAK;IACzDtB,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAGqB,eAAe,CAACC,KAAK,CAAC,CAAC;EACpC,CAAC;EAED,MAAMiB,QAAQ,GAAG,SAAAA,CAACjB,KAAa,EAAwC;IAAA,IAAtCkB,QAAQ,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGlD,sBAAsB;IAChE,MAAM;MAAEuB,CAAC;MAAEE,CAAC;MAAEE,CAAC;MAAEE;IAAE,CAAC,GAAGZ,iBAAQ,CAACC,GAAG,CAACa,KAAK,CAAC,CAACZ,MAAM,EAAE;IAEnDE,QAAQ,CAACb,KAAK,GAAG,IAAA6C,iCAAU,EAAC9B,CAAC,EAAE;MAAE0B;IAAS,CAAC,CAAC;IAC5CzB,eAAe,CAAChB,KAAK,GAAG,IAAA6C,iCAAU,EAAC5B,CAAC,EAAE;MAAEwB;IAAS,CAAC,CAAC;IACnDvB,eAAe,CAAClB,KAAK,GAAG,IAAA6C,iCAAU,EAAC1B,CAAC,EAAE;MAAEsB;IAAS,CAAC,CAAC;IACnDrB,UAAU,CAACpB,KAAK,GAAG,IAAA6C,iCAAU,EAACxB,CAAC,EAAE;MAAEoB;IAAS,CAAC,CAAC;EAChD,CAAC;EAED,IAAAK,gBAAS,EAAC,MAAM;IACdN,QAAQ,CAACxC,KAAK,CAAC;EACjB,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;;EAEX;EACA;EACA,IAAA8C,gBAAS,EAAC,MAAM;IACdjC,QAAQ,CAACb,KAAK,IAAI,CAAC;IACnBgB,eAAe,CAAChB,KAAK,IAAI,CAAC;IAC1BkB,eAAe,CAAClB,KAAK,IAAI,CAAC;IAC1BwC,QAAQ,CAACxC,KAAK,EAAE,GAAG,CAAC;EACtB,CAAC,EAAE,EAAE,CAAC;EAEN,IAAA+C,0BAAmB,EAAC1D,GAAG,EAAE,OAAO;IAAEmD;EAAS,CAAC,CAAC,CAAC;EAE9C,MAAMQ,QAA4B,GAAG;IACnCnC,QAAQ;IACRG,eAAe;IACfE,eAAe;IACfE,UAAU;IAEV9B,aAAa;IAEbC,eAAe;IACfE,SAAS;IACTC,UAAU;IACVC,YAAY;IACZC,UAAU;IACVC,WAAW;IACXC,UAAU;IACVC,eAAe;IAEfC,KAAK;IACLwC,QAAQ;IAERlB,eAAe;IACfgB,YAAY;IACZC;EACF,CAAC;EAED,oBACE3F,MAAA,CAAAY,OAAA,CAAA6C,aAAA,CAACrD,0BAAA,CAAAiG,sBAAsB;IAAC9C,KAAK,EAAE,CAAC;MAAE+C,SAAS,EAAEtE,YAAK,GAAG,KAAK,GAAGgE;IAAU,CAAC,EAAEzC,KAAK;EAAE,gBAC/EvD,MAAA,CAAAY,OAAA,CAAA6C,aAAA,CAACjD,WAAA,CAAAI,OAAa,CAAC2F,QAAQ;IAACnD,KAAK,EAAEgD;EAAS,GAAE5C,QAAQ,CAA0B,CACrD;AAE7B,CAAC,CACF;AAAC,IAAAgD,QAAA,GAEalE,WAAW;AAAAmE,OAAA,CAAA7F,OAAA,GAAA4F,QAAA"
+  "mappings": ";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,0BAAA,GAAAF,OAAA;AACA,IAAAG,sBAAA,GAAAH,OAAA;AAEA,IAAAI,SAAA,GAAAC,sBAAA,CAAAL,OAAA;AACA,IAAAM,WAAA,GAAAD,sBAAA,CAAAL,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AAA+B,SAAAK,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAb,wBAAAS,GAAA,EAAAI,WAAA,SAAAA,WAAA,IAAAJ,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAQ,KAAA,GAAAL,wBAAA,CAAAC,WAAA,OAAAI,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAT,GAAA,YAAAQ,KAAA,CAAAE,GAAA,CAAAV,GAAA,SAAAW,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAhB,GAAA,QAAAgB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAnB,GAAA,EAAAgB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAf,GAAA,EAAAgB,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAhB,GAAA,CAAAgB,GAAA,SAAAL,MAAA,CAAAT,OAAA,GAAAF,GAAA,MAAAQ,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAArB,GAAA,EAAAW,MAAA,YAAAA,MAAA;AAK/B,IAAIW,YAAK,EAAE;EACT;EACA,IAAI,CAACC,MAAM,CAACC,YAAY,EAAED,MAAM,CAACC,YAAY,GAAGC,UAAU;EAC1D,IAAI;IACF,MAAM;MAAEC;IAAoC,CAAC,GAAGlC,OAAO,CAAC,8BAA8B,CAAC;IACvFkC,mCAAmC,CAAC,IAAI,CAAC;EAC3C,CAAC,CAAC,OAAOC,KAAK,EAAE;IACd;EAAA;AAEJ;AAEA,MAAMC,WAAW,gBAAG,IAAAC,iBAAU,EAC5B,CAAAC,IAAA,EAkBEC,GAAG,KACA;EAAA,IAlBH;IACEC,aAAa,GAAG,KAAK;IACrBC,eAAe,GAAG,EAAE;IACpBC,sBAAsB,GAAG,GAAG;IAC5BC,SAAS,GAAG,EAAE;IACdC,UAAU,GAAG,MAAM;IACnBC,YAAY,GAAG,KAAK;IACpBC,UAAU;IACVC,WAAW;IACXC,UAAU;IACVC,eAAe;IACfC,KAAK,GAAG,MAAM;IACdC,QAAQ;IACRC,UAAU;IACVC,KAAK,GAAG,CAAC,CAAC;IACVC,QAAQ,gBAAGxD,MAAA,CAAAY,OAAA,CAAA6C,aAAA,CAACtD,YAAA,CAAAuD,IAAI,QAAC,aAAW;EAC9B,CAAC,GAAAlB,IAAA;EAGD,MAAMmB,YAAY,GAAG,IAAAC,aAAM,EAACC,iBAAQ,CAACC,GAAG,CAACV,KAAK,CAAC,CAACW,MAAM,EAAE,CAAC,CAACC,OAAO;EACjE;EACA,MAAMC,QAAQ,GAAG,IAAAC,qCAAc,EAACP,YAAY,CAACQ,CAAC,CAAC;EAC/C,MAAMC,eAAe,GAAG,IAAAF,qCAAc,EAACP,YAAY,CAACU,CAAC,CAAC;EACtD,MAAMC,eAAe,GAAG,IAAAJ,qCAAc,EAACP,YAAY,CAACY,CAAC,CAAC;EACtD,MAAMC,UAAU,GAAG,IAAAN,qCAAc,EAACP,YAAY,CAACc,CAAC,CAAC;EAEjD,MAAMC,eAAe,GAAIC,KAA6B,IAAK;IACzDA,KAAK,GAAGA,KAAK,IAAI;MACfR,CAAC,EAAEF,QAAQ,CAACb,KAAK;MACjBiB,CAAC,EAAED,eAAe,CAAChB,KAAK;MACxBmB,CAAC,EAAED,eAAe,CAAClB,KAAK;MACxBqB,CAAC,EAAED,UAAU,CAACpB;IAChB,CAAC;IACD,OAAO;MACLwB,GAAG,EAAEf,iBAAQ,CAACgB,GAAG,CAACF,KAAK,CAAC;MACxBG,GAAG,EAAEjB,iBAAQ,CAACkB,GAAG,CAACJ,KAAK,CAAC,CAACK,MAAM,CAAC,KAAK,CAAC;MACtCC,IAAI,EAAEpB,iBAAQ,CAACkB,GAAG,CAACJ,KAAK,CAAC,CAACK,MAAM,CAAC,IAAI,CAAC;MACtCE,GAAG,EAAErB,iBAAQ,CAACsB,GAAG,CAACR,KAAK,CAAC,CAACK,MAAM,CAAC,KAAK,CAAC;MACtCI,IAAI,EAAEvB,iBAAQ,CAACsB,GAAG,CAACR,KAAK,CAAC,CAACK,MAAM,CAAC,IAAI,CAAC;MACtCK,GAAG,EAAExB,iBAAQ,CAACC,GAAG,CAACa,KAAK,CAAC,CAACK,MAAM,CAAC,KAAK,CAAC;MACtCM,IAAI,EAAEzB,iBAAQ,CAACC,GAAG,CAACa,KAAK,CAAC,CAACK,MAAM,CAAC,IAAI,CAAC;MACtCO,GAAG,EAAE1B,iBAAQ,CAAC2B,GAAG,CAACb,KAAK,CAAC,CAACK,MAAM,CAAC,KAAK,CAAC;MACtCS,IAAI,EAAE5B,iBAAQ,CAAC2B,GAAG,CAACb,KAAK,CAAC,CAACK,MAAM,CAAC,IAAI;IACvC,CAAC;EACH,CAAC;EAED,MAAMU,YAAY,GAAIf,KAA6B,IAAK;IACtDrB,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAGoB,eAAe,CAACC,KAAK,CAAC,CAAC;EACtC,CAAC;EAED,MAAMgB,eAAe,GAAIhB,KAA6B,IAAK;IACzDtB,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAGqB,eAAe,CAACC,KAAK,CAAC,CAAC;EACpC,CAAC;EAED,MAAMiB,QAAQ,GAAG,SAAAA,CAACjB,KAAa,EAAwC;IAAA,IAAtCkB,QAAQ,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGlD,sBAAsB;IAChE,MAAM;MAAEuB,CAAC;MAAEE,CAAC;MAAEE,CAAC;MAAEE;IAAE,CAAC,GAAGZ,iBAAQ,CAACC,GAAG,CAACa,KAAK,CAAC,CAACZ,MAAM,EAAE;IAEnDE,QAAQ,CAACb,KAAK,GAAG,IAAA6C,iCAAU,EAAC9B,CAAC,EAAE;MAAE0B;IAAS,CAAC,CAAC;IAC5CzB,eAAe,CAAChB,KAAK,GAAG,IAAA6C,iCAAU,EAAC5B,CAAC,EAAE;MAAEwB;IAAS,CAAC,CAAC;IACnDvB,eAAe,CAAClB,KAAK,GAAG,IAAA6C,iCAAU,EAAC1B,CAAC,EAAE;MAAEsB;IAAS,CAAC,CAAC;IACnDrB,UAAU,CAACpB,KAAK,GAAG,IAAA6C,iCAAU,EAACxB,CAAC,EAAE;MAAEoB;IAAS,CAAC,CAAC;EAChD,CAAC;EAED,IAAAK,gBAAS,EAAC,MAAM;IACd;IACA,MAAMC,cAAc,GAAGtC,iBAAQ,CAACuC,SAAS,CAAChD,KAAK,CAAC;IAChD,MAAMiD,aAAa,GAAG3B,eAAe,EAAE;;IAEvC;IACA,IAAI,CAACyB,cAAc,IAAIA,cAAc,KAAK,OAAO,EAAE;MACjDP,QAAQ,CAACxC,KAAK,CAAC;MACf;IACF;;IAEA;IACA,IAAI+C,cAAc,KAAK,MAAM,IAAIA,cAAc,KAAK,MAAM,IAAIA,cAAc,KAAK,MAAM,IAAIA,cAAc,KAAK,MAAM,EAAE;MACpH,IAAI/C,KAAK,KAAKiD,aAAa,CAACzB,GAAG,EAAEgB,QAAQ,CAACxC,KAAK,CAAC;MAChD;IACF;;IAEA;IACA,IAAI+C,cAAc,IAAIE,aAAa,EAAE;MACnC,IAAIjD,KAAK,KAAKiD,aAAa,CAACF,cAAc,CAAC,EAAEP,QAAQ,CAACxC,KAAK,CAAC;MAC5D;IACF;IACAwC,QAAQ,CAACxC,KAAK,CAAC;EACjB,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;;EAEX;EACA;EACA,IAAA8C,gBAAS,EAAC,MAAM;IACdjC,QAAQ,CAACb,KAAK,IAAI,CAAC;IACnBgB,eAAe,CAAChB,KAAK,IAAI,CAAC;IAC1BkB,eAAe,CAAClB,KAAK,IAAI,CAAC;IAC1BwC,QAAQ,CAACxC,KAAK,EAAE,GAAG,CAAC;EACtB,CAAC,EAAE,EAAE,CAAC;EAEN,IAAAkD,0BAAmB,EAAC7D,GAAG,EAAE,OAAO;IAAEmD;EAAS,CAAC,CAAC,CAAC;EAE9C,MAAMW,QAA4B,GAAG;IACnCtC,QAAQ;IACRG,eAAe;IACfE,eAAe;IACfE,UAAU;IAEV9B,aAAa;IAEbC,eAAe;IACfE,SAAS;IACTC,UAAU;IACVC,YAAY;IACZC,UAAU;IACVC,WAAW;IACXC,UAAU;IACVC,eAAe;IAEfC,KAAK;IACLwC,QAAQ;IAERlB,eAAe;IACfgB,YAAY;IACZC;EACF,CAAC;EAED,oBACE3F,MAAA,CAAAY,OAAA,CAAA6C,aAAA,CAACrD,0BAAA,CAAAoG,sBAAsB;IAACjD,KAAK,EAAE,CAAC;MAAEkD,SAAS,EAAEzE,YAAK,GAAG,KAAK,GAAGgE;IAAU,CAAC,EAAEzC,KAAK;EAAE,gBAC/EvD,MAAA,CAAAY,OAAA,CAAA6C,aAAA,CAACjD,WAAA,CAAAI,OAAa,CAAC8F,QAAQ;IAACtD,KAAK,EAAEmD;EAAS,GAAE/C,QAAQ,CAA0B,CACrD;AAE7B,CAAC,CACF;AAAC,IAAAmD,QAAA,GAEarE,WAAW;AAAAsE,OAAA,CAAAhG,OAAA,GAAA+F,QAAA"
 }

package/lib/commonjs/components/Panels/Panel4.js

@@ -94,14 +94,14 @@ function Panel4(_ref) {
   const handleStyle = (0, _reactNativeReanimated.useAnimatedStyle)(
     (function () {
       const _f = function () {
-        const { l } = (0, _utils.HSVA2HSLA_object)(hueValue.value, saturationValue.value, brightnessValue.value);
         const length = {
             x: width.value - (boundedThumb ? thumbSize : 0),
             y: height.value - (boundedThumb ? thumbSize : 0),
           },
           calcThumb = boundedThumb ? 0 : thumbSize / 2,
           // luminance
-          poxPercentX = (l / 100) * length.x,
+          lum = (((2 - saturationValue.value / 100) * (brightnessValue.value / 100)) / 2) * 100,
+          poxPercentX = (lum / 100) * length.x,
           posX = (reverseHorizontalChannels ? poxPercentX : length.x - poxPercentX) - calcThumb,
           // hue
           percentY = (hueValue.value / 360) * length.y,
@@ -121,23 +121,22 @@ function Panel4(_ref) {
         };
       };
       _f._closure = {
-        HSVA2HSLA_object: _utils.HSVA2HSLA_object,
-        hueValue,
-        saturationValue,
-        brightnessValue,
         width,
         boundedThumb,
         thumbSize,
         height,
+        saturationValue,
+        brightnessValue,
         reverseHorizontalChannels,
+        hueValue,
         reverseHue,
         handleScale,
       };
       _f.asString =
-        'function _f(){const{HSVA2HSLA_object,hueValue,saturationValue,brightnessValue,width,boundedThumb,thumbSize,height,reverseHorizontalChannels,reverseHue,handleScale}=jsThis._closure;{const{l:l}=HSVA2HSLA_object(hueValue.value,saturationValue.value,brightnessValue.value);const length={x:width.value-(boundedThumb?thumbSize:0),y:height.value-(boundedThumb?thumbSize:0)},calcThumb=boundedThumb?0:thumbSize/2,poxPercentX=l/100*length.x,posX=(reverseHorizontalChannels?poxPercentX:length.x-poxPercentX)-calcThumb,percentY=hueValue.value/360*length.y,posY=(reverseHue?percentY:length.y-percentY)-calcThumb;return{transform:[{translateX:posX},{translateY:posY},{scale:handleScale.value}]};}}';
-      _f.__workletHash = 11835963917605;
+        'function _f(){const{width,boundedThumb,thumbSize,height,saturationValue,brightnessValue,reverseHorizontalChannels,hueValue,reverseHue,handleScale}=jsThis._closure;{const length={x:width.value-(boundedThumb?thumbSize:0),y:height.value-(boundedThumb?thumbSize:0)},calcThumb=boundedThumb?0:thumbSize/2,lum=(2-saturationValue.value/100)*(brightnessValue.value/100)/2*100,poxPercentX=lum/100*length.x,posX=(reverseHorizontalChannels?poxPercentX:length.x-poxPercentX)-calcThumb,percentY=hueValue.value/360*length.y,posY=(reverseHue?percentY:length.y-percentY)-calcThumb;return{transform:[{translateX:posX},{translateY:posY},{scale:handleScale.value}]};}}';
+      _f.__workletHash = 7574188237903;
       _f.__location = 'F:\\ReactNative\\reanimated-color-picker\\src\\components\\Panels\\Panel4.tsx (58:39)';
-      _f.__optimalization = 2;
+      _f.__optimalization = 3;
       return _f;
     })(),
     [localThumbSize, reverseHue, reverseHorizontalChannels]
@@ -182,7 +181,7 @@ function Panel4(_ref) {
     _f.asString =
       'function _f({x:x,y:y}){const{width,boundedThumb,thumbSize,height,clamp,reverseHue,reverseHorizontalChannels,hueValue,saturationValue,brightnessValue,runOnJS,onGestureChange}=jsThis._closure;{const lengthX=width.value-(boundedThumb?thumbSize:0),lengthY=height.value-(boundedThumb?thumbSize:0),posX=clamp(x-(boundedThumb?thumbSize/2:0),lengthX),posY=clamp(y-(boundedThumb?thumbSize/2:0),lengthY),valueX=Math.round(posX/lengthX*200),valueY=Math.round(posY/lengthY*360),newHueValue=reverseHue?valueY:360-valueY,newSaturationValue=clamp(reverseHorizontalChannels?200-valueX:valueX,100),newBrightnessValue=clamp(reverseHorizontalChannels?valueX:200-valueX,100);if(hueValue.value===newHueValue&&saturationValue.value===newSaturationValue&&brightnessValue.value===newBrightnessValue)return;hueValue.value=newHueValue;saturationValue.value=newSaturationValue;brightnessValue.value=newBrightnessValue;runOnJS(onGestureChange)();}}';
     _f.__workletHash = 15687744026353;
-    _f.__location = 'F:\\ReactNative\\reanimated-color-picker\\src\\components\\Panels\\Panel4.tsx (75:26)';
+    _f.__location = 'F:\\ReactNative\\reanimated-color-picker\\src\\components\\Panels\\Panel4.tsx (74:26)';
     return _f;
   })();
   const onGestureBegin = (function () {
@@ -200,7 +199,7 @@ function Panel4(_ref) {
     _f.asString =
       'function _f(event){const{handleScale,withTiming,onGestureUpdate}=jsThis._closure;{handleScale.value=withTiming(1.2,{duration:100});onGestureUpdate(event);}}';
     _f.__workletHash = 14773240202957;
-    _f.__location = 'F:\\ReactNative\\reanimated-color-picker\\src\\components\\Panels\\Panel4.tsx (99:25)';
+    _f.__location = 'F:\\ReactNative\\reanimated-color-picker\\src\\components\\Panels\\Panel4.tsx (98:25)';
     return _f;
   })();
   const onGestureFinish = (function () {
@@ -219,7 +218,7 @@ function Panel4(_ref) {
     _f.asString =
       'function _f(){const{handleScale,withTiming,runOnJS,onGestureEnd}=jsThis._closure;{handleScale.value=withTiming(1,{duration:100});runOnJS(onGestureEnd)();}}';
     _f.__workletHash = 6379049506140;
-    _f.__location = 'F:\\ReactNative\\reanimated-color-picker\\src\\components\\Panels\\Panel4.tsx (104:26)';
+    _f.__location = 'F:\\ReactNative\\reanimated-color-picker\\src\\components\\Panels\\Panel4.tsx (103:26)';
     return _f;
   })();
   const pan = _reactNativeGestureHandler.Gesture.Pan().onBegin(onGestureBegin).onUpdate(onGestureUpdate).onEnd(onGestureFinish);
@@ -262,7 +261,7 @@ function Panel4(_ref) {
       _f.asString =
         "function _f(){const{height,width,reverseHue,isRtl}=jsThis._closure;{return{width:height.value,height:width.value,transform:[{scaleY:reverseHue?-1:1},{rotate:'270deg'},{translateX:(width.value-height.value)/2*(reverseHue?-1:1)},{translateY:(width.value-height.value)/2*(isRtl?-1:1)}]};}}";
       _f.__workletHash = 8519187383491;
-      _f.__location = 'F:\\ReactNative\\reanimated-color-picker\\src\\components\\Panels\\Panel4.tsx (120:44)';
+      _f.__location = 'F:\\ReactNative\\reanimated-color-picker\\src\\components\\Panels\\Panel4.tsx (119:44)';
       _f.__optimalization = 3;
       return _f;
     })()

package/lib/commonjs/components/Panels/Panel4.js.map

@@ -78,13 +78,12 @@
     "handleStyle",
     "useAnimatedStyle",
     "_f",
-    "l",
-    "HSVA2HSLA_object",
-    "value",
     "length",
     "x",
+    "value",
     "y",
     "calcThumb",
+    "lum",
     "poxPercentX",
     "posX",
     "percentY",
@@ -159,7 +158,7 @@
   ],
   "sources": ["../../../../src/components/Panels/Panel4.tsx"],
   "sourcesContent": [
-    "import React, { useCallback, useContext } from 'react';\r\nimport { Image, View } from 'react-native';\r\nimport { Gesture, GestureDetector } from 'react-native-gesture-handler';\r\nimport Animated, { runOnJS, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';\r\n\r\nimport pickerContext from '@context';\r\nimport { styles } from '@styles';\r\nimport Thumb from '@thumb';\r\nimport { clamp, getStyle, HSVA2HSLA_object, isRtl } from '@utils';\r\n\r\nimport type { Panel4Props } from '@types';\r\nimport type { LayoutChangeEvent } from 'react-native';\r\nimport type { PanGestureHandlerEventPayload } from 'react-native-gesture-handler';\r\n\r\nexport function Panel4({\r\n  thumbColor: localThumbColor,\r\n  boundedThumb: localBoundedThumb,\r\n  renderThumb: localRenderThumb,\r\n  thumbShape: localThumbShape,\r\n  thumbSize: localThumbSize,\r\n  thumbStyle: localThumbStyle,\r\n  thumbInnerStyle: localThumbInnerStyle,\r\n  reverseHue = false,\r\n  reverseHorizontalChannels = false,\r\n  style = {},\r\n}: Panel4Props) {\r\n  const {\r\n    hueValue,\r\n    saturationValue,\r\n    brightnessValue,\r\n    onGestureChange,\r\n    onGestureEnd,\r\n    thumbSize: globalThumbsSize,\r\n    thumbShape: globalThumbShape,\r\n    thumbColor: globalThumbsColor,\r\n    boundedThumb: globalBoundedThumb,\r\n    renderThumb: globalRenderThumbs,\r\n    thumbStyle: globalThumbsStyle,\r\n    thumbInnerStyle: globalThumbsInnerStyle,\r\n  } = useContext(pickerContext);\r\n\r\n  const thumbShape = localThumbShape ?? globalThumbShape,\r\n    thumbSize = localThumbSize ?? globalThumbsSize,\r\n    thumbColor = localThumbColor ?? globalThumbsColor,\r\n    boundedThumb = localBoundedThumb ?? globalBoundedThumb,\r\n    renderThumb = localRenderThumb ?? globalRenderThumbs,\r\n    thumbStyle = localThumbStyle ?? globalThumbsStyle ?? {},\r\n    thumbInnerStyle = localThumbInnerStyle ?? globalThumbsInnerStyle ?? {};\r\n\r\n  const borderRadius = getStyle(style, 'borderRadius') ?? 5,\r\n    getHeight = getStyle(style, 'height') ?? 200;\r\n\r\n  const width = useSharedValue(0),\r\n    height = useSharedValue(0);\r\n\r\n  const handleScale = useSharedValue(1);\r\n\r\n  const handleStyle = useAnimatedStyle(() => {\r\n    const { l } = HSVA2HSLA_object(hueValue.value, saturationValue.value, brightnessValue.value);\r\n\r\n    const length = { x: width.value - (boundedThumb ? thumbSize : 0), y: height.value - (boundedThumb ? thumbSize : 0) },\r\n      calcThumb = boundedThumb ? 0 : thumbSize / 2,\r\n      // luminance\r\n      poxPercentX = (l / 100) * length.x,\r\n      posX = (reverseHorizontalChannels ? poxPercentX : length.x - poxPercentX) - calcThumb,\r\n      // hue\r\n      percentY = (hueValue.value / 360) * length.y,\r\n      posY = (reverseHue ? percentY : length.y - percentY) - calcThumb;\r\n\r\n    return {\r\n      transform: [{ translateX: posX }, { translateY: posY }, { scale: handleScale.value }],\r\n    };\r\n  }, [localThumbSize, reverseHue, reverseHorizontalChannels]);\r\n\r\n  const onGestureUpdate = ({ x, y }: PanGestureHandlerEventPayload) => {\r\n    'worklet';\r\n\r\n    const lengthX = width.value - (boundedThumb ? thumbSize : 0),\r\n      lengthY = height.value - (boundedThumb ? thumbSize : 0),\r\n      posX = clamp(x - (boundedThumb ? thumbSize / 2 : 0), lengthX),\r\n      posY = clamp(y - (boundedThumb ? thumbSize / 2 : 0), lengthY),\r\n      valueX = Math.round((posX / lengthX) * 200),\r\n      valueY = Math.round((posY / lengthY) * 360),\r\n      newHueValue = reverseHue ? valueY : 360 - valueY,\r\n      newSaturationValue = clamp(reverseHorizontalChannels ? 200 - valueX : valueX, 100),\r\n      newBrightnessValue = clamp(reverseHorizontalChannels ? valueX : 200 - valueX, 100);\r\n    if (\r\n      hueValue.value === newHueValue &&\r\n      saturationValue.value === newSaturationValue &&\r\n      brightnessValue.value === newBrightnessValue\r\n    )\r\n      return;\r\n\r\n    hueValue.value = newHueValue;\r\n    saturationValue.value = newSaturationValue;\r\n    brightnessValue.value = newBrightnessValue;\r\n    runOnJS(onGestureChange)();\r\n  };\r\n  const onGestureBegin = (event: PanGestureHandlerEventPayload) => {\r\n    'worklet';\r\n    handleScale.value = withTiming(1.2, { duration: 100 });\r\n    onGestureUpdate(event);\r\n  };\r\n  const onGestureFinish = () => {\r\n    'worklet';\r\n    handleScale.value = withTiming(1, { duration: 100 });\r\n    runOnJS(onGestureEnd)();\r\n  };\r\n\r\n  const pan = Gesture.Pan().onBegin(onGestureBegin).onUpdate(onGestureUpdate).onEnd(onGestureFinish);\r\n  const tap = Gesture.Tap().onTouchesUp(onGestureFinish);\r\n  const longPress = Gesture.LongPress().onTouchesUp(onGestureFinish);\r\n  const composed = Gesture.Exclusive(pan, tap, longPress);\r\n\r\n  const onLayout = useCallback(({ nativeEvent: { layout } }: LayoutChangeEvent) => {\r\n    width.value = layout.width;\r\n    height.value = layout.height;\r\n  }, []);\r\n\r\n  const rotatePanelImage = useAnimatedStyle(() => ({\r\n    width: height.value,\r\n    height: width.value,\r\n    transform: [\r\n      { scaleY: reverseHue ? -1 : 1 },\r\n      { rotate: '270deg' },\r\n      { translateX: ((width.value - height.value) / 2) * (reverseHue ? -1 : 1) },\r\n      { translateY: ((width.value - height.value) / 2) * (isRtl ? -1 : 1) },\r\n    ],\r\n  }));\r\n\r\n  return (\r\n    <GestureDetector gesture={composed}>\r\n      <Animated.View\r\n        onLayout={onLayout}\r\n        style={[styles.panel_container, { height: getHeight }, style, { position: 'relative', borderWidth: 0, padding: 0 }]}\r\n      >\r\n        <Animated.Image\r\n          source={require('@assets/Hue.png')}\r\n          style={[styles.panel_image, { borderRadius }, rotatePanelImage]}\r\n          resizeMode='stretch'\r\n        />\r\n\r\n        <View\r\n          style={[\r\n            styles.panel_image,\r\n            {\r\n              borderRadius,\r\n              flexDirection: isRtl ? 'row-reverse' : 'row',\r\n              transform: [{ scaleX: reverseHorizontalChannels ? -1 : 1 }],\r\n            },\r\n          ]}\r\n        >\r\n          <Image source={require('@assets/blackGradient.png')} style={{ flex: 1, tintColor: '#fff' }} resizeMode='stretch' />\r\n          <Image\r\n            source={require('@assets/blackGradient.png')}\r\n            style={{ flex: 1, transform: [{ scaleX: -1 }] }}\r\n            resizeMode='stretch'\r\n          />\r\n        </View>\r\n\r\n        <Thumb\r\n          {...{\r\n            thumbShape,\r\n            thumbSize,\r\n            thumbColor,\r\n            renderThumb,\r\n            innerStyle: thumbInnerStyle,\r\n            style: thumbStyle,\r\n            handleStyle,\r\n          }}\r\n        />\r\n      </Animated.View>\r\n    </GestureDetector>\r\n  );\r\n}\r\n"
+    "import React, { useCallback, useContext } from 'react';\r\nimport { Image, View } from 'react-native';\r\nimport { Gesture, GestureDetector } from 'react-native-gesture-handler';\r\nimport Animated, { runOnJS, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';\r\n\r\nimport pickerContext from '@context';\r\nimport { styles } from '@styles';\r\nimport Thumb from '@thumb';\r\nimport { clamp, getStyle, isRtl } from '@utils';\r\n\r\nimport type { Panel4Props } from '@types';\r\nimport type { LayoutChangeEvent } from 'react-native';\r\nimport type { PanGestureHandlerEventPayload } from 'react-native-gesture-handler';\r\n\r\nexport function Panel4({\r\n  thumbColor: localThumbColor,\r\n  boundedThumb: localBoundedThumb,\r\n  renderThumb: localRenderThumb,\r\n  thumbShape: localThumbShape,\r\n  thumbSize: localThumbSize,\r\n  thumbStyle: localThumbStyle,\r\n  thumbInnerStyle: localThumbInnerStyle,\r\n  reverseHue = false,\r\n  reverseHorizontalChannels = false,\r\n  style = {},\r\n}: Panel4Props) {\r\n  const {\r\n    hueValue,\r\n    saturationValue,\r\n    brightnessValue,\r\n    onGestureChange,\r\n    onGestureEnd,\r\n    thumbSize: globalThumbsSize,\r\n    thumbShape: globalThumbShape,\r\n    thumbColor: globalThumbsColor,\r\n    boundedThumb: globalBoundedThumb,\r\n    renderThumb: globalRenderThumbs,\r\n    thumbStyle: globalThumbsStyle,\r\n    thumbInnerStyle: globalThumbsInnerStyle,\r\n  } = useContext(pickerContext);\r\n\r\n  const thumbShape = localThumbShape ?? globalThumbShape,\r\n    thumbSize = localThumbSize ?? globalThumbsSize,\r\n    thumbColor = localThumbColor ?? globalThumbsColor,\r\n    boundedThumb = localBoundedThumb ?? globalBoundedThumb,\r\n    renderThumb = localRenderThumb ?? globalRenderThumbs,\r\n    thumbStyle = localThumbStyle ?? globalThumbsStyle ?? {},\r\n    thumbInnerStyle = localThumbInnerStyle ?? globalThumbsInnerStyle ?? {};\r\n\r\n  const borderRadius = getStyle(style, 'borderRadius') ?? 5,\r\n    getHeight = getStyle(style, 'height') ?? 200;\r\n\r\n  const width = useSharedValue(0),\r\n    height = useSharedValue(0);\r\n\r\n  const handleScale = useSharedValue(1);\r\n\r\n  const handleStyle = useAnimatedStyle(() => {\r\n    const length = { x: width.value - (boundedThumb ? thumbSize : 0), y: height.value - (boundedThumb ? thumbSize : 0) },\r\n      calcThumb = boundedThumb ? 0 : thumbSize / 2,\r\n      // luminance\r\n      lum = (((2 - saturationValue.value / 100) * (brightnessValue.value / 100)) / 2) * 100,\r\n      poxPercentX = (lum / 100) * length.x,\r\n      posX = (reverseHorizontalChannels ? poxPercentX : length.x - poxPercentX) - calcThumb,\r\n      // hue\r\n      percentY = (hueValue.value / 360) * length.y,\r\n      posY = (reverseHue ? percentY : length.y - percentY) - calcThumb;\r\n\r\n    return {\r\n      transform: [{ translateX: posX }, { translateY: posY }, { scale: handleScale.value }],\r\n    };\r\n  }, [localThumbSize, reverseHue, reverseHorizontalChannels]);\r\n\r\n  const onGestureUpdate = ({ x, y }: PanGestureHandlerEventPayload) => {\r\n    'worklet';\r\n\r\n    const lengthX = width.value - (boundedThumb ? thumbSize : 0),\r\n      lengthY = height.value - (boundedThumb ? thumbSize : 0),\r\n      posX = clamp(x - (boundedThumb ? thumbSize / 2 : 0), lengthX),\r\n      posY = clamp(y - (boundedThumb ? thumbSize / 2 : 0), lengthY),\r\n      valueX = Math.round((posX / lengthX) * 200),\r\n      valueY = Math.round((posY / lengthY) * 360),\r\n      newHueValue = reverseHue ? valueY : 360 - valueY,\r\n      newSaturationValue = clamp(reverseHorizontalChannels ? 200 - valueX : valueX, 100),\r\n      newBrightnessValue = clamp(reverseHorizontalChannels ? valueX : 200 - valueX, 100);\r\n    if (\r\n      hueValue.value === newHueValue &&\r\n      saturationValue.value === newSaturationValue &&\r\n      brightnessValue.value === newBrightnessValue\r\n    )\r\n      return;\r\n\r\n    hueValue.value = newHueValue;\r\n    saturationValue.value = newSaturationValue;\r\n    brightnessValue.value = newBrightnessValue;\r\n    runOnJS(onGestureChange)();\r\n  };\r\n  const onGestureBegin = (event: PanGestureHandlerEventPayload) => {\r\n    'worklet';\r\n    handleScale.value = withTiming(1.2, { duration: 100 });\r\n    onGestureUpdate(event);\r\n  };\r\n  const onGestureFinish = () => {\r\n    'worklet';\r\n    handleScale.value = withTiming(1, { duration: 100 });\r\n    runOnJS(onGestureEnd)();\r\n  };\r\n\r\n  const pan = Gesture.Pan().onBegin(onGestureBegin).onUpdate(onGestureUpdate).onEnd(onGestureFinish);\r\n  const tap = Gesture.Tap().onTouchesUp(onGestureFinish);\r\n  const longPress = Gesture.LongPress().onTouchesUp(onGestureFinish);\r\n  const composed = Gesture.Exclusive(pan, tap, longPress);\r\n\r\n  const onLayout = useCallback(({ nativeEvent: { layout } }: LayoutChangeEvent) => {\r\n    width.value = layout.width;\r\n    height.value = layout.height;\r\n  }, []);\r\n\r\n  const rotatePanelImage = useAnimatedStyle(() => ({\r\n    width: height.value,\r\n    height: width.value,\r\n    transform: [\r\n      { scaleY: reverseHue ? -1 : 1 },\r\n      { rotate: '270deg' },\r\n      { translateX: ((width.value - height.value) / 2) * (reverseHue ? -1 : 1) },\r\n      { translateY: ((width.value - height.value) / 2) * (isRtl ? -1 : 1) },\r\n    ],\r\n  }));\r\n\r\n  return (\r\n    <GestureDetector gesture={composed}>\r\n      <Animated.View\r\n        onLayout={onLayout}\r\n        style={[styles.panel_container, { height: getHeight }, style, { position: 'relative', borderWidth: 0, padding: 0 }]}\r\n      >\r\n        <Animated.Image\r\n          source={require('@assets/Hue.png')}\r\n          style={[styles.panel_image, { borderRadius }, rotatePanelImage]}\r\n          resizeMode='stretch'\r\n        />\r\n\r\n        <View\r\n          style={[\r\n            styles.panel_image,\r\n            {\r\n              borderRadius,\r\n              flexDirection: isRtl ? 'row-reverse' : 'row',\r\n              transform: [{ scaleX: reverseHorizontalChannels ? -1 : 1 }],\r\n            },\r\n          ]}\r\n        >\r\n          <Image source={require('@assets/blackGradient.png')} style={{ flex: 1, tintColor: '#fff' }} resizeMode='stretch' />\r\n          <Image\r\n            source={require('@assets/blackGradient.png')}\r\n            style={{ flex: 1, transform: [{ scaleX: -1 }] }}\r\n            resizeMode='stretch'\r\n          />\r\n        </View>\r\n\r\n        <Thumb\r\n          {...{\r\n            thumbShape,\r\n            thumbSize,\r\n            thumbColor,\r\n            renderThumb,\r\n            innerStyle: thumbInnerStyle,\r\n            style: thumbStyle,\r\n            handleStyle,\r\n          }}\r\n        />\r\n      </Animated.View>\r\n    </GestureDetector>\r\n  );\r\n}\r\n"
   ],
-  "mappings": "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"
+  "mappings": "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"
 }

package/lib/commonjs/components/Preview.js

@@ -84,7 +84,14 @@ const ReText = _ref => {
   );
 };
 function Preview(_ref2) {
-  let { style = {}, textStyle = {}, colorFormat = 'hex', hideInitialColor = false, hideText = false } = _ref2;
+  let {
+    style = {},
+    textStyle = {},
+    colorFormat = 'hex',
+    hideInitialColor = false,
+    hideText = false,
+    disableOpacityTexture = false,
+  } = _ref2;
   const { hueValue, saturationValue, brightnessValue, alphaValue, returnedResults, value } = (0, _react.useContext)(
     _AppContext.default
   );
@@ -119,7 +126,7 @@ function Preview(_ref2) {
       };
       _f.asString = 'function _f(){const{textColor}=jsThis._closure;{return{color:textColor.value};}}';
       _f.__workletHash = 14472989744818;
-      _f.__location = 'F:\\ReactNative\\reanimated-color-picker\\src\\components\\Preview.tsx (52:42)';
+      _f.__location = 'F:\\ReactNative\\reanimated-color-picker\\src\\components\\Preview.tsx (53:42)';
       _f.__optimalization = 3;
       return _f;
     })()
@@ -140,7 +147,7 @@ function Preview(_ref2) {
       };
       _f.asString = 'function _f(){const{previewColor}=jsThis._closure;{return{backgroundColor:previewColor.value};}}';
       _f.__workletHash = 9056204683932;
-      _f.__location = 'F:\\ReactNative\\reanimated-color-picker\\src\\components\\Preview.tsx (60:45)';
+      _f.__location = 'F:\\ReactNative\\reanimated-color-picker\\src\\components\\Preview.tsx (61:45)';
       _f.__optimalization = 3;
       return _f;
     })()
@@ -182,13 +189,14 @@ function Preview(_ref2) {
       _f.asString =
         'function _f(){const{hueValue,saturationValue,brightnessValue,alphaValue,runOnJS,setPreviewColor,setTextColor}=jsThis._closure;{const currentColor={h:hueValue.value,s:saturationValue.value,v:brightnessValue.value,a:alphaValue.value};const adaptiveTextColor=alphaValue.value>0.5?currentColor:{h:0,s:0,v:70};runOnJS(setPreviewColor)(currentColor);runOnJS(setTextColor)(adaptiveTextColor);}}';
       _f.__workletHash = 1063704335960;
-      _f.__location = 'F:\\ReactNative\\reanimated-color-picker\\src\\components\\Preview.tsx (66:18)';
+      _f.__location = 'F:\\ReactNative\\reanimated-color-picker\\src\\components\\Preview.tsx (67:18)';
       return _f;
     })()
   );
   return /*#__PURE__*/ _react.default.createElement(
     Wrapper,
     {
+      disableTexture: disableOpacityTexture,
       style: style,
     },
     /*#__PURE__*/ _react.default.createElement(
@@ -254,7 +262,16 @@ function Preview(_ref2) {
   );
 }
 function Wrapper(_ref3) {
-  let { children, style } = _ref3;
+  let { children, disableTexture, style } = _ref3;
+  if (disableTexture) {
+    return /*#__PURE__*/ _react.default.createElement(
+      _reactNative.View,
+      {
+        style: [_styles.styles.previewWrapper, style],
+      },
+      children
+    );
+  }
   if (_utils.isWeb) {
     return /*#__PURE__*/ _react.default.createElement(
       _reactNative.View,
@@ -268,6 +285,10 @@ function Wrapper(_ref3) {
     _reactNative.ImageBackground,
     {
       source: require('../assets/transparent-texture.png'),
+      imageStyle: {
+        width: '100%',
+        height: '100%',
+      },
       resizeMode: 'repeat',
       style: [_styles.styles.previewWrapper, style],
     },

package/lib/commonjs/components/Preview.js.map

@@ -63,6 +63,7 @@
     "colorFormat",
     "hideInitialColor",
     "hideText",
+    "disableOpacityTexture",
     "hueValue",
     "saturationValue",
     "brightnessValue",
@@ -98,17 +99,21 @@
     "currentColor",
     "a",
     "Wrapper",
+    "disableTexture",
     "ConditionalRendering",
     "render",
     "View",
     "previewContainer",
     "_ref3",
     "children",
-    "isWeb",
     "previewWrapper",
+    "isWeb",
     "previewWrapperWeb",
     "ImageBackground",
     "source",
+    "imageStyle",
+    "width",
+    "height",
     "resizeMode",
     "backgroundImage",
     "backgroundPosition",
@@ -116,7 +121,7 @@
   ],
   "sources": ["../../../src/components/Preview.tsx"],
   "sourcesContent": [
-    "import React, { useContext, useMemo, useState } from 'react';\r\nimport { ImageBackground, Text, View } from 'react-native';\r\nimport Animated, { runOnJS, useAnimatedStyle, useDerivedValue, useSharedValue } from 'react-native-reanimated';\r\n\r\nimport colorKit from '@colorKit';\r\nimport pickerContext from '@context';\r\nimport { styles } from '@styles';\r\nimport { ConditionalRendering, getStyle, isWeb } from '@utils';\r\n\r\nimport type { PreviewProps } from '@types';\r\nimport type { ReactNode } from 'react';\r\nimport type { StyleProp, TextStyle } from 'react-native';\r\nimport type { SharedValue } from 'react-native-reanimated';\r\n\r\nconst ReText = ({ text, style, hash }: { text: () => string; style: StyleProp<TextStyle>[]; hash: SharedValue<number>[] }) => {\r\n  const [color, setColor] = useState(text());\r\n\r\n  const updateText = () => {\r\n    setColor(text());\r\n  };\r\n\r\n  useDerivedValue(() => {\r\n    hash.forEach(e => e.value);\r\n    runOnJS(updateText)();\r\n  });\r\n\r\n  return <Animated.Text style={[styles.previewInitialText, ...style]}>{color}</Animated.Text>;\r\n};\r\n\r\nexport function Preview({\r\n  style = {},\r\n  textStyle = {},\r\n  colorFormat = 'hex',\r\n  hideInitialColor = false,\r\n  hideText = false,\r\n}: PreviewProps) {\r\n  const { hueValue, saturationValue, brightnessValue, alphaValue, returnedResults, value } = useContext(pickerContext);\r\n\r\n  const justifyContent = getStyle(style, 'justifyContent') ?? 'center';\r\n\r\n  // To track changes in the color channel values of the ReText component.\r\n  const colorHash = [hueValue, saturationValue, brightnessValue, alphaValue];\r\n\r\n  const initialColorText = useMemo(() => {\r\n    const adaptiveTextColor = alphaValue.value > 0.5 ? value : { h: 0, s: 0, v: 70 };\r\n    const contrast = colorKit.contrastRatio(adaptiveTextColor, '#fff');\r\n    const color = contrast < 4.5 ? '#000' : '#fff';\r\n    return { formatted: returnedResults()[colorFormat], color };\r\n  }, [value, colorFormat]);\r\n\r\n  const textColor = useSharedValue('#fff');\r\n  const textColorStyle = useAnimatedStyle(() => ({ color: textColor.value }));\r\n  const setTextColor = (color1: { h: number; s: number; v: number; a?: number }) => {\r\n    const color = textColor.value === '#ffffff' ? '#000000' : '#ffffff';\r\n    const contrast = colorKit.contrastRatio(color1, textColor.value);\r\n    textColor.value = contrast < 4.5 ? color : textColor.value;\r\n  };\r\n\r\n  const previewColor = useSharedValue('#fff');\r\n  const previewColorStyle = useAnimatedStyle(() => ({ backgroundColor: previewColor.value }));\r\n  const setPreviewColor = (color: { h: number; s: number; v: number; a: number }) => {\r\n    previewColor.value = colorKit.HEX(color);\r\n  };\r\n\r\n  // When the values of channels change\r\n  useDerivedValue(() => {\r\n    const currentColor = { h: hueValue.value, s: saturationValue.value, v: brightnessValue.value, a: alphaValue.value };\r\n    const adaptiveTextColor = alphaValue.value > 0.5 ? currentColor : { h: 0, s: 0, v: 70 };\r\n    runOnJS(setPreviewColor)(currentColor);\r\n    runOnJS(setTextColor)(adaptiveTextColor);\r\n  });\r\n\r\n  return (\r\n    <Wrapper style={style}>\r\n      <ConditionalRendering render={!hideInitialColor}>\r\n        <View style={[styles.previewContainer, { backgroundColor: value, justifyContent }]}>\r\n          <ConditionalRendering render={!hideText}>\r\n            <Text style={[{ color: initialColorText.color }, styles.previewInitialText, textStyle]}>\r\n              {initialColorText.formatted}\r\n            </Text>\r\n          </ConditionalRendering>\r\n        </View>\r\n      </ConditionalRendering>\r\n\r\n      <Animated.View style={[styles.previewContainer, { justifyContent }, previewColorStyle]}>\r\n        <ConditionalRendering render={!hideText}>\r\n          <ReText text={() => returnedResults()[colorFormat]} hash={colorHash} style={[textStyle, textColorStyle]} />\r\n        </ConditionalRendering>\r\n      </Animated.View>\r\n    </Wrapper>\r\n  );\r\n}\r\n\r\nfunction Wrapper({ children, style }: { children: ReactNode; style: {} | null }) {\r\n  if (isWeb) {\r\n    return <View style={[styles.previewWrapper, previewWrapperWeb, style]}>{children}</View>;\r\n  }\r\n\r\n  return (\r\n    <ImageBackground\r\n      source={require('@assets/transparent-texture.png')}\r\n      resizeMode='repeat'\r\n      style={[styles.previewWrapper, style]}\r\n    >\r\n      {children}\r\n    </ImageBackground>\r\n  );\r\n}\r\n\r\nconst previewWrapperWeb = {\r\n  backgroundImage:\r\n    'repeating-linear-gradient(45deg, #c1c1c1 25%, transparent 25%, transparent 75%, #c1c1c1 75%, #c1c1c1), repeating-linear-gradient(45deg, #c1c1c1 25%, #fff 25%, #fff 75%, #c1c1c1 75%, #c1c1c1)',\r\n  backgroundPosition: '0px 0px, 8px 8px',\r\n  backgroundSize: '16px 16px',\r\n};\r\n"
+    "import React, { useContext, useMemo, useState } from 'react';\r\nimport { ImageBackground, Text, View } from 'react-native';\r\nimport Animated, { runOnJS, useAnimatedStyle, useDerivedValue, useSharedValue } from 'react-native-reanimated';\r\n\r\nimport colorKit from '@colorKit';\r\nimport pickerContext from '@context';\r\nimport { styles } from '@styles';\r\nimport { ConditionalRendering, getStyle, isWeb } from '@utils';\r\n\r\nimport type { PreviewProps } from '@types';\r\nimport type { ReactNode } from 'react';\r\nimport type { StyleProp, TextStyle } from 'react-native';\r\nimport type { SharedValue } from 'react-native-reanimated';\r\n\r\nconst ReText = ({ text, style, hash }: { text: () => string; style: StyleProp<TextStyle>[]; hash: SharedValue<number>[] }) => {\r\n  const [color, setColor] = useState(text());\r\n\r\n  const updateText = () => {\r\n    setColor(text());\r\n  };\r\n\r\n  useDerivedValue(() => {\r\n    hash.forEach(e => e.value);\r\n    runOnJS(updateText)();\r\n  });\r\n\r\n  return <Animated.Text style={[styles.previewInitialText, ...style]}>{color}</Animated.Text>;\r\n};\r\n\r\nexport function Preview({\r\n  style = {},\r\n  textStyle = {},\r\n  colorFormat = 'hex',\r\n  hideInitialColor = false,\r\n  hideText = false,\r\n  disableOpacityTexture = false,\r\n}: PreviewProps) {\r\n  const { hueValue, saturationValue, brightnessValue, alphaValue, returnedResults, value } = useContext(pickerContext);\r\n\r\n  const justifyContent = getStyle(style, 'justifyContent') ?? 'center';\r\n\r\n  // To track changes in the color channel values of the ReText component.\r\n  const colorHash = [hueValue, saturationValue, brightnessValue, alphaValue];\r\n\r\n  const initialColorText = useMemo(() => {\r\n    const adaptiveTextColor = alphaValue.value > 0.5 ? value : { h: 0, s: 0, v: 70 };\r\n    const contrast = colorKit.contrastRatio(adaptiveTextColor, '#fff');\r\n    const color = contrast < 4.5 ? '#000' : '#fff';\r\n    return { formatted: returnedResults()[colorFormat], color };\r\n  }, [value, colorFormat]);\r\n\r\n  const textColor = useSharedValue('#fff');\r\n  const textColorStyle = useAnimatedStyle(() => ({ color: textColor.value }));\r\n  const setTextColor = (color1: { h: number; s: number; v: number; a?: number }) => {\r\n    const color = textColor.value === '#ffffff' ? '#000000' : '#ffffff';\r\n    const contrast = colorKit.contrastRatio(color1, textColor.value);\r\n    textColor.value = contrast < 4.5 ? color : textColor.value;\r\n  };\r\n\r\n  const previewColor = useSharedValue('#fff');\r\n  const previewColorStyle = useAnimatedStyle(() => ({ backgroundColor: previewColor.value }));\r\n  const setPreviewColor = (color: { h: number; s: number; v: number; a: number }) => {\r\n    previewColor.value = colorKit.HEX(color);\r\n  };\r\n\r\n  // When the values of channels change\r\n  useDerivedValue(() => {\r\n    const currentColor = { h: hueValue.value, s: saturationValue.value, v: brightnessValue.value, a: alphaValue.value };\r\n    const adaptiveTextColor = alphaValue.value > 0.5 ? currentColor : { h: 0, s: 0, v: 70 };\r\n    runOnJS(setPreviewColor)(currentColor);\r\n    runOnJS(setTextColor)(adaptiveTextColor);\r\n  });\r\n\r\n  return (\r\n    <Wrapper disableTexture={disableOpacityTexture} style={style}>\r\n      <ConditionalRendering render={!hideInitialColor}>\r\n        <View style={[styles.previewContainer, { backgroundColor: value, justifyContent }]}>\r\n          <ConditionalRendering render={!hideText}>\r\n            <Text style={[{ color: initialColorText.color }, styles.previewInitialText, textStyle]}>\r\n              {initialColorText.formatted}\r\n            </Text>\r\n          </ConditionalRendering>\r\n        </View>\r\n      </ConditionalRendering>\r\n\r\n      <Animated.View style={[styles.previewContainer, { justifyContent }, previewColorStyle]}>\r\n        <ConditionalRendering render={!hideText}>\r\n          <ReText text={() => returnedResults()[colorFormat]} hash={colorHash} style={[textStyle, textColorStyle]} />\r\n        </ConditionalRendering>\r\n      </Animated.View>\r\n    </Wrapper>\r\n  );\r\n}\r\n\r\nfunction Wrapper({ children, disableTexture, style }: { children: ReactNode; disableTexture: boolean; style: {} | null }) {\r\n  if (disableTexture) {\r\n    return <View style={[styles.previewWrapper, style]}>{children}</View>;\r\n  }\r\n\r\n  if (isWeb) {\r\n    return <View style={[styles.previewWrapper, previewWrapperWeb, style]}>{children}</View>;\r\n  }\r\n\r\n  return (\r\n    <ImageBackground\r\n      source={require('@assets/transparent-texture.png')}\r\n      imageStyle={{ width: '100%', height: '100%' }}\r\n      resizeMode='repeat'\r\n      style={[styles.previewWrapper, style]}\r\n    >\r\n      {children}\r\n    </ImageBackground>\r\n  );\r\n}\r\n\r\nconst previewWrapperWeb = {\r\n  backgroundImage:\r\n    'repeating-linear-gradient(45deg, #c1c1c1 25%, transparent 25%, transparent 75%, #c1c1c1 75%, #c1c1c1), repeating-linear-gradient(45deg, #c1c1c1 25%, #fff 25%, #fff 75%, #c1c1c1 75%, #c1c1c1)',\r\n  backgroundPosition: '0px 0px, 8px 8px',\r\n  backgroundSize: '16px 16px',\r\n};\r\n"
   ],
-  "mappings": "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"
+  "mappings": "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"
 }

package/lib/commonjs/components/Swatches.js

@@ -72,7 +72,7 @@ const SWATCHES_COLORS = [
 function Swatches(_ref) {
   let { colors = SWATCHES_COLORS, style = {}, swatchStyle = {} } = _ref;
   const { setColor, onGestureChange, onGestureEnd } = (0, _react.useContext)(_AppContext.default);
-  const onPress = async swatch => {
+  const onPress = swatch => {
     setColor(swatch);
     onGestureChange(swatch);
     onGestureEnd(swatch);

package/lib/commonjs/components/Swatches.js.map

@@ -55,7 +55,7 @@
   ],
   "sources": ["../../../src/components/Swatches.tsx"],
   "sourcesContent": [
-    "import React, { useContext } from 'react';\r\nimport { Pressable, View } from 'react-native';\r\n\r\nimport pickerContext from '@context';\r\nimport { styles } from '@styles';\r\n\r\nimport type { SwatchesProps } from '@types';\r\n\r\nconst SWATCHES_COLORS = [\r\n  '#f44336',\r\n  '#E91E63',\r\n  '#9C27B0',\r\n  '#673AB7',\r\n  '#3F51B5',\r\n  '#2196F3',\r\n  '#03A9F4',\r\n  '#00BCD4',\r\n  '#009688',\r\n  '#4CAF50',\r\n  '#8BC34A',\r\n  '#CDDC39',\r\n  '#FFEB3B',\r\n  '#FFC107',\r\n  '#FF9800',\r\n  '#FF5722',\r\n  '#795548',\r\n  '#9E9E9E',\r\n  '#607D8B',\r\n];\r\n\r\nexport function Swatches({ colors = SWATCHES_COLORS, style = {}, swatchStyle = {} }: SwatchesProps) {\r\n  const { setColor, onGestureChange, onGestureEnd } = useContext(pickerContext);\r\n\r\n  const onPress = async (swatch: string) => {\r\n    setColor(swatch);\r\n    onGestureChange(swatch);\r\n    onGestureEnd(swatch);\r\n  };\r\n\r\n  return (\r\n    <View style={[styles.swatchesContainer, style]}>\r\n      {colors.map((swatch, i) => (\r\n        <Pressable\r\n          key={swatch + i}\r\n          onPress={() => onPress(swatch)}\r\n          style={[styles.swatch, swatchStyle, { backgroundColor: swatch }]}\r\n        />\r\n      ))}\r\n    </View>\r\n  );\r\n}\r\n"
+    "import React, { useContext } from 'react';\r\nimport { Pressable, View } from 'react-native';\r\n\r\nimport pickerContext from '@context';\r\nimport { styles } from '@styles';\r\n\r\nimport type { SwatchesProps } from '@types';\r\n\r\nconst SWATCHES_COLORS = [\r\n  '#f44336',\r\n  '#E91E63',\r\n  '#9C27B0',\r\n  '#673AB7',\r\n  '#3F51B5',\r\n  '#2196F3',\r\n  '#03A9F4',\r\n  '#00BCD4',\r\n  '#009688',\r\n  '#4CAF50',\r\n  '#8BC34A',\r\n  '#CDDC39',\r\n  '#FFEB3B',\r\n  '#FFC107',\r\n  '#FF9800',\r\n  '#FF5722',\r\n  '#795548',\r\n  '#9E9E9E',\r\n  '#607D8B',\r\n];\r\n\r\nexport function Swatches({ colors = SWATCHES_COLORS, style = {}, swatchStyle = {} }: SwatchesProps) {\r\n  const { setColor, onGestureChange, onGestureEnd } = useContext(pickerContext);\r\n\r\n  const onPress = (swatch: string) => {\r\n    setColor(swatch);\r\n    onGestureChange(swatch);\r\n    onGestureEnd(swatch);\r\n  };\r\n\r\n  return (\r\n    <View style={[styles.swatchesContainer, style]}>\r\n      {colors.map((swatch, i) => (\r\n        <Pressable\r\n          key={swatch + i}\r\n          onPress={() => onPress(swatch)}\r\n          style={[styles.swatch, swatchStyle, { backgroundColor: swatch }]}\r\n        />\r\n      ))}\r\n    </View>\r\n  );\r\n}\r\n"
   ],
-  "mappings": "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"
+  "mappings": "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"
 }

package/lib/commonjs/types.js.map

@@ -4,7 +4,7 @@
   "names": [],
   "sources": ["../../src/types.ts"],
   "sourcesContent": [
-    "import type { ReactNode } from 'react';\r\nimport type { ImageStyle, StyleProp, TextInputProps, TextStyle, ViewStyle } from 'react-native';\r\nimport type { AnimatedStyleProp, SharedValue } from 'react-native-reanimated';\r\nimport type { SupportedColorFormats } from './colorKit/types';\r\n\r\nexport interface returnedResults {\r\n  hex: string;\r\n  rgb: string;\r\n  rgba: string;\r\n  hsl: string;\r\n  hsla: string;\r\n  hsv: string;\r\n  hsva: string;\r\n  hwb: string;\r\n  hwba: string;\r\n}\r\n\r\nexport type thumbShapeType =\r\n  | 'ring'\r\n  | 'solid'\r\n  | 'hollow'\r\n  | 'line'\r\n  | 'plus'\r\n  | 'pill'\r\n  | 'triangleUp'\r\n  | 'triangleDown'\r\n  | 'doubleTriangle'\r\n  | 'rect'\r\n  | 'circle';\r\n\r\nexport type RenderThumbProps = {\r\n  /**\r\n   * - This style determines the position of the thumb and is a crucial element that should be included.\r\n   * - It should be tied to an `Reanimated` component, for example, `<Animated.View style={positionStyle} />`.\r\n   */\r\n  positionStyle: StyleProp<ViewStyle | ImageStyle | TextStyle>;\r\n\r\n  /**\r\n   * - A `number` that determines the thumb's width in pixels and is important for thumb position calculation.\r\n   * - It's extracted from the `thumbSize` prop.\r\n   */\r\n  width: number;\r\n\r\n  /**\r\n   * - A `number` that determines the thumb's height in pixels and is important for thumb position calculation.\r\n   * - It's extracted from the `thumbSize` prop.\r\n   */\r\n  height: number;\r\n\r\n  /**\r\n   * - The `adaptiveColor` is a type of `SharedValue<string>` that determines the color to be displayed based on the contrast ratio.\r\n   * - It can either be a `white` or `black` color.\r\n   */\r\n  adaptiveColor: SharedValue<string>;\r\n\r\n  /**\r\n   * - A `SharedValue` of type `string` that represents the current color.\r\n   * - This shared value will update whenever the color changes, but without the alpha channel.\r\n   */\r\n  currentColor: SharedValue<string>;\r\n\r\n  /** - The initial color value as a `string` */\r\n  initialColor: string;\r\n};\r\n\r\nexport type RenderThumbType = React.FC<RenderThumbProps>;\r\n\r\nexport type ThumbProps = {\r\n  thumbColor?: string;\r\n  handleStyle: {};\r\n  innerStyle?: {};\r\n  style?: {};\r\n  renderThumb?: RenderThumbType;\r\n  vertical?: boolean;\r\n  adaptSpectrum?: boolean;\r\n  channel?: 'h' | 's' | 'v' | 'a';\r\n  thumbShape?: thumbShapeType;\r\n  thumbSize: number;\r\n};\r\n\r\nexport type BuiltinThumbsProps = {\r\n  width: number;\r\n  height: number;\r\n  borderRadius: number;\r\n  thumbColor?: string;\r\n  adaptiveColor: SharedValue<string>;\r\n  handleStyle: {};\r\n  innerStyle?: {};\r\n  style?: {};\r\n  solidColor: AnimatedStyleProp<ViewStyle>;\r\n  renderThumb?: RenderThumbType;\r\n  vertical?: boolean;\r\n};\r\n\r\nexport interface ColorPickerContext {\r\n  /** Color's channels. */\r\n  hueValue: SharedValue<number>;\r\n  saturationValue: SharedValue<number>;\r\n  brightnessValue: SharedValue<number>;\r\n  alphaValue: SharedValue<number>;\r\n\r\n  /** A global property that allows the color spectrum to adapt to changes in brightness and saturation for all descendant slider components. */\r\n  adaptSpectrum: boolean;\r\n\r\n  /** Apply a color to the color picker. */\r\n  setColor: (color: string, duration?: number) => void;\r\n\r\n  /** A global prop for all sliders children. */\r\n  sliderThickness: number;\r\n\r\n  /** A global prop for all sliders children. */\r\n  thumbSize: number;\r\n\r\n  /** A global prop for all sliders children. */\r\n  thumbShape: thumbShapeType;\r\n\r\n  /** A global prop for all sliders children. */\r\n  thumbColor: string | undefined;\r\n\r\n  /** A global prop for all sliders children. */\r\n  thumbStyle: StyleProp<ViewStyle>;\r\n\r\n  /**\r\n   * - Determines whether the slider thumb (or handle) should be constrained to stay within the boundaries of the slider.\r\n   * - When set to true, the thumb will not be allowed to move beyond the edges of the slider.\r\n   * - When set to false, part of it will be outside of the slider bounds.\r\n   */\r\n  boundedThumb: boolean;\r\n\r\n  /** A global style for all sliders children. */\r\n  thumbInnerStyle: StyleProp<ViewStyle>;\r\n\r\n  /** A global prop for all sliders children. */\r\n  renderThumb: RenderThumbType | undefined;\r\n\r\n  /** The initial color value as a `string` */\r\n  value: string;\r\n\r\n  /** The returned results of the color picker. */\r\n  returnedResults: (color?: SupportedColorFormats) => returnedResults;\r\n\r\n  /** This function is called when the user lifts the finger from the color picker. */\r\n  onGestureEnd: (color?: SupportedColorFormats) => void;\r\n\r\n  /** This function is called every time the color is changed. */\r\n  onGestureChange: (color?: SupportedColorFormats) => void;\r\n}\r\n\r\nexport interface ColorPickerProps {\r\n  /** - a global property that allows the color spectrum to adapt to changes in brightness and saturation for all descendant slider components.*/\r\n  adaptSpectrum?: boolean;\r\n\r\n  /**\r\n   * - a global property to change the thickness of all descendant sliders components.\r\n   * - thickness is the width of the slider in vertical mode or the height in horizontal mode.\r\n   */\r\n  sliderThickness?: number;\r\n\r\n  /** - a global property to change the duration which the thumbs animate when the value prop changes. */\r\n  thumbAnimationDuration?: number;\r\n\r\n  /** - a global property to change the thumb size of all descendant sliders components. */\r\n  thumbSize?: number;\r\n\r\n  /** - a global property to change the shape and appearance of the thumb of all descendant sliders components. */\r\n  thumbShape?: thumbShapeType;\r\n\r\n  /** - a global property to change the color of the thumb of all descendant sliders components. */\r\n  thumbColor?: string;\r\n\r\n  /** - a global property to change the style of the thumb's View for all descendant sliders components */\r\n  thumbStyle?: StyleProp<ViewStyle>;\r\n\r\n  /**\r\n   * - a global property for all descendant sliders and panels components\r\n   * - Determines whether the slider thumb (or handle) should be constrained to stay within the boundaries of the slider.\r\n   * - When set to true, the thumb will not be allowed to move beyond the edges of the slider.\r\n   * - When set to false, part of it will be outside of the slider bounds.\r\n   */\r\n  boundedThumb?: boolean;\r\n\r\n  /** - a global property to change the color of the thumb's inner View(s) for all descendant sliders components. */\r\n  thumbInnerStyle?: StyleProp<ViewStyle>;\r\n\r\n  /** - a global function for rendering a thumb component based on ThumbProps. */\r\n  renderThumb?: RenderThumbType;\r\n\r\n  /** - color picker wrapper style. */\r\n  style?: StyleProp<ViewStyle>;\r\n\r\n  /**\r\n   * - initial color.\r\n   * - Accepts `hex`, `rgb`, `rgba`, `hsl`, `hsla`, `hsv`, `hsva`, `hwb`, `hwba` and `named color` formats.\r\n   */\r\n  value?: string;\r\n\r\n  /** - called when the user moves the sliders. */\r\n  onChange?: (colors: returnedResults) => void;\r\n\r\n  /**\r\n   * - called when the user lifts his finger off the sliders.\r\n   * - CAUTION : As of `react-native-gesture-handler@2.9.0` the new web implementation does not support the events which trigger this callback.\r\n   */\r\n  onComplete?: (colors: returnedResults) => void;\r\n\r\n  children?: React.ReactNode;\r\n}\r\n\r\nexport interface ColorPickerRef {\r\n  /** Apply a color to the color picker. */\r\n  setColor: (color: string, duration?: number) => void;\r\n}\r\n\r\nexport interface SwatchesProps {\r\n  /**\r\n   * - swatch style.\r\n   * - **Note** Certain style properties will be overridden.\r\n   */\r\n  swatchStyle?: StyleProp<ViewStyle>;\r\n\r\n  /** - swatches container style. */\r\n  style?: StyleProp<ViewStyle>;\r\n\r\n  /** - provide your own swatches colors. */\r\n  colors?: string[];\r\n}\r\n\r\nexport interface PreviewProps {\r\n  /** - show color preview in specific format. */\r\n  colorFormat?: 'hex' | 'rgb' | 'rgba' | 'hsl' | 'hsla' | 'hsv' | 'hsva' | 'hwb' | 'hwba';\r\n\r\n  /** - hide initial color preview and show the picked color preview only. */\r\n  hideInitialColor?: boolean;\r\n\r\n  /** - hide color preview text. */\r\n  hideText?: boolean;\r\n\r\n  /**\r\n   * - preview container style.\r\n   * - **Note** Certain style properties will be overridden.\r\n   */\r\n  style?: StyleProp<ViewStyle>;\r\n\r\n  /**\r\n   * - preview text style.\r\n   * - **Note** Certain style properties will be overridden..\r\n   */\r\n  textStyle?: StyleProp<TextStyle>;\r\n}\r\n\r\nexport interface PreviewTextProps {\r\n  /** - show color preview in specific format. */\r\n  colorFormat?: 'hex' | 'rgb' | 'rgba' | 'hsl' | 'hsla' | 'hsv' | 'hsva' | 'hwb' | 'hwba';\r\n\r\n  /** - preview text style */\r\n  style?: StyleProp<TextStyle>;\r\n}\r\n\r\nexport interface PanelProps {\r\n  /** - panel handle (thumb) size (height*width). */\r\n  thumbSize?: number;\r\n\r\n  /** - panel handle (thumb) color. */\r\n  thumbColor?: string;\r\n\r\n  /** - panel handle (thumb) shape. */\r\n  thumbShape?: thumbShapeType;\r\n\r\n  /**\r\n   * - Determines whether the slider thumb (or handle) should be constrained to stay within the boundaries of the slider.\r\n   * - When set to true, the thumb will not be allowed to move beyond the edges of the slider.\r\n   * - When set to false, part of it will be outside of the slider bounds.\r\n   */\r\n  boundedThumb?: boolean;\r\n\r\n  /** - slider's handle (thumb) outer View style. */\r\n  thumbStyle?: StyleProp<ViewStyle>;\r\n\r\n  /** - slider's handle (thumb) inner View style. */\r\n  thumbInnerStyle?: StyleProp<ViewStyle>;\r\n\r\n  /** - function which receives ThumbProps and renders slider's handle (thumb). */\r\n  renderThumb?: RenderThumbType;\r\n\r\n  /**\r\n   * - panel container style.\r\n   * - **Note** Certain style properties will be overridden.\r\n   */\r\n  style?: StyleProp<ViewStyle>;\r\n}\r\n\r\nexport interface Panel2Props extends PanelProps {\r\n  /** - reverse (flip) hue direction. */\r\n  reverseHue?: boolean;\r\n\r\n  /** - reverse (flip) the direction of the vertical channel's saturation or brightness. */\r\n  reverseVerticalChannel?: boolean;\r\n\r\n  /** - determines which color channel to adjust when moving the thumb vertically on the slider. */\r\n  verticalChannel?: 'saturation' | 'brightness';\r\n\r\n  /** - color spectrum adapts to changes in brightness and saturation */\r\n  adaptSpectrum?: boolean;\r\n}\r\n\r\nexport interface Panel3Props extends PanelProps {\r\n  /** - determines which color channel to adjust when moving the thumb towards or away from the center of the circular slider. */\r\n  centerChannel?: 'saturation' | 'brightness';\r\n\r\n  /** - color spectrum adapts to changes in brightness and saturation */\r\n  adaptSpectrum?: boolean;\r\n}\r\n\r\nexport interface Panel4Props extends PanelProps {\r\n  /** - reverse (flip) hue direction. */\r\n  reverseHue?: boolean;\r\n\r\n  /** - reverse (flip) the horizontal channel's brightness and saturation. */\r\n  reverseHorizontalChannels?: boolean;\r\n}\r\n\r\nexport interface Panel5Props extends PanelProps {\r\n  /**\r\n   * - panel container style.\r\n   * - **Note** Certain style properties will be overridden.\r\n   */\r\n  style?: StyleProp<ViewStyle>;\r\n  /**\r\n   * - The style of the square that indicates the selected color.\r\n   * - **Note** Certain style properties will be overridden.\r\n   */\r\n  selectionStyle?: StyleProp<ViewStyle>;\r\n}\r\n\r\nexport interface SliderProps {\r\n  /** - slider's handle (thumb) size (height*width). */\r\n  thumbSize?: number;\r\n\r\n  /** - slider's handle (thumb) color. */\r\n  thumbColor?: string;\r\n\r\n  /** - slider's handle (thumb) shape. */\r\n  thumbShape?: thumbShapeType;\r\n\r\n  /**\r\n   * - Determines whether the slider thumb (or handle) should be constrained to stay within the boundaries of the slider.\r\n   * - When set to true, the thumb will not be allowed to move beyond the edges of the slider.\r\n   * - When set to false, part of it will be outside of the slider bounds.\r\n   */\r\n  boundedThumb?: boolean;\r\n\r\n  /** - slider's handle (thumb) outer View style. */\r\n  thumbStyle?: StyleProp<ViewStyle>;\r\n\r\n  /** - slider's handle (thumb) inner View style. */\r\n  thumbInnerStyle?: StyleProp<ViewStyle>;\r\n\r\n  /** - function which receives ThumbProps and renders slider's handle (thumb). */\r\n  renderThumb?: RenderThumbType;\r\n\r\n  /** - thickness is the width of the slider in vertical mode or the height in horizontal mode. */\r\n  sliderThickness?: number;\r\n\r\n  /** - reverse slider direction. */\r\n  reverse?: boolean;\r\n\r\n  /** - vertical slider. */\r\n  vertical?: boolean;\r\n\r\n  /** - color spectrum adapts to changes in brightness and saturation */\r\n  adaptSpectrum?: boolean;\r\n\r\n  /**\r\n   * - slider's container style.\r\n   * - **Note** Certain style properties will be overridden.\r\n   */\r\n  style?: StyleProp<ViewStyle>;\r\n}\r\n\r\nexport interface RgbSliderProps extends Omit<SliderProps, 'adaptSpectrum'> {}\r\n\r\nexport interface HueCircular extends Omit<SliderProps, 'vertical' | 'reverse' | 'boundedThumb'> {\r\n  children?: ReactNode;\r\n\r\n  /** - the style of the container that wraps the given children.*/\r\n  containerStyle?: StyleProp<ViewStyle>;\r\n}\r\n\r\nexport type InputProps = Omit<\r\n  TextInputProps,\r\n  | 'ref'\r\n  | 'style'\r\n  | 'value'\r\n  | 'maxLength'\r\n  | 'onChangeText'\r\n  | 'onBlur'\r\n  | 'onFocus'\r\n  | 'keyboardType'\r\n  | 'autoComplete'\r\n  | 'autoCorrect'\r\n  | 'defaultValue'\r\n>;\r\n\r\nexport type WidgetProps = {\r\n  onChange: (color: string) => void;\r\n  returnedResults: ColorPickerContext['returnedResults'];\r\n  hueValue: ColorPickerContext['hueValue'];\r\n  saturationValue: ColorPickerContext['saturationValue'];\r\n  brightnessValue: ColorPickerContext['brightnessValue'];\r\n  alphaValue: ColorPickerContext['alphaValue'];\r\n  inputStyle: StyleProp<TextStyle>;\r\n  inputTitleStyle?: StyleProp<TextStyle>;\r\n  inputProps: InputProps;\r\n  disableAlphaChannel: boolean;\r\n};\r\n\r\ntype defaultFormats = 'HEX' | 'RGB' | 'HSL' | 'HWB' | 'HSV';\r\n\r\nexport interface InputWidgetProps {\r\n  /**\r\n   * - The initial input widget color format.\r\n   * - You can select one of the following options: `'HEX'`, `'RGB'`, '`HSL'`, `'HWB'`, or `'HSV'`\r\n   */\r\n  defaultFormat?: defaultFormats;\r\n\r\n  /**\r\n   * - What input widgets should be included that can be cycled through.\r\n   * - Available options: `'HEX'`, `'RGB'`, '`HSL'`, `'HWB'`, and `'HSV'`\r\n   */\r\n  formats?: readonly defaultFormats[];\r\n\r\n  /** - Limit the user's ability to modify the alpha channel of the selected color. */\r\n  disableAlphaChannel?: boolean;\r\n\r\n  /** - `InputText` components style. */\r\n  inputStyle?: StyleProp<TextStyle>;\r\n\r\n  /** - The props for the `TextInput` components. */\r\n  inputProps?: InputProps;\r\n\r\n  /** - The style of the `Text` component for the title located below the inputs. */\r\n  inputTitleStyle?: StyleProp<TextStyle>;\r\n\r\n  /** - The style of the `View` component that wraps around all the widgets. */\r\n  containerStyle?: StyleProp<ViewStyle>;\r\n\r\n  /** - The color of the cycle button icon (`Image` component). */\r\n  iconColor?: string;\r\n\r\n  /** - The style of the cycle button (`Image` component). */\r\n  iconStyle?: StyleProp<ImageStyle>;\r\n}\r\n"
+    "import type { ReactNode } from 'react';\r\nimport type { ImageStyle, StyleProp, TextInputProps, TextStyle, ViewStyle } from 'react-native';\r\nimport type { AnimatedStyleProp, SharedValue } from 'react-native-reanimated';\r\nimport type { SupportedColorFormats } from './colorKit/types';\r\n\r\nexport interface returnedResults {\r\n  hex: string;\r\n  rgb: string;\r\n  rgba: string;\r\n  hsl: string;\r\n  hsla: string;\r\n  hsv: string;\r\n  hsva: string;\r\n  hwb: string;\r\n  hwba: string;\r\n}\r\n\r\nexport type thumbShapeType =\r\n  | 'ring'\r\n  | 'solid'\r\n  | 'hollow'\r\n  | 'line'\r\n  | 'plus'\r\n  | 'pill'\r\n  | 'triangleUp'\r\n  | 'triangleDown'\r\n  | 'doubleTriangle'\r\n  | 'rect'\r\n  | 'circle';\r\n\r\nexport type RenderThumbProps = {\r\n  /**\r\n   * - This style determines the position of the thumb and is a crucial element that should be included.\r\n   * - It should be tied to an `Reanimated` component, for example, `<Animated.View style={positionStyle} />`.\r\n   */\r\n  positionStyle: StyleProp<ViewStyle | ImageStyle | TextStyle>;\r\n\r\n  /**\r\n   * - A `number` that determines the thumb's width in pixels and is important for thumb position calculation.\r\n   * - It's extracted from the `thumbSize` prop.\r\n   */\r\n  width: number;\r\n\r\n  /**\r\n   * - A `number` that determines the thumb's height in pixels and is important for thumb position calculation.\r\n   * - It's extracted from the `thumbSize` prop.\r\n   */\r\n  height: number;\r\n\r\n  /**\r\n   * - The `adaptiveColor` is a type of `SharedValue<string>` that determines the color to be displayed based on the contrast ratio.\r\n   * - It can either be a `white` or `black` color.\r\n   */\r\n  adaptiveColor: SharedValue<string>;\r\n\r\n  /**\r\n   * - A `SharedValue` of type `string` that represents the current color.\r\n   * - This shared value will update whenever the color changes, but without the alpha channel.\r\n   */\r\n  currentColor: SharedValue<string>;\r\n\r\n  /** - The initial color value as a `string` */\r\n  initialColor: string;\r\n};\r\n\r\nexport type RenderThumbType = React.FC<RenderThumbProps>;\r\n\r\nexport type ThumbProps = {\r\n  thumbColor?: string;\r\n  handleStyle: {};\r\n  innerStyle?: {};\r\n  style?: {};\r\n  renderThumb?: RenderThumbType;\r\n  vertical?: boolean;\r\n  adaptSpectrum?: boolean;\r\n  channel?: 'h' | 's' | 'v' | 'a';\r\n  thumbShape?: thumbShapeType;\r\n  thumbSize: number;\r\n};\r\n\r\nexport type BuiltinThumbsProps = {\r\n  width: number;\r\n  height: number;\r\n  borderRadius: number;\r\n  thumbColor?: string;\r\n  adaptiveColor: SharedValue<string>;\r\n  handleStyle: {};\r\n  innerStyle?: {};\r\n  style?: {};\r\n  solidColor: AnimatedStyleProp<ViewStyle>;\r\n  renderThumb?: RenderThumbType;\r\n  vertical?: boolean;\r\n};\r\n\r\nexport interface ColorPickerContext {\r\n  /** Color's channels. */\r\n  hueValue: SharedValue<number>;\r\n  saturationValue: SharedValue<number>;\r\n  brightnessValue: SharedValue<number>;\r\n  alphaValue: SharedValue<number>;\r\n\r\n  /** A global property that allows the color spectrum to adapt to changes in brightness and saturation for all descendant slider components. */\r\n  adaptSpectrum: boolean;\r\n\r\n  /** Apply a color to the color picker. */\r\n  setColor: (color: string, duration?: number) => void;\r\n\r\n  /** A global prop for all sliders children. */\r\n  sliderThickness: number;\r\n\r\n  /** A global prop for all sliders children. */\r\n  thumbSize: number;\r\n\r\n  /** A global prop for all sliders children. */\r\n  thumbShape: thumbShapeType;\r\n\r\n  /** A global prop for all sliders children. */\r\n  thumbColor: string | undefined;\r\n\r\n  /** A global prop for all sliders children. */\r\n  thumbStyle: StyleProp<ViewStyle>;\r\n\r\n  /**\r\n   * - Determines whether the slider thumb (or handle) should be constrained to stay within the boundaries of the slider.\r\n   * - When set to true, the thumb will not be allowed to move beyond the edges of the slider.\r\n   * - When set to false, part of it will be outside of the slider bounds.\r\n   */\r\n  boundedThumb: boolean;\r\n\r\n  /** A global style for all sliders children. */\r\n  thumbInnerStyle: StyleProp<ViewStyle>;\r\n\r\n  /** A global prop for all sliders children. */\r\n  renderThumb: RenderThumbType | undefined;\r\n\r\n  /** The initial color value as a `string` */\r\n  value: string;\r\n\r\n  /** The returned results of the color picker. */\r\n  returnedResults: (color?: SupportedColorFormats) => returnedResults;\r\n\r\n  /** This function is called when the user lifts the finger from the color picker. */\r\n  onGestureEnd: (color?: SupportedColorFormats) => void;\r\n\r\n  /** This function is called every time the color is changed. */\r\n  onGestureChange: (color?: SupportedColorFormats) => void;\r\n}\r\n\r\nexport interface ColorPickerProps {\r\n  /** - a global property that allows the color spectrum to adapt to changes in brightness and saturation for all descendant slider components.*/\r\n  adaptSpectrum?: boolean;\r\n\r\n  /**\r\n   * - a global property to change the thickness of all descendant sliders components.\r\n   * - thickness is the width of the slider in vertical mode or the height in horizontal mode.\r\n   */\r\n  sliderThickness?: number;\r\n\r\n  /** - a global property to change the duration which the thumbs animate when the value prop changes. */\r\n  thumbAnimationDuration?: number;\r\n\r\n  /** - a global property to change the thumb size of all descendant sliders components. */\r\n  thumbSize?: number;\r\n\r\n  /** - a global property to change the shape and appearance of the thumb of all descendant sliders components. */\r\n  thumbShape?: thumbShapeType;\r\n\r\n  /** - a global property to change the color of the thumb of all descendant sliders components. */\r\n  thumbColor?: string;\r\n\r\n  /** - a global property to change the style of the thumb's View for all descendant sliders components */\r\n  thumbStyle?: StyleProp<ViewStyle>;\r\n\r\n  /**\r\n   * - a global property for all descendant sliders and panels components\r\n   * - Determines whether the slider thumb (or handle) should be constrained to stay within the boundaries of the slider.\r\n   * - When set to true, the thumb will not be allowed to move beyond the edges of the slider.\r\n   * - When set to false, part of it will be outside of the slider bounds.\r\n   */\r\n  boundedThumb?: boolean;\r\n\r\n  /** - a global property to change the color of the thumb's inner View(s) for all descendant sliders components. */\r\n  thumbInnerStyle?: StyleProp<ViewStyle>;\r\n\r\n  /** - a global function for rendering a thumb component based on ThumbProps. */\r\n  renderThumb?: RenderThumbType;\r\n\r\n  /** - color picker wrapper style. */\r\n  style?: StyleProp<ViewStyle>;\r\n\r\n  /**\r\n   * - initial color.\r\n   * - Accepts `hex`, `rgb`, `rgba`, `hsl`, `hsla`, `hsv`, `hsva`, `hwb`, `hwba` and `named color` formats.\r\n   */\r\n  value?: string;\r\n\r\n  /** - called when the user moves the sliders. */\r\n  onChange?: (colors: returnedResults) => void;\r\n\r\n  /**\r\n   * - called when the user lifts his finger off the sliders.\r\n   * - CAUTION : As of `react-native-gesture-handler@2.9.0` the new web implementation does not support the events which trigger this callback.\r\n   */\r\n  onComplete?: (colors: returnedResults) => void;\r\n\r\n  children?: React.ReactNode;\r\n}\r\n\r\nexport interface ColorPickerRef {\r\n  /** Apply a color to the color picker. */\r\n  setColor: (color: string, duration?: number) => void;\r\n}\r\n\r\nexport interface SwatchesProps {\r\n  /**\r\n   * - swatch style.\r\n   * - **Note** Certain style properties will be overridden.\r\n   */\r\n  swatchStyle?: StyleProp<ViewStyle>;\r\n\r\n  /** - swatches container style. */\r\n  style?: StyleProp<ViewStyle>;\r\n\r\n  /** - provide your own swatches colors. */\r\n  colors?: string[];\r\n}\r\n\r\nexport interface PreviewProps {\r\n  /** - show color preview in specific format. */\r\n  colorFormat?: 'hex' | 'rgb' | 'rgba' | 'hsl' | 'hsla' | 'hsv' | 'hsva' | 'hwb' | 'hwba';\r\n\r\n  /** - hide initial color preview and show the picked color preview only. */\r\n  hideInitialColor?: boolean;\r\n\r\n  /** - hide color preview text. */\r\n  hideText?: boolean;\r\n\r\n  /** - hide the preview background texture image that appears when the color has an opacity less than 1. */\r\n  disableOpacityTexture?: boolean;\r\n\r\n  /**\r\n   * - preview container style.\r\n   * - **Note** Certain style properties will be overridden.\r\n   */\r\n  style?: StyleProp<ViewStyle>;\r\n\r\n  /**\r\n   * - preview text style.\r\n   * - **Note** Certain style properties will be overridden..\r\n   */\r\n  textStyle?: StyleProp<TextStyle>;\r\n}\r\n\r\nexport interface PreviewTextProps {\r\n  /** - show color preview in specific format. */\r\n  colorFormat?: 'hex' | 'rgb' | 'rgba' | 'hsl' | 'hsla' | 'hsv' | 'hsva' | 'hwb' | 'hwba';\r\n\r\n  /** - preview text style */\r\n  style?: StyleProp<TextStyle>;\r\n}\r\n\r\nexport interface PanelProps {\r\n  /** - panel handle (thumb) size (height*width). */\r\n  thumbSize?: number;\r\n\r\n  /** - panel handle (thumb) color. */\r\n  thumbColor?: string;\r\n\r\n  /** - panel handle (thumb) shape. */\r\n  thumbShape?: thumbShapeType;\r\n\r\n  /**\r\n   * - Determines whether the slider thumb (or handle) should be constrained to stay within the boundaries of the slider.\r\n   * - When set to true, the thumb will not be allowed to move beyond the edges of the slider.\r\n   * - When set to false, part of it will be outside of the slider bounds.\r\n   */\r\n  boundedThumb?: boolean;\r\n\r\n  /** - slider's handle (thumb) outer View style. */\r\n  thumbStyle?: StyleProp<ViewStyle>;\r\n\r\n  /** - slider's handle (thumb) inner View style. */\r\n  thumbInnerStyle?: StyleProp<ViewStyle>;\r\n\r\n  /** - function which receives ThumbProps and renders slider's handle (thumb). */\r\n  renderThumb?: RenderThumbType;\r\n\r\n  /**\r\n   * - panel container style.\r\n   * - **Note** Certain style properties will be overridden.\r\n   */\r\n  style?: StyleProp<ViewStyle>;\r\n}\r\n\r\nexport interface Panel2Props extends PanelProps {\r\n  /** - reverse (flip) hue direction. */\r\n  reverseHue?: boolean;\r\n\r\n  /** - reverse (flip) the direction of the vertical channel's saturation or brightness. */\r\n  reverseVerticalChannel?: boolean;\r\n\r\n  /** - determines which color channel to adjust when moving the thumb vertically on the slider. */\r\n  verticalChannel?: 'saturation' | 'brightness';\r\n\r\n  /** - color spectrum adapts to changes in brightness and saturation */\r\n  adaptSpectrum?: boolean;\r\n}\r\n\r\nexport interface Panel3Props extends PanelProps {\r\n  /** - determines which color channel to adjust when moving the thumb towards or away from the center of the circular slider. */\r\n  centerChannel?: 'saturation' | 'brightness';\r\n\r\n  /** - color spectrum adapts to changes in brightness and saturation */\r\n  adaptSpectrum?: boolean;\r\n}\r\n\r\nexport interface Panel4Props extends PanelProps {\r\n  /** - reverse (flip) hue direction. */\r\n  reverseHue?: boolean;\r\n\r\n  /** - reverse (flip) the horizontal channel's brightness and saturation. */\r\n  reverseHorizontalChannels?: boolean;\r\n}\r\n\r\nexport interface Panel5Props extends PanelProps {\r\n  /**\r\n   * - panel container style.\r\n   * - **Note** Certain style properties will be overridden.\r\n   */\r\n  style?: StyleProp<ViewStyle>;\r\n  /**\r\n   * - The style of the square that indicates the selected color.\r\n   * - **Note** Certain style properties will be overridden.\r\n   */\r\n  selectionStyle?: StyleProp<ViewStyle>;\r\n}\r\n\r\nexport interface SliderProps {\r\n  /** - slider's handle (thumb) size (height*width). */\r\n  thumbSize?: number;\r\n\r\n  /** - slider's handle (thumb) color. */\r\n  thumbColor?: string;\r\n\r\n  /** - slider's handle (thumb) shape. */\r\n  thumbShape?: thumbShapeType;\r\n\r\n  /**\r\n   * - Determines whether the slider thumb (or handle) should be constrained to stay within the boundaries of the slider.\r\n   * - When set to true, the thumb will not be allowed to move beyond the edges of the slider.\r\n   * - When set to false, part of it will be outside of the slider bounds.\r\n   */\r\n  boundedThumb?: boolean;\r\n\r\n  /** - slider's handle (thumb) outer View style. */\r\n  thumbStyle?: StyleProp<ViewStyle>;\r\n\r\n  /** - slider's handle (thumb) inner View style. */\r\n  thumbInnerStyle?: StyleProp<ViewStyle>;\r\n\r\n  /** - function which receives ThumbProps and renders slider's handle (thumb). */\r\n  renderThumb?: RenderThumbType;\r\n\r\n  /** - thickness is the width of the slider in vertical mode or the height in horizontal mode. */\r\n  sliderThickness?: number;\r\n\r\n  /** - reverse slider direction. */\r\n  reverse?: boolean;\r\n\r\n  /** - vertical slider. */\r\n  vertical?: boolean;\r\n\r\n  /** - color spectrum adapts to changes in brightness and saturation */\r\n  adaptSpectrum?: boolean;\r\n\r\n  /**\r\n   * - slider's container style.\r\n   * - **Note** Certain style properties will be overridden.\r\n   */\r\n  style?: StyleProp<ViewStyle>;\r\n}\r\n\r\nexport interface RgbSliderProps extends Omit<SliderProps, 'adaptSpectrum'> {}\r\n\r\nexport interface HueCircular extends Omit<SliderProps, 'vertical' | 'reverse' | 'boundedThumb'> {\r\n  children?: ReactNode;\r\n\r\n  /** - the style of the container that wraps the given children.*/\r\n  containerStyle?: StyleProp<ViewStyle>;\r\n}\r\n\r\nexport type InputProps = Omit<\r\n  TextInputProps,\r\n  | 'ref'\r\n  | 'style'\r\n  | 'value'\r\n  | 'maxLength'\r\n  | 'onChangeText'\r\n  | 'onBlur'\r\n  | 'onFocus'\r\n  | 'keyboardType'\r\n  | 'autoComplete'\r\n  | 'autoCorrect'\r\n  | 'defaultValue'\r\n>;\r\n\r\nexport type WidgetProps = {\r\n  onChange: (color: string) => void;\r\n  returnedResults: ColorPickerContext['returnedResults'];\r\n  hueValue: ColorPickerContext['hueValue'];\r\n  saturationValue: ColorPickerContext['saturationValue'];\r\n  brightnessValue: ColorPickerContext['brightnessValue'];\r\n  alphaValue: ColorPickerContext['alphaValue'];\r\n  inputStyle: StyleProp<TextStyle>;\r\n  inputTitleStyle?: StyleProp<TextStyle>;\r\n  inputProps: InputProps;\r\n  disableAlphaChannel: boolean;\r\n};\r\n\r\ntype defaultFormats = 'HEX' | 'RGB' | 'HSL' | 'HWB' | 'HSV';\r\n\r\nexport interface InputWidgetProps {\r\n  /**\r\n   * - The initial input widget color format.\r\n   * - You can select one of the following options: `'HEX'`, `'RGB'`, '`HSL'`, `'HWB'`, or `'HSV'`\r\n   */\r\n  defaultFormat?: defaultFormats;\r\n\r\n  /**\r\n   * - What input widgets should be included that can be cycled through.\r\n   * - Available options: `'HEX'`, `'RGB'`, '`HSL'`, `'HWB'`, and `'HSV'`\r\n   */\r\n  formats?: readonly defaultFormats[];\r\n\r\n  /** - Limit the user's ability to modify the alpha channel of the selected color. */\r\n  disableAlphaChannel?: boolean;\r\n\r\n  /** - `InputText` components style. */\r\n  inputStyle?: StyleProp<TextStyle>;\r\n\r\n  /** - The props for the `TextInput` components. */\r\n  inputProps?: InputProps;\r\n\r\n  /** - The style of the `Text` component for the title located below the inputs. */\r\n  inputTitleStyle?: StyleProp<TextStyle>;\r\n\r\n  /** - The style of the `View` component that wraps around all the widgets. */\r\n  containerStyle?: StyleProp<ViewStyle>;\r\n\r\n  /** - The color of the cycle button icon (`Image` component). */\r\n  iconColor?: string;\r\n\r\n  /** - The style of the cycle button (`Image` component). */\r\n  iconStyle?: StyleProp<ImageStyle>;\r\n}\r\n"
   ],
   "mappings": ""
 }