@dreamcommerce/aurora 2.20.10-0 → 2.20.10

package/build/esm/external/react-best-gradient-color-picker/dist/esm/context.js

@@ -1,78 +1,58 @@
 import React, { useState, useEffect, createContext, useContext } from 'react';
+import { slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2, toConsumableArray as _toConsumableArray } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
 import tinycolor from '../../external/tinycolor2/tinycolor.js';
 import { getColors, high, low } from './utils/formatters.js';
 import { getDetails, getColorObj, isUpperCase } from './utils/utils.js';
 
-var __assign = undefined && undefined.__assign || function () {
-  __assign = Object.assign || function (t) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
-
-      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-    }
-
-    return t;
-  };
-
-  return __assign.apply(this, arguments);
-};
-
-var __spreadArray = undefined && undefined.__spreadArray || function (to, from, pack) {
-  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-    if (ar || !(i in from)) {
-      if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-      ar[i] = from[i];
-    }
-  }
-  return to.concat(ar || Array.prototype.slice.call(from));
-};
 var PickerContext = /*#__PURE__*/createContext(null);
-function PickerContextWrapper(_a) {
-  var value = _a.value,
-      children = _a.children,
-      onChange = _a.onChange,
-      squareWidth = _a.squareWidth,
-      hideOpacity = _a.hideOpacity,
-      squareHeight = _a.squareHeight,
-      defaultStyles = _a.defaultStyles;
+function PickerContextWrapper(_ref) {
+  var value = _ref.value,
+      classes = _ref.classes,
+      children = _ref.children,
+      onChange = _ref.onChange,
+      squareWidth = _ref.squareWidth,
+      hideOpacity = _ref.hideOpacity,
+      squareHeight = _ref.squareHeight;
   var colors = getColors(value);
 
-  var _b = getDetails(value),
-      degrees = _b.degrees,
-      degreeStr = _b.degreeStr,
-      isGradient = _b.isGradient,
-      gradientType = _b.gradientType;
+  var _getDetails = getDetails(value),
+      degrees = _getDetails.degrees,
+      degreeStr = _getDetails.degreeStr,
+      isGradient = _getDetails.isGradient,
+      gradientType = _getDetails.gradientType;
 
-  var _c = getColorObj(colors),
-      currentColor = _c.currentColor,
-      selectedColor = _c.selectedColor,
-      currentLeft = _c.currentLeft;
+  var _getColorObj = getColorObj(colors),
+      currentColor = _getColorObj.currentColor,
+      selectedColor = _getColorObj.selectedColor,
+      currentLeft = _getColorObj.currentLeft;
 
-  var _d = useState('rgb'),
-      inputType = _d[0],
-      setInputType = _d[1];
+  var _useState = useState('rgb'),
+      _useState2 = _slicedToArray(_useState, 2),
+      inputType = _useState2[0],
+      setInputType = _useState2[1];
 
-  var _e = useState({}),
-      previous = _e[0],
-      setPrevious = _e[1];
+  var _useState3 = useState({}),
+      _useState4 = _slicedToArray(_useState3, 2),
+      previous = _useState4[0],
+      setPrevious = _useState4[1];
 
   var tinyColor = tinycolor(currentColor);
   var rgba = tinyColor.toRgb();
   var hsv = tinyColor.toHsv();
 
-  var _f = useState(__assign(__assign({}, rgba), hsv)),
-      hc = _f[0],
-      setHc = _f[1];
+  var _useState5 = useState(_objectSpread2(_objectSpread2({}, rgba), hsv)),
+      _useState6 = _slicedToArray(_useState5, 2),
+      hc = _useState6[0],
+      setHc = _useState6[1];
 
   useEffect(function () {
     if ((hsv === null || hsv === void 0 ? void 0 : hsv.s) === 0) {
-      setHc(__assign(__assign(__assign({}, rgba), hsv), {
+      setHc(_objectSpread2(_objectSpread2(_objectSpread2({}, rgba), hsv), {}, {
         h: hc === null || hc === void 0 ? void 0 : hc.h
       }));
     } else {
-      setHc(__assign(__assign({}, rgba), hsv));
-    } // eslint-disable-next-line react-hooks/exhaustive-deps
-
+      setHc(_objectSpread2(_objectSpread2({}, rgba), hsv));
+    }
   }, [currentColor]);
 
   var createGradientStr = function createGradientStr(newColors) {
@@ -83,7 +63,7 @@ function PickerContextWrapper(_a) {
       return "".concat(cc === null || cc === void 0 ? void 0 : cc.value, " ").concat(cc.left, "%");
     });
     var newGrade = "".concat(gradientType, "(").concat(degreeStr, ", ").concat(colorString.join(', '), ")");
-    setPrevious(__assign(__assign({}, previous), {
+    setPrevious(_objectSpread2(_objectSpread2({}, previous), {}, {
       gradient: newGrade
     }));
     onChange(newGrade);
@@ -93,12 +73,10 @@ function PickerContextWrapper(_a) {
     var remaining = colors === null || colors === void 0 ? void 0 : colors.filter(function (c) {
       return !isUpperCase(c.value);
     });
-
-    var newColors = __spreadArray([{
+    var newColors = [{
       value: newColor.toUpperCase(),
-      left: left !== null && left !== void 0 ? left : currentLeft
-    }], remaining, true);
-
+      left: left || currentLeft
+    }].concat(_toConsumableArray(remaining));
     createGradientStr(newColors);
   };
 
@@ -106,7 +84,7 @@ function PickerContextWrapper(_a) {
     if (isGradient) {
       handleGradient(newColor);
     } else {
-      setPrevious(__assign(__assign({}, previous), {
+      setPrevious(_objectSpread2(_objectSpread2({}, previous), {}, {
         color: newColor
       }));
       onChange(newColor);
@@ -116,7 +94,7 @@ function PickerContextWrapper(_a) {
   var deletePoint = function deletePoint() {
     if ((colors === null || colors === void 0 ? void 0 : colors.length) > 2) {
       var formatted = colors === null || colors === void 0 ? void 0 : colors.map(function (fc, i) {
-        return __assign(__assign({}, fc), {
+        return _objectSpread2(_objectSpread2({}, fc), {}, {
           value: i === selectedColor - 1 ? high(fc) : low(fc)
         });
       });
@@ -133,6 +111,7 @@ function PickerContextWrapper(_a) {
     value: value,
     colors: colors,
     degrees: degrees,
+    classes: classes,
     onChange: onChange,
     previous: previous,
     inputType: inputType,
@@ -148,7 +127,6 @@ function PickerContextWrapper(_a) {
     handleChange: handleChange,
     currentColor: currentColor,
     selectedColor: selectedColor,
-    defaultStyles: defaultStyles,
     handleGradient: handleGradient,
     createGradientStr: createGradientStr
   };

package/build/esm/external/react-best-gradient-color-picker/dist/esm/context.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,sBAAsB,wCAA4C;AAClE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA,sBAAsB,wCAA4C;AAClE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/external/react-best-gradient-color-picker/dist/esm/core.module.css.js

@@ -0,0 +1,8 @@
+import styleInject from '../../../style-inject/dist/style-inject.es.js';
+
+var css_248z = "/* coreCss */\n/* body {\n  box-sizing: border-box;\n} */\n\n.core-module_ac__37gse {\n  display: flex;\n  align-items: center;\n}\n\n.core-module_jc__3E6-q {\n  display: flex;\n  justify-content: center;\n}\n\n.core-module_jsb__1jdaj {\n  display: flex;\n  justify-content: space-between;\n}\n\n.core-module_psRl__2LDR1 {\n  position: relative;\n}\n\n.core-module_cResize__2ZFf5 {\n  cursor: ew-resize;\n}\n\n.core-module_cCross__1nX16 {\n  cursor: crosshair;\n}\n\n.core-module_rbgcpControlBtn__1SRcA {\n  padding-left: 8px;\n  padding-right: 8px;\n  line-height: 1;\n  border-radius: 4px;\n  font-weight: 700;\n  font-size: 12px;\n  height: 24px;\n  transition: all 160ms ease;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: rgba(255, 255, 255, 0);\n  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0);\n  color: rgb(86, 86, 86);\n  box-sizing: border-box;\n}\n\n.core-module_rbgcpControlIcon__3qRB_ {\n  stroke: rgb(50, 49, 54);\n}\n\n.core-module_rbgcpControlIconBtn__2fRDy {\n  width: 30px;\n  height: 24px;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  box-sizing: border-box;\n}\n\n.core-module_rbgcpControlBtnWrapper__2D0CM {\n  height: 28px;\n  background: #e9e9f5;\n  border-radius: 6px;\n  padding: 2px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  box-sizing: border-box;\n}\n\n.core-module_rbgcpColorModelDropdown__1jpJ7 {\n  position: absolute;\n  right: -2px;\n  top: 34px;\n  padding: 5px;\n  background: #e9e9f5;\n  z-index: 100000000;\n  border-radius: 6px;\n  box-shadow: 1px 1px 14px 1px rgba(0, 0, 0, 0.25);\n}\n\n/* coreCss (continuazione) */\n.core-module_rbgcpEyedropperCover__3DsLX {\n  position: fixed;\n  left: 0px;\n  top: 0px;\n  z-index: 100000000;\n  width: 100vw;\n  height: 100vh;\n  cursor: copy;\n}\n\n.core-module_rbgcpControlInput__1HtU0 {\n  height: 24px;\n  border-radius: 4px;\n  border: none;\n  outline: none;\n  text-align: center;\n  width: 34px;\n  font-weight: 500;\n  color: rgb(50, 49, 54);\n  font-size: 13px;\n  background: transparent;\n  box-sizing: border-box;\n}\n\n.core-module_rbgcpInputLabel__PM2t0 {\n  text-align: center;\n  line-height: 1.2;\n  font-weight: 700;\n  color: rgb(86, 86, 86);\n  font-size: 11px;\n}\n\n.core-module_rbgcpInput__A5enE {\n  height: 32px;\n  border-radius: 6px;\n  border: 1px solid #bebebe;\n  width: 100%;\n  padding: 2px;\n  outline: none;\n  color: black;\n  font-weight: 400;\n  text-align: center;\n  box-sizing: border-box;\n}\n\n.core-module_rbgcpHandle__2hfny {\n  position: absolute;\n  border: 2px solid white;\n  border-radius: 50%;\n  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);\n  width: 18px;\n  height: 18px;\n  z-index: 1000;\n  transition: all 10ms linear;\n  box-sizing: border-box;\n}\n\n.core-module_rbgcpCanvasWrapper__138_2 {\n  border-radius: 6px;\n  overflow: hidden;\n  height: 294px;\n}\n\n.core-module_rbgcpCheckered__Zj2xQ {\n  background: linear-gradient(\n      45deg,\n      rgba(0, 0, 0, 0.18) 25%,\n      transparent 25%,\n      transparent 75%,\n      rgba(0, 0, 0, 0.18) 75%,\n      rgba(0, 0, 0, 0.18) 0\n    ),\n    linear-gradient(\n      45deg,\n      rgba(0, 0, 0, 0.18) 25%,\n      transparent 25%,\n      transparent 75%,\n      rgba(0, 0, 0, 0.18) 75%,\n      rgba(0, 0, 0, 0.18) 0\n    ),\n    white;\n  background-repeat: repeat, repeat;\n  background-position:\n    0px 0,\n    7px 7px;\n  transform-origin: 0 0 0;\n  background-origin: padding-box, padding-box;\n  background-clip: border-box, border-box;\n  background-size:\n    14px 14px,\n    14px 14px;\n  box-shadow: none;\n  text-shadow: none;\n  transition: none;\n  transform: scaleX(1) scaleY(1) scaleZ(1);\n  border-radius: 10px;\n}\n\n.core-module_rbgcpOpacityOverlay__3wzNT {\n  position: absolute;\n  left: 0px;\n  top: 0px;\n  width: 100%;\n  height: 100%;\n  border-radius: 10px;\n}\n\n.core-module_rbgcpGradientHandleWrap__2uFkJ {\n  position: absolute;\n  z-index: 10000;\n  top: -2px;\n  outline: none;\n}\n\n.core-module_rbgcpGradientHandle__28d4H {\n  border: 2px solid white;\n  border-radius: 50%;\n  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);\n  width: 18px;\n  height: 18px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n}\n\n.core-module_rbgcpControlIcon2__8p892 {\n  fill: #323136;\n}\n\n.core-module_rbgcpControlBtnSelected__1uBZ6 {\n  background: white;\n  color: #568cf5;\n  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);\n}\n\n.core-module_rbgcpComparibleLabel__LjS5G {\n  color: #323136;\n}\n\n@media (prefers-color-scheme: dark) {\n  .core-module_rbgcpInputLabel__PM2t0 {\n    color: rgb(212, 212, 212);\n  }\n  .core-module_rbgcpControlBtnWrapper__2D0CM {\n    background: rgb(54, 54, 54);\n  }\n  .core-module_rbgcpInput__A5enE {\n    border: none;\n    color: white;\n    background: rgb(54, 54, 54);\n  }\n  .core-module_rbgcpControlBtn__1SRcA {\n    color: rgb(212, 212, 212);\n  }\n  .core-module_rbgcpControlIcon__3qRB_ {\n    stroke: rgb(212, 212, 212);\n  }\n  .core-module_rbgcpControlIcon2__8p892 {\n    fill: rgb(212, 212, 212);\n  }\n  .core-module_rbgcpControlInput__1HtU0 {\n    color: white;\n  }\n  .core-module_rbgcpControlBtnSelected__1uBZ6 {\n    background: black;\n    color: #568cf5;\n  }\n  .core-module_rbgcpDegreeIcon__1ohsU {\n    color: rgb(212, 212, 212);\n  }\n  .core-module_rbgcpColorModelDropdown__1jpJ7 {\n    background: rgb(32, 32, 32);\n  }\n  .core-module_rbgcpComparibleLabel__LjS5G {\n    color: rgb(212, 212, 212);\n  }\n}\n";
+var coreCss = {"ac":"core-module_ac__37gse","jc":"core-module_jc__3E6-q","jsb":"core-module_jsb__1jdaj","psRl":"core-module_psRl__2LDR1","cResize":"core-module_cResize__2ZFf5","cCross":"core-module_cCross__1nX16","rbgcpControlBtn":"core-module_rbgcpControlBtn__1SRcA","rbgcpControlIcon":"core-module_rbgcpControlIcon__3qRB_","rbgcpControlIconBtn":"core-module_rbgcpControlIconBtn__2fRDy","rbgcpControlBtnWrapper":"core-module_rbgcpControlBtnWrapper__2D0CM","rbgcpColorModelDropdown":"core-module_rbgcpColorModelDropdown__1jpJ7","rbgcpEyedropperCover":"core-module_rbgcpEyedropperCover__3DsLX","rbgcpControlInput":"core-module_rbgcpControlInput__1HtU0","rbgcpInputLabel":"core-module_rbgcpInputLabel__PM2t0","rbgcpInput":"core-module_rbgcpInput__A5enE","rbgcpHandle":"core-module_rbgcpHandle__2hfny","rbgcpCanvasWrapper":"core-module_rbgcpCanvasWrapper__138_2","rbgcpCheckered":"core-module_rbgcpCheckered__Zj2xQ","rbgcpOpacityOverlay":"core-module_rbgcpOpacityOverlay__3wzNT","rbgcpGradientHandleWrap":"core-module_rbgcpGradientHandleWrap__2uFkJ","rbgcpGradientHandle":"core-module_rbgcpGradientHandle__28d4H","rbgcpControlIcon2":"core-module_rbgcpControlIcon2__8p892","rbgcpControlBtnSelected":"core-module_rbgcpControlBtnSelected__1uBZ6","rbgcpComparibleLabel":"core-module_rbgcpComparibleLabel__LjS5G","rbgcpDegreeIcon":"core-module_rbgcpDegreeIcon__1ohsU"};
+styleInject(css_248z);
+
+export default coreCss;
+//# sourceMappingURL=core.module.css.js.map

package/build/esm/external/react-best-gradient-color-picker/dist/esm/core.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/external/react-best-gradient-color-picker/dist/esm/hooks/useColorPicker.js

@@ -1,52 +1,31 @@
 import { useState, useEffect } from 'react';
+import { slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2, toConsumableArray as _toConsumableArray } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { config } from '../constants.js';
 import tinycolor from '../../../external/tinycolor2/tinycolor.js';
 import { getColors, formatInputValues, high, low } from '../utils/formatters.js';
 import { getDetails, getColorObj, isUpperCase } from '../utils/utils.js';
 import { rgb2cmyk } from '../utils/converters.js';
 
-var __assign = undefined && undefined.__assign || function () {
-  __assign = Object.assign || function (t) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
-
-      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-    }
-
-    return t;
-  };
-
-  return __assign.apply(this, arguments);
-};
-
-var __spreadArray = undefined && undefined.__spreadArray || function (to, from, pack) {
-  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-    if (ar || !(i in from)) {
-      if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-      ar[i] = from[i];
-    }
-  }
-  return to.concat(ar || Array.prototype.slice.call(from));
-};
 var defaultColor = config.defaultColor,
     defaultGradient = config.defaultGradient;
 var useColorPicker = function useColorPicker(value, onChange) {
   var colors = getColors(value);
 
-  var _a = getDetails(value),
-      degrees = _a.degrees,
-      degreeStr = _a.degreeStr,
-      isGradient = _a.isGradient,
-      gradientType = _a.gradientType;
+  var _getDetails = getDetails(value),
+      degrees = _getDetails.degrees,
+      degreeStr = _getDetails.degreeStr,
+      isGradient = _getDetails.isGradient,
+      gradientType = _getDetails.gradientType;
 
-  var _b = getColorObj(colors),
-      currentColor = _b.currentColor,
-      selectedColor = _b.selectedColor,
-      currentLeft = _b.currentLeft;
+  var _getColorObj = getColorObj(colors),
+      currentColor = _getColorObj.currentColor,
+      selectedColor = _getColorObj.selectedColor,
+      currentLeft = _getColorObj.currentLeft;
 
-  var _c = useState([]),
-      previousColors = _c[0],
-      setPreviousColors = _c[1];
+  var _useState = useState([]),
+      _useState2 = _slicedToArray(_useState, 2),
+      previousColors = _useState2[0],
+      setPreviousColors = _useState2[1];
 
   var getGradientObject = function getGradientObject() {
     if (value) {
@@ -56,10 +35,10 @@ var useColorPicker = function useColorPicker(value, onChange) {
           gradientType: gradientType,
           degrees: degreeStr,
           colors: colors === null || colors === void 0 ? void 0 : colors.map(function (c) {
-            var _a;
+            var _c$value;
 
-            return __assign(__assign({}, c), {
-              value: (_a = c.value) === null || _a === void 0 ? void 0 : _a.toLowerCase()
+            return _objectSpread2(_objectSpread2({}, c), {}, {
+              value: (_c$value = c.value) === null || _c$value === void 0 ? void 0 : _c$value.toLowerCase()
             });
           })
         };
@@ -69,10 +48,10 @@ var useColorPicker = function useColorPicker(value, onChange) {
           gradientType: null,
           degrees: null,
           colors: colors === null || colors === void 0 ? void 0 : colors.map(function (c) {
-            var _a;
+            var _c$value2;
 
-            return __assign(__assign({}, c), {
-              value: (_a = c.value) === null || _a === void 0 ? void 0 : _a.toLowerCase()
+            return _objectSpread2(_objectSpread2({}, c), {}, {
+              value: (_c$value2 = c.value) === null || _c$value2 === void 0 ? void 0 : _c$value2.toLowerCase()
             });
           })
         };
@@ -84,23 +63,23 @@ var useColorPicker = function useColorPicker(value, onChange) {
 
   var tiny = tinycolor(currentColor);
 
-  var _d = tiny.toRgb(),
-      r = _d.r,
-      g = _d.g,
-      b = _d.b,
-      a = _d.a;
+  var _tiny$toRgb = tiny.toRgb(),
+      r = _tiny$toRgb.r,
+      g = _tiny$toRgb.g,
+      b = _tiny$toRgb.b,
+      a = _tiny$toRgb.a;
 
-  var _e = tiny.toHsl(),
-      h = _e.h,
-      s = _e.s,
-      l = _e.l;
+  var _tiny$toHsl = tiny.toHsl(),
+      h = _tiny$toHsl.h,
+      s = _tiny$toHsl.s,
+      l = _tiny$toHsl.l;
 
   useEffect(function () {
-    var _a;
+    var _tc;
 
-    if (((_a = tinycolor(currentColor)) === null || _a === void 0 ? void 0 : _a.isValid()) && previousColors[0] !== currentColor) {
+    if ((_tc = tinycolor(currentColor)) !== null && _tc !== void 0 && _tc.isValid() && previousColors[0] !== currentColor) {
       // @ts-expect-error - currentColor type issue
-      setPreviousColors(__spreadArray([currentColor], previousColors.slice(0, 19), true));
+      setPreviousColors([currentColor].concat(_toConsumableArray(previousColors.slice(0, 19))));
     }
   }, [currentColor, previousColors]);
 
@@ -147,12 +126,10 @@ var useColorPicker = function useColorPicker(value, onChange) {
     var remaining = colors === null || colors === void 0 ? void 0 : colors.filter(function (c) {
       return !isUpperCase(c.value);
     });
-
-    var newColors = __spreadArray([{
+    var newColors = [{
       value: newColor.toUpperCase(),
       left: left || currentLeft
-    }], remaining, true);
-
+    }].concat(_toConsumableArray(remaining));
     createGradientStr(newColors);
   };
 
@@ -192,10 +169,10 @@ var useColorPicker = function useColorPicker(value, onChange) {
       l: l
     });
 
-    var _a = tinyNew.toRgb(),
-        r = _a.r,
-        g = _a.g,
-        b = _a.b;
+    var _tinyNew$toRgb = tinyNew.toRgb(),
+        r = _tinyNew$toRgb.r,
+        g = _tinyNew$toRgb.g,
+        b = _tinyNew$toRgb.b;
 
     handleChange("rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(a, ")"));
   };
@@ -208,10 +185,10 @@ var useColorPicker = function useColorPicker(value, onChange) {
       l: l
     });
 
-    var _a = tinyNew.toRgb(),
-        r = _a.r,
-        g = _a.g,
-        b = _a.b;
+    var _tinyNew$toRgb2 = tinyNew.toRgb(),
+        r = _tinyNew$toRgb2.r,
+        g = _tinyNew$toRgb2.g,
+        b = _tinyNew$toRgb2.b;
 
     handleChange("rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(a, ")"));
   };
@@ -224,13 +201,13 @@ var useColorPicker = function useColorPicker(value, onChange) {
       l: newVal / 100
     });
 
-    if (tinyNew === null || tinyNew === void 0 ? void 0 : tinyNew.isValid()) {
-      var _a = tinyNew.toRgb(),
-          r_1 = _a.r,
-          g_1 = _a.g,
-          b_1 = _a.b;
+    if (tinyNew !== null && tinyNew !== void 0 && tinyNew.isValid()) {
+      var _tinyNew$toRgb4 = tinyNew.toRgb(),
+          _r = _tinyNew$toRgb4.r,
+          _g = _tinyNew$toRgb4.g,
+          _b = _tinyNew$toRgb4.b;
 
-      handleChange("rgba(".concat(r_1, ", ").concat(g_1, ", ").concat(b_1, ", ").concat(a, ")"));
+      handleChange("rgba(".concat(_r, ", ").concat(_g, ", ").concat(_b, ", ").concat(a, ")"));
     } else {
       console.log('The new color was invalid, perhaps the lightness you passed in was a decimal? Please pass the new value between 0 - 100');
     }
@@ -249,11 +226,11 @@ var useColorPicker = function useColorPicker(value, onChange) {
   };
 
   var valueToCmyk = function valueToCmyk() {
-    var _a = rgb2cmyk(r, g, b),
-        c = _a.c,
-        m = _a.m,
-        y = _a.y,
-        k = _a.k;
+    var _rgb2cmyk = rgb2cmyk(r, g, b),
+        c = _rgb2cmyk.c,
+        m = _rgb2cmyk.m,
+        y = _rgb2cmyk.y,
+        k = _rgb2cmyk.k;
 
     return "cmyk(".concat(c, ", ").concat(m, ", ").concat(y, ", ").concat(k, ")");
   };
@@ -261,7 +238,7 @@ var useColorPicker = function useColorPicker(value, onChange) {
   var setSelectedPoint = function setSelectedPoint(index) {
     if (isGradient) {
       var newGradStr = colors === null || colors === void 0 ? void 0 : colors.map(function (cc, i) {
-        return __assign(__assign({}, cc), {
+        return _objectSpread2(_objectSpread2({}, cc), {}, {
           value: i === index ? high(cc) : low(cc)
         });
       });
@@ -272,15 +249,14 @@ var useColorPicker = function useColorPicker(value, onChange) {
   };
 
   var addPoint = function addPoint(left) {
-    var newColors = __spreadArray(__spreadArray([], colors.map(function (c) {
-      return __assign(__assign({}, c), {
+    var newColors = [].concat(_toConsumableArray(colors.map(function (c) {
+      return _objectSpread2(_objectSpread2({}, c), {}, {
         value: low(c)
       });
-    }), true), [{
+    })), [{
       value: currentColor,
       left: left
-    }], false);
-
+    }]);
     createGradientStr(newColors);
 
     if (!left) {
@@ -290,9 +266,9 @@ var useColorPicker = function useColorPicker(value, onChange) {
 
   var deletePoint = function deletePoint(index) {
     if ((colors === null || colors === void 0 ? void 0 : colors.length) > 2) {
-      var pointToDelete_1 = index || selectedColor;
+      var pointToDelete = index || selectedColor;
       var remaining = colors === null || colors === void 0 ? void 0 : colors.filter(function (rc, i) {
-        return i !== pointToDelete_1;
+        return i !== pointToDelete;
       });
       createGradientStr(remaining);
 

package/build/esm/external/react-best-gradient-color-picker/dist/esm/hooks/useColorPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA,sBAAsB,2CAA+C;AACrE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA,sBAAsB,2CAA+C;AACrE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/external/react-best-gradient-color-picker/dist/esm/hooks/usePaintHue.js

@@ -3,9 +3,9 @@ import tinycolor from '../../../external/tinycolor2/tinycolor.js';
 
 var usePaintHue = function usePaintHue(canvas, squareWidth) {
   useEffect(function () {
-    var _a;
+    var _canvas$current;
 
-    var ctx = (_a = canvas === null || canvas === void 0 ? void 0 : canvas.current) === null || _a === void 0 ? void 0 : _a.getContext('2d', {
+    var ctx = canvas === null || canvas === void 0 || (_canvas$current = canvas.current) === null || _canvas$current === void 0 ? void 0 : _canvas$current.getContext('2d', {
       willReadFrequently: true
     });
 
@@ -24,9 +24,9 @@ var usePaintHue = function usePaintHue(canvas, squareWidth) {
 };
 var usePaintSat = function usePaintSat(canvas, h, l, squareWidth) {
   useEffect(function () {
-    var _a;
+    var _canvas$current2;
 
-    var ctx = (_a = canvas === null || canvas === void 0 ? void 0 : canvas.current) === null || _a === void 0 ? void 0 : _a.getContext('2d', {
+    var ctx = canvas === null || canvas === void 0 || (_canvas$current2 = canvas.current) === null || _canvas$current2 === void 0 ? void 0 : _canvas$current2.getContext('2d', {
       willReadFrequently: true
     });
 
@@ -45,9 +45,9 @@ var usePaintSat = function usePaintSat(canvas, h, l, squareWidth) {
 };
 var usePaintLight = function usePaintLight(canvas, h, s, squareWidth) {
   useEffect(function () {
-    var _a;
+    var _canvas$current3;
 
-    var ctx = (_a = canvas === null || canvas === void 0 ? void 0 : canvas.current) === null || _a === void 0 ? void 0 : _a.getContext('2d', {
+    var ctx = canvas === null || canvas === void 0 || (_canvas$current3 = canvas.current) === null || _canvas$current3 === void 0 ? void 0 : _canvas$current3.getContext('2d', {
       willReadFrequently: true
     });
 
@@ -66,9 +66,9 @@ var usePaintLight = function usePaintLight(canvas, h, s, squareWidth) {
 };
 var usePaintBright = function usePaintBright(canvas, h, s, squareWidth) {
   useEffect(function () {
-    var _a;
+    var _canvas$current4;
 
-    var ctx = (_a = canvas === null || canvas === void 0 ? void 0 : canvas.current) === null || _a === void 0 ? void 0 : _a.getContext('2d', {
+    var ctx = canvas === null || canvas === void 0 || (_canvas$current4 = canvas.current) === null || _canvas$current4 === void 0 ? void 0 : _canvas$current4.getContext('2d', {
       willReadFrequently: true
     });
 

package/build/esm/external/react-best-gradient-color-picker/dist/esm/utils/converters.js

@@ -49,11 +49,11 @@ function rgb2cmyk(r, g, b) {
     k: computedK
   };
 }
-var cmykToRgb = function cmykToRgb(_a) {
-  var c = _a.c,
-      m = _a.m,
-      y = _a.y,
-      k = _a.k;
+var cmykToRgb = function cmykToRgb(_ref) {
+  var c = _ref.c,
+      m = _ref.m,
+      y = _ref.y,
+      k = _ref.k;
   var r = 255 * (1 - c) * (1 - k);
   var g = 255 * (1 - m) * (1 - k);
   var b = 255 * (1 - y) * (1 - k);

package/build/esm/external/react-best-gradient-color-picker/dist/esm/utils/formatters.js

@@ -23,9 +23,10 @@ var getColors = function getColors(value) {
     var obj = gradientParser(safeValue);
     return obj === null || obj === void 0 ? void 0 : obj.colorStops;
   } else {
-    var safeValue = value || defaultColor;
+    var _safeValue = value || defaultColor;
+
     return [{
-      value: safeValue
+      value: _safeValue
     }];
   }
 };

package/build/esm/external/react-best-gradient-color-picker/dist/esm/utils/formatters.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}