@dreamcommerce/aurora 2.23.8 → 2.25.0-1

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

@@ -18,42 +18,33 @@ 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) {
@@ -63,13 +54,11 @@ 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);
@@ -85,43 +74,36 @@ 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;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;"}

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

@@ -13,16 +13,12 @@ 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;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;"}

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

@@ -15,16 +15,12 @@ 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)) {
@@ -37,41 +33,34 @@ 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), {
@@ -79,10 +68,9 @@ 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;
@@ -96,20 +84,16 @@ 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);
@@ -120,7 +104,6 @@ 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) {
@@ -134,7 +117,6 @@ function PickerContextWrapper(_a) {
       createGradientStr(remaining);
     }
   };
-
   var pickerContext = {
     hc: hc,
     setHc: setHc,
@@ -166,11 +148,9 @@ 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;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;"}

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

@@ -13,16 +13,12 @@ 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,25 +29,21 @@ 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) {
@@ -61,7 +53,6 @@ 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()
             });
@@ -74,7 +65,6 @@ 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()
             });
@@ -85,58 +75,46 @@ 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;
@@ -146,20 +124,16 @@ 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);
@@ -167,27 +141,22 @@ 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']({
@@ -195,15 +164,12 @@ 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']({
@@ -211,15 +177,12 @@ 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']({
@@ -227,41 +190,33 @@ 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) {
@@ -274,7 +229,6 @@ 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), {
@@ -284,14 +238,11 @@ 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;
@@ -299,7 +250,6 @@ 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');
       }
@@ -307,11 +257,9 @@ 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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;"}

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

@@ -8,19 +8,15 @@ 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;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;"}

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

@@ -10,7 +10,6 @@ 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;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;"}