@dreamcommerce/aurora 2.25.0 → 2.25.1

package/build/cjs/external/react-best-gradient-color-picker/dist/esm/components/Square.js

@@ -18,33 +18,42 @@ 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 crossSize = constants.config.crossSize;
+
 var Square = function Square() {
   var _a = context.usePicker(),
-    hc = _a.hc,
-    defaultStyles = _a.defaultStyles,
-    squareWidth = _a.squareWidth,
-    squareHeight = _a.squareHeight,
-    handleChange = _a.handleChange;
+      hc = _a.hc,
+      defaultStyles = _a.defaultStyles,
+      squareWidth = _a.squareWidth,
+      squareHeight = _a.squareHeight,
+      handleChange = _a.handleChange;
+
   var _b = React.useState(false),
-    dragging = _b[0],
-    setDragging = _b[1];
+      dragging = _b[0],
+      setDragging = _b[1];
+
   var canvas = React.useRef(null);
+
   var _c = utils.computeSquareXY(hc === null || hc === void 0 ? void 0 : hc.s, (hc === null || hc === void 0 ? void 0 : hc.v) * 100, squareWidth, squareHeight),
-    x = _c[0],
-    y = _c[1];
+      x = _c[0],
+      y = _c[1];
+
   var _d = React.useState({
-      x: x,
-      y: y
-    }),
-    dragPos = _d[0],
-    setDragPos = _d[1];
+    x: x,
+    y: y
+  }),
+      dragPos = _d[0],
+      setDragPos = _d[1];
+
   usePaintSquare['default'](canvas, hc === null || hc === void 0 ? void 0 : hc.h, squareWidth, squareHeight);
   React.useEffect(function () {
     if (!dragging) {
@@ -54,11 +63,13 @@ var Square = function Square() {
       });
     }
   }, [x, y]);
+
   var handleColor = function handleColor(e) {
     var onMouseMove = index['default'](function () {
       var _a = utils.computePickerPosition(e),
-        x = _a[0],
-        y = _a[1];
+          x = _a[0],
+          y = _a[1];
+
       if (x && y) {
         var x1 = Math.min(x + crossSize / 2, squareWidth - 1);
         var y1 = Math.min(y + crossSize / 2, squareHeight - 1);
@@ -74,36 +85,43 @@ var Square = function Square() {
     }, 250);
     onMouseMove();
   };
+
   var stopDragging = function stopDragging() {
     setDragging(false);
   };
+
   var handleMove = function handleMove(e) {
     if (dragging) {
       handleColor(e);
     }
-  };
-  // const handleTouchMove = (e: any) => {
+  }; // const handleTouchMove = (e: any) => {
   //   if (dragging && isMobile) {
   //     document.body.style.overflow = 'hidden'
   //     handleColor(e)
   //   }
   // }
+
+
   var handleClick = function handleClick(e) {
     if (!dragging) {
       handleColor(e);
     }
   };
+
   var handleMouseDown = function handleMouseDown() {
     setDragging(true);
   };
+
   var handleCanvasDown = function handleCanvasDown(e) {
     setDragging(true);
     handleColor(e);
   };
+
   React.useEffect(function () {
     var handleUp = function handleUp() {
       stopDragging();
     };
+
     window.addEventListener('mouseup', handleUp);
     return function () {
       window.removeEventListener('mouseup', handleUp);

package/build/cjs/external/react-best-gradient-color-picker/dist/esm/components/Square.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,wBAAwB,2CAA+C;AACvE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,wBAAwB,2CAA+C;AACvE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/cjs/external/react-best-gradient-color-picker/dist/esm/components/icon.js

@@ -13,12 +13,16 @@ 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 TrashIcon = function TrashIcon() {
   var defaultStyles = context.usePicker().defaultStyles;
   var styles = {

package/build/cjs/external/react-best-gradient-color-picker/dist/esm/components/icon.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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/cjs/external/react-best-gradient-color-picker/dist/esm/context.js

@@ -15,12 +15,16 @@ 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)) {
@@ -33,34 +37,41 @@ var __spreadArray = undefined && undefined.__spreadArray || function (to, from,
 var PickerContext = /*#__PURE__*/React.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;
+      children = _a.children,
+      onChange = _a.onChange,
+      squareWidth = _a.squareWidth,
+      hideOpacity = _a.hideOpacity,
+      squareHeight = _a.squareHeight,
+      defaultStyles = _a.defaultStyles;
   var colors = formatters.getColors(value);
+
   var _b = utils.getDetails(value),
-    degrees = _b.degrees,
-    degreeStr = _b.degreeStr,
-    isGradient = _b.isGradient,
-    gradientType = _b.gradientType;
+      degrees = _b.degrees,
+      degreeStr = _b.degreeStr,
+      isGradient = _b.isGradient,
+      gradientType = _b.gradientType;
+
   var _c = utils.getColorObj(colors),
-    currentColor = _c.currentColor,
-    selectedColor = _c.selectedColor,
-    currentLeft = _c.currentLeft;
+      currentColor = _c.currentColor,
+      selectedColor = _c.selectedColor,
+      currentLeft = _c.currentLeft;
+
   var _d = React.useState('rgb'),
-    inputType = _d[0],
-    setInputType = _d[1];
+      inputType = _d[0],
+      setInputType = _d[1];
+
   var _e = React.useState({}),
-    previous = _e[0],
-    setPrevious = _e[1];
+      previous = _e[0],
+      setPrevious = _e[1];
+
   var tinyColor = tinycolor['default'](currentColor);
   var rgba = tinyColor.toRgb();
   var hsv = tinyColor.toHsv();
+
   var _f = React.useState(__assign(__assign({}, rgba), hsv)),
-    hc = _f[0],
-    setHc = _f[1];
+      hc = _f[0],
+      setHc = _f[1];
+
   React.useEffect(function () {
     if ((hsv === null || hsv === void 0 ? void 0 : hsv.s) === 0) {
       setHc(__assign(__assign(__assign({}, rgba), hsv), {
@@ -68,9 +79,10 @@ function PickerContextWrapper(_a) {
       }));
     } else {
       setHc(__assign(__assign({}, rgba), hsv));
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    } // eslint-disable-next-line react-hooks/exhaustive-deps
+
   }, [currentColor]);
+
   var createGradientStr = function createGradientStr(newColors) {
     var sorted = newColors.sort(function (a, b) {
       return a.left - b.left;
@@ -84,16 +96,20 @@ function PickerContextWrapper(_a) {
     }));
     onChange(newGrade);
   };
+
   var handleGradient = function handleGradient(newColor, left) {
     var remaining = colors === null || colors === void 0 ? void 0 : colors.filter(function (c) {
       return !utils.isUpperCase(c.value);
     });
+
     var newColors = __spreadArray([{
       value: newColor.toUpperCase(),
       left: left !== null && left !== void 0 ? left : currentLeft
     }], remaining, true);
+
     createGradientStr(newColors);
   };
+
   var handleChange = function handleChange(newColor) {
     if (isGradient) {
       handleGradient(newColor);
@@ -104,6 +120,7 @@ function PickerContextWrapper(_a) {
       onChange(newColor);
     }
   };
+
   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) {
@@ -117,6 +134,7 @@ function PickerContextWrapper(_a) {
       createGradientStr(remaining);
     }
   };
+
   var pickerContext = {
     hc: hc,
     setHc: setHc,
@@ -148,9 +166,11 @@ function PickerContextWrapper(_a) {
 }
 function usePicker() {
   var pickerContext = React.useContext(PickerContext);
+
   if (!pickerContext) {
     throw new Error('usePicker has to be used within <PickerContext.Provider>');
   }
+
   return pickerContext;
 }
 

package/build/cjs/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;AACA;AACA;AACA;AACA,wBAAwB,wCAA4C;AACpE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,wBAAwB,wCAA4C;AACpE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/cjs/external/react-best-gradient-color-picker/dist/esm/hooks/useColorPicker.js

@@ -13,12 +13,16 @@ 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)) {
@@ -29,21 +33,25 @@ var __spreadArray = undefined && undefined.__spreadArray || function (to, from,
   return to.concat(ar || Array.prototype.slice.call(from));
 };
 var defaultColor = constants.config.defaultColor,
-  defaultGradient = constants.config.defaultGradient;
+    defaultGradient = constants.config.defaultGradient;
 var useColorPicker = function useColorPicker(value, onChange) {
   var colors = formatters.getColors(value);
+
   var _a = utils.getDetails(value),
-    degrees = _a.degrees,
-    degreeStr = _a.degreeStr,
-    isGradient = _a.isGradient,
-    gradientType = _a.gradientType;
+      degrees = _a.degrees,
+      degreeStr = _a.degreeStr,
+      isGradient = _a.isGradient,
+      gradientType = _a.gradientType;
+
   var _b = utils.getColorObj(colors),
-    currentColor = _b.currentColor,
-    selectedColor = _b.selectedColor,
-    currentLeft = _b.currentLeft;
+      currentColor = _b.currentColor,
+      selectedColor = _b.selectedColor,
+      currentLeft = _b.currentLeft;
+
   var _c = React.useState([]),
-    previousColors = _c[0],
-    setPreviousColors = _c[1];
+      previousColors = _c[0],
+      setPreviousColors = _c[1];
+
   var getGradientObject = function getGradientObject() {
     if (value) {
       if (isGradient) {
@@ -53,6 +61,7 @@ var useColorPicker = function useColorPicker(value, onChange) {
           degrees: degreeStr,
           colors: colors === null || colors === void 0 ? void 0 : colors.map(function (c) {
             var _a;
+
             return __assign(__assign({}, c), {
               value: (_a = c.value) === null || _a === void 0 ? void 0 : _a.toLowerCase()
             });
@@ -65,6 +74,7 @@ var useColorPicker = function useColorPicker(value, onChange) {
           degrees: null,
           colors: colors === null || colors === void 0 ? void 0 : colors.map(function (c) {
             var _a;
+
             return __assign(__assign({}, c), {
               value: (_a = c.value) === null || _a === void 0 ? void 0 : _a.toLowerCase()
             });
@@ -75,46 +85,58 @@ var useColorPicker = function useColorPicker(value, onChange) {
       console.log('RBGCP ERROR - YOU MUST PASS A VALUE AND CALLBACK TO THE useColorPicker HOOK');
     }
   };
+
   var tiny = tinycolor['default'](currentColor);
+
   var _d = tiny.toRgb(),
-    r = _d.r,
-    g = _d.g,
-    b = _d.b,
-    a = _d.a;
+      r = _d.r,
+      g = _d.g,
+      b = _d.b,
+      a = _d.a;
+
   var _e = tiny.toHsl(),
-    h = _e.h,
-    s = _e.s,
-    l = _e.l;
+      h = _e.h,
+      s = _e.s,
+      l = _e.l;
+
   React.useEffect(function () {
     var _a;
+
     if (((_a = tinycolor['default'](currentColor)) === null || _a === void 0 ? void 0 : _a.isValid()) && previousColors[0] !== currentColor) {
       // @ts-expect-error - currentColor type issue
       setPreviousColors(__spreadArray([currentColor], previousColors.slice(0, 19), true));
     }
   }, [currentColor, previousColors]);
+
   var setLinear = function setLinear() {
     var remaining = value.split(/,(.+)/)[1];
     onChange("linear-gradient(90deg, ".concat(remaining));
   };
+
   var setRadial = function setRadial() {
     var remaining = value.split(/,(.+)/)[1];
     onChange("radial-gradient(circle, ".concat(remaining));
   };
+
   var setDegrees = function setDegrees(newDegrees) {
     var remaining = value.split(/,(.+)/)[1];
     onChange("linear-gradient(".concat(formatters.formatInputValues(newDegrees, 0, 360), "deg, ").concat(remaining));
+
     if (gradientType !== 'linear-gradient') {
       console.log('Warning: you are updating degrees when the gradient type is not linear. This will change the gradients type which may be undesired');
     }
   };
+
   var setSolid = function setSolid(startingColor) {
     var newValue = startingColor || defaultColor;
     onChange(newValue);
   };
+
   var setGradient = function setGradient(startingGradiant) {
     var newValue = startingGradiant || defaultGradient;
     onChange(newValue);
   };
+
   var createGradientStr = function createGradientStr(newColors) {
     var sorted = newColors.sort(function (a, b) {
       return a.left - b.left;
@@ -124,16 +146,20 @@ var useColorPicker = function useColorPicker(value, onChange) {
     });
     onChange("".concat(gradientType, "(").concat(degreeStr, ", ").concat(colorString.join(', '), ")"));
   };
+
   var handleGradient = function handleGradient(newColor, left) {
     var remaining = colors === null || colors === void 0 ? void 0 : colors.filter(function (c) {
       return !utils.isUpperCase(c.value);
     });
+
     var newColors = __spreadArray([{
       value: newColor.toUpperCase(),
       left: left || currentLeft
     }], remaining, true);
+
     createGradientStr(newColors);
   };
+
   var handleChange = function handleChange(newColor) {
     if (isGradient) {
       handleGradient(newColor);
@@ -141,22 +167,27 @@ var useColorPicker = function useColorPicker(value, onChange) {
       onChange(newColor);
     }
   };
+
   var setR = function setR(newR) {
     var newVal = formatters.formatInputValues(newR, 0, 255);
     handleChange("rgba(".concat(newVal, ", ").concat(g, ", ").concat(b, ", ").concat(a, ")"));
   };
+
   var setG = function setG(newG) {
     var newVal = formatters.formatInputValues(newG, 0, 255);
     handleChange("rgba(".concat(r, ", ").concat(newVal, ", ").concat(b, ", ").concat(a, ")"));
   };
+
   var setB = function setB(newB) {
     var newVal = formatters.formatInputValues(newB, 0, 255);
     handleChange("rgba(".concat(r, ", ").concat(g, ", ").concat(newVal, ", ").concat(a, ")"));
   };
+
   var setA = function setA(newA) {
     var newVal = formatters.formatInputValues(newA, 0, 100);
     handleChange("rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(newVal / 100, ")"));
   };
+
   var setHue = function setHue(newHue) {
     var newVal = formatters.formatInputValues(newHue, 0, 360);
     var tinyNew = tinycolor['default']({
@@ -164,12 +195,15 @@ var useColorPicker = function useColorPicker(value, onChange) {
       s: s,
       l: l
     });
+
     var _a = tinyNew.toRgb(),
-      r = _a.r,
-      g = _a.g,
-      b = _a.b;
+        r = _a.r,
+        g = _a.g,
+        b = _a.b;
+
     handleChange("rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(a, ")"));
   };
+
   var setSaturation = function setSaturation(newSat) {
     var newVal = formatters.formatInputValues(newSat, 0, 100);
     var tinyNew = tinycolor['default']({
@@ -177,12 +211,15 @@ var useColorPicker = function useColorPicker(value, onChange) {
       s: newVal / 100,
       l: l
     });
+
     var _a = tinyNew.toRgb(),
-      r = _a.r,
-      g = _a.g,
-      b = _a.b;
+        r = _a.r,
+        g = _a.g,
+        b = _a.b;
+
     handleChange("rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(a, ")"));
   };
+
   var setLightness = function setLightness(newLight) {
     var newVal = formatters.formatInputValues(newLight, 0, 100);
     var tinyNew = tinycolor['default']({
@@ -190,33 +227,41 @@ var useColorPicker = function useColorPicker(value, onChange) {
       s: s,
       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;
+          r_1 = _a.r,
+          g_1 = _a.g,
+          b_1 = _a.b;
+
       handleChange("rgba(".concat(r_1, ", ").concat(g_1, ", ").concat(b_1, ", ").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');
     }
   };
+
   var valueToHSL = function valueToHSL() {
     return tiny.toHslString();
   };
+
   var valueToHSV = function valueToHSV() {
     return tiny.toHsvString();
   };
+
   var valueToHex = function valueToHex() {
     return tiny.toHexString();
   };
+
   var valueToCmyk = function valueToCmyk() {
     var _a = converters.rgb2cmyk(r, g, b),
-      c = _a.c,
-      m = _a.m,
-      y = _a.y,
-      k = _a.k;
+        c = _a.c,
+        m = _a.m,
+        y = _a.y,
+        k = _a.k;
+
     return "cmyk(".concat(c, ", ").concat(m, ", ").concat(y, ", ").concat(k, ")");
   };
+
   var setSelectedPoint = function setSelectedPoint(index) {
     if (isGradient) {
       var newGradStr = colors === null || colors === void 0 ? void 0 : colors.map(function (cc, i) {
@@ -229,6 +274,7 @@ var useColorPicker = function useColorPicker(value, onChange) {
       console.log('This function is only relevant when the picker is in gradient mode');
     }
   };
+
   var addPoint = function addPoint(left) {
     var newColors = __spreadArray(__spreadArray([], colors.map(function (c) {
       return __assign(__assign({}, c), {
@@ -238,11 +284,14 @@ var useColorPicker = function useColorPicker(value, onChange) {
       value: currentColor,
       left: left
     }], false);
+
     createGradientStr(newColors);
+
     if (!left) {
       console.log('You did not pass a stop value (left amount) for the new color point so it defaulted to 50');
     }
   };
+
   var deletePoint = function deletePoint(index) {
     if ((colors === null || colors === void 0 ? void 0 : colors.length) > 2) {
       var pointToDelete_1 = index || selectedColor;
@@ -250,6 +299,7 @@ var useColorPicker = function useColorPicker(value, onChange) {
         return i !== pointToDelete_1;
       });
       createGradientStr(remaining);
+
       if (!index) {
         console.log('You did not pass in the index of the point you wanted to delete so the function default to the currently selected point');
       }
@@ -257,9 +307,11 @@ var useColorPicker = function useColorPicker(value, onChange) {
       console.log('A gradient must have atleast two colors, disable your delete button when necessary');
     }
   };
+
   var setPointLeft = function setPointLeft(left) {
     handleGradient(currentColor, formatters.formatInputValues(left, 0, 100));
   };
+
   var rgbaArr = [r, g, b, a];
   var hslArr = [h, s, l];
   return {

package/build/cjs/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;AACA;AACA;AACA;AACA,wBAAwB,2CAA+C;AACvE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,wBAAwB,2CAA+C;AACvE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/cjs/external/react-best-gradient-color-picker/dist/esm/hooks/usePaintHue.js

@@ -8,15 +8,19 @@ require('../../../external/tinycolor2/tinycolor.js');
 var usePaintHue = function usePaintHue(canvas, squareWidth) {
   React.useEffect(function () {
     var _a;
+
     var ctx = (_a = canvas === null || canvas === void 0 ? void 0 : canvas.current) === null || _a === void 0 ? void 0 : _a.getContext('2d', {
       willReadFrequently: true
     });
+
     if (ctx) {
       ctx.rect(0, 0, squareWidth, 14);
       var gradient = ctx.createLinearGradient(0, 0, squareWidth, 0);
+
       for (var i = 0; i <= 360; i += 30) {
         gradient.addColorStop(i / 360, "hsl(".concat(i, ", 100%, 50%)"));
       }
+
       ctx.fillStyle = gradient;
       ctx.fill();
     }

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,QAAQ,2CAA+C;AACvD;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,QAAQ,2CAA+C;AACvD;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/cjs/external/react-best-gradient-color-picker/dist/esm/hooks/usePaintSquare.js

@@ -10,6 +10,7 @@ var usePaintSquare = function usePaintSquare(canvas, hue, squareWidth, squareHei
       var ctx = canvas.current.getContext('2d', {
         willReadFrequently: true
       });
+
       if (ctx) {
         ctx.fillStyle = "hsl(".concat(hue, ", 100%, 50%)");
         ctx.fillRect(0, 0, squareWidth, squareHeight);

package/build/cjs/external/react-best-gradient-color-picker/dist/esm/hooks/usePaintSquare.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;"}
+{"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;"}