@dreamcommerce/aurora 2.20.7 → 2.21.0-1

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

@@ -1,151 +0,0 @@
-import React, { useState } from 'react';
-import { slicedToArray as _slicedToArray } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import tinycolor from '../../../external/tinycolor2/tinycolor.js';
-import { usePicker } from '../context.js';
-import Portal from './Portal.js';
-import html2canvas from '../../../../html2canvas/dist/html2canvas.esm.js';
-import { controlBtnStyles } from './Controls.js';
-
-var DropperIcon = function DropperIcon(_ref) {
-  var color = _ref.color;
-
-  var _usePicker = usePicker(),
-      classes = _usePicker.classes;
-
-  var col = color || '';
-  var style1 = {
-    fill: 'none',
-    stroke: col,
-    strokeWidth: '1.4px'
-  };
-  var style2 = {
-    fill: col,
-    stroke: col,
-    strokeWidth: '1.4px'
-  };
-  return /*#__PURE__*/React.createElement("svg", {
-    id: "Layer_1",
-    "data-name": "Layer 1",
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 20 20",
-    style: {
-      width: 16
-    }
-  }, /*#__PURE__*/React.createElement("path", {
-    style: style1,
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    className: classes.rbgcpControlIcon,
-    d: "M15.6,7h0L7.78,14.86c-.37.37-1.61.38-2,.75s-.5,1.53-.76,2a3.53,3.53,0,0,1-.52.52,1.6,1.6,0,0,1-2.27-.06l-.32-.32a1.61,1.61,0,0,1-.06-2.27A3.25,3.25,0,0,1,2.4,15c.47-.26,1.65-.35,2-.73s.34-1.64.71-2c1.68-1.73,5.61-5.65,7.91-7.93h0l1.14,1.38L15.6,7Z"
-  }), /*#__PURE__*/React.createElement("polygon", {
-    style: style2,
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    className: classes.rbgcpControlIcon2,
-    points: "15.7 8.87 11.13 4.29 12.69 2.73 17.25 7.31 15.7 8.87"
-  }), /*#__PURE__*/React.createElement("path", {
-    style: style2,
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    className: classes.rbgcpControlIcon2,
-    d: "M18.18,3.71,16.36,5.53a1.33,1.33,0,0,1-1.88,0h0a1.34,1.34,0,0,1,0-1.89l1.81-1.82a1.34,1.34,0,0,1,1.89,0h0A1.34,1.34,0,0,1,18.18,3.71Z"
-  }));
-};
-
-var Dropper = function Dropper(_ref2) {
-  var onSelect = _ref2.onSelect;
-
-  var _usePicker2 = usePicker(),
-      classes = _usePicker2.classes;
-
-  var _useState = useState(null),
-      _useState2 = _slicedToArray(_useState, 2),
-      pickerCanvas = _useState2[0],
-      setPickerCanvas = _useState2[1];
-
-  var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      coverUp = _useState4[0],
-      setCoverUp = _useState4[1];
-
-  var takePick = function takePick() {
-    var root = document.getElementById('root');
-    setCoverUp(true); // @ts-expect-error some error with this imported packages types
-
-    html2canvas(root).then(function (canvas) {
-      var blankCanvas = document.createElement('canvas');
-      var ctx = blankCanvas.getContext('2d', {
-        willReadFrequently: true
-      });
-
-      if (root && ctx) {
-        blankCanvas.width = root.offsetWidth * 2;
-        blankCanvas.height = root.offsetHeight * 2;
-        ctx.drawImage(canvas, 0, 0);
-      }
-
-      setPickerCanvas(ctx);
-    });
-  };
-
-  var getColorLegacy = function getColorLegacy(e) {
-    e.stopPropagation();
-
-    if (pickerCanvas) {
-      var pageX = e.pageX,
-          pageY = e.pageY;
-      var x1 = pageX * 2;
-      var y1 = pageY * 2;
-
-      var _pickerCanvas$getImag2 = _slicedToArray(pickerCanvas.getImageData(x1, y1, 1, 1).data, 3),
-          r = _pickerCanvas$getImag2[0],
-          g = _pickerCanvas$getImag2[1],
-          b = _pickerCanvas$getImag2[2];
-
-      onSelect("rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", 1)"));
-    }
-
-    setCoverUp(false);
-  };
-
-  var getEyeDrop = function getEyeDrop() {
-    // @ts-expect-error - ts does not evaluate for window.EyeDropper
-    if (!window.EyeDropper) {
-      takePick();
-    } else {
-      // @ts-expect-error - ts does not evaluate for window.EyeDropper
-      var eyeDropper = new window.EyeDropper();
-      var abortController = new window.AbortController();
-      eyeDropper.open({
-        signal: abortController.signal
-      }).then(function (result) {
-        var tinyHex = tinycolor(result.sRGBHex);
-
-        var _tinyHex$toRgb = tinyHex.toRgb(),
-            r = _tinyHex$toRgb.r,
-            g = _tinyHex$toRgb.g,
-            b = _tinyHex$toRgb.b;
-
-        onSelect("rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", 1)"));
-      }).catch(function (e) {
-        console.log(e);
-      });
-    }
-  };
-
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-    onClick: getEyeDrop,
-    id: "rbgcp-eyedropper-btn",
-    className: "".concat(controlBtnStyles(coverUp, classes), " ").concat(classes.rbgcpEyedropperBtn)
-  }, /*#__PURE__*/React.createElement(DropperIcon, {
-    color: coverUp ? 'rgb(86, 140, 245)' : ''
-  })), coverUp && /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement("div", {
-    onClick: function onClick(e) {
-      return getColorLegacy(e);
-    },
-    className: classes.rbgcpEyedropperCover
-  })));
-};
-
-export default Dropper;
-//# sourceMappingURL=EyeDropper.js.map

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

@@ -1 +0,0 @@
-{"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;"}

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

@@ -1,208 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { slicedToArray as _slicedToArray, toConsumableArray as _toConsumableArray, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import { low, high } from '../utils/formatters.js';
-import { getHandleValue } from '../utils/utils.js';
-import { usePicker } from '../context.js';
-
-var handleStyle = function handleStyle(isSelected) {
-  return {
-    boxShadow: isSelected ? '0px 0px 5px 1px rgba(86, 140, 245,.95)' : '',
-    border: isSelected ? '2px solid white' : '2px solid rgba(255,255,255,.75)'
-  };
-};
-
-var Handle = function Handle(_ref) {
-  var left = _ref.left,
-      i = _ref.i,
-      setDragging = _ref.setDragging,
-      setInFocus = _ref.setInFocus;
-
-  var _usePicker = usePicker(),
-      colors = _usePicker.colors,
-      selectedColor = _usePicker.selectedColor,
-      squareWidth = _usePicker.squareWidth,
-      classes = _usePicker.classes,
-      createGradientStr = _usePicker.createGradientStr;
-
-  var isSelected = selectedColor === i;
-  var leftMultiplyer = (squareWidth - 18) / 100;
-
-  var setSelectedColor = function setSelectedColor(index) {
-    var newGradStr = colors === null || colors === void 0 ? void 0 : colors.map(function (cc, i) {
-      return _objectSpread2(_objectSpread2({}, cc), {}, {
-        value: i === index ? high(cc) : low(cc)
-      });
-    });
-    createGradientStr(newGradStr);
-  };
-
-  var handleDown = function handleDown(e) {
-    e.stopPropagation();
-    setSelectedColor(i);
-    setDragging(true);
-  };
-
-  var handleFocus = function handleFocus() {
-    // setInFocus('gpoint')
-    setSelectedColor(i);
-  };
-
-  var handleBlur = function handleBlur() {// setInFocus(null)
-  };
-
-  return /*#__PURE__*/React.createElement("div", {
-    tabIndex: 0,
-    onBlur: handleBlur,
-    onFocus: handleFocus,
-    id: "gradient-handle-".concat(i),
-    onMouseDown: function onMouseDown(e) {
-      return handleDown(e);
-    },
-    className: classes.rbgcpGradientHandleWrap,
-    style: {
-      left: (left || 0) * leftMultiplyer
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    style: handleStyle(isSelected),
-    className: classes.rbgcpGradientHandle
-  }, isSelected && /*#__PURE__*/React.createElement("div", {
-    style: {
-      width: 5,
-      height: 5,
-      borderRadius: '50%',
-      background: 'white'
-    }
-  })));
-};
-
-var GradientBar = function GradientBar() {
-  var _usePicker2 = usePicker(),
-      currentColor = _usePicker2.currentColor,
-      createGradientStr = _usePicker2.createGradientStr,
-      colors = _usePicker2.colors,
-      value = _usePicker2.value,
-      handleGradient = _usePicker2.handleGradient,
-      squareWidth = _usePicker2.squareWidth,
-      deletePoint = _usePicker2.deletePoint,
-      isGradient = _usePicker2.isGradient,
-      selectedColor = _usePicker2.selectedColor;
-
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      dragging = _useState2[0],
-      setDragging = _useState2[1];
-
-  var _useState3 = useState(null),
-      _useState4 = _slicedToArray(_useState3, 2),
-      inFocus = _useState4[0],
-      setInFocus = _useState4[1];
-
-  function force90degLinear(color) {
-    return color.replace(/(radial|linear)-gradient\([^,]+,/, 'linear-gradient(90deg,');
-  }
-
-  var addPoint = function addPoint(e) {
-    var _ref2;
-
-    var left = getHandleValue(e);
-    var newColors = (_ref2 = [].concat(_toConsumableArray(colors.map(function (c) {
-      return _objectSpread2(_objectSpread2({}, c), {}, {
-        value: low(c)
-      });
-    })), [{
-      value: currentColor,
-      left: left
-    }])) === null || _ref2 === void 0 ? void 0 : _ref2.sort(function (a, b) {
-      return a.left - b.left;
-    });
-    createGradientStr(newColors);
-  };
-
-  useEffect(function () {
-    var _window;
-
-    var selectedEl = (_window = window) === null || _window === void 0 || (_window = _window.document) === null || _window === void 0 ? void 0 : _window.getElementById("gradient-handle-".concat(selectedColor));
-
-    if (selectedEl) {
-      selectedEl.focus();
-    }
-  }, [selectedColor]);
-
-  var stopDragging = function stopDragging() {
-    setDragging(false);
-  };
-
-  var handleDown = function handleDown(e) {
-    if (!dragging) {
-      addPoint(e);
-      setDragging(true);
-    }
-  };
-
-  var handleMove = function handleMove(e) {
-    if (dragging) {
-      handleGradient(currentColor, getHandleValue(e));
-    }
-  };
-
-  var handleKeyboard = function handleKeyboard(e) {
-    if (isGradient) {
-      if (e.keyCode === 8) {
-        if (inFocus === 'gpoint') {
-          deletePoint();
-        }
-      }
-    }
-  };
-
-  var handleUp = function handleUp() {
-    stopDragging();
-  };
-
-  useEffect(function () {
-    var _window2;
-
-    window.addEventListener('mouseup', handleUp);
-    (_window2 = window) === null || _window2 === void 0 || _window2.addEventListener('keydown', handleKeyboard);
-    return function () {
-      var _window3;
-
-      window.removeEventListener('mouseup', handleUp);
-      (_window3 = window) === null || _window3 === void 0 || _window3.removeEventListener('keydown', handleKeyboard);
-    };
-  });
-  return /*#__PURE__*/React.createElement("div", {
-    style: {
-      width: '100%',
-      marginTop: 17,
-      marginBottom: 4,
-      position: 'relative'
-    },
-    id: "gradient-bar"
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      width: squareWidth,
-      height: 14,
-      backgroundImage: force90degLinear(value),
-      borderRadius: 10
-    },
-    onMouseDown: function onMouseDown(e) {
-      return handleDown(e);
-    },
-    onMouseMove: function onMouseMove(e) {
-      return handleMove(e);
-    }
-  }), colors === null || colors === void 0 ? void 0 : colors.map(function (c, i) {
-    return /*#__PURE__*/React.createElement(Handle, {
-      i: i,
-      left: c.left,
-      key: "".concat(i, "-").concat(c),
-      setInFocus: setInFocus,
-      setDragging: setDragging
-    });
-  }));
-};
-
-export default GradientBar;
-export { Handle };
-//# sourceMappingURL=GradientBar.js.map

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

@@ -1,162 +0,0 @@
-import React from 'react';
-import { objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import { formatInputValues, high, low } from '../utils/formatters.js';
-import { usePicker } from '../context.js';
-import TrashIcon, { LinearIcon, RadialIcon, StopIcon, DegreesIcon } from './icon.js';
-import { controlBtnStyles } from './Controls.js';
-
-var GradientType = function GradientType() {
-  var _usePicker = usePicker(),
-      gradientType = _usePicker.gradientType,
-      onChange = _usePicker.onChange,
-      value = _usePicker.value,
-      classes = _usePicker.classes;
-
-  var isLinear = gradientType === 'linear-gradient';
-  var isRadial = gradientType === 'radial-gradient';
-
-  var handleLinear = function handleLinear() {
-    var remaining = value.split(/,(.+)/)[1];
-    onChange("linear-gradient(90deg, ".concat(remaining));
-  };
-
-  var handleRadial = function handleRadial() {
-    var remaining = value.split(/,(.+)/)[1];
-    onChange("radial-gradient(circle, ".concat(remaining));
-  };
-
-  return /*#__PURE__*/React.createElement("div", {
-    className: classes.rbgcpControlBtnWrapper
-  }, /*#__PURE__*/React.createElement("div", {
-    onClick: handleLinear,
-    id: "rbgcp-linear-btn",
-    className: "".concat(classes.rbgcpControlBtn, " ").concat(isLinear && classes.rbgcpControlBtnSelected)
-  }, /*#__PURE__*/React.createElement(LinearIcon, {
-    color: isLinear ? '#568CF5' : ''
-  })), /*#__PURE__*/React.createElement("div", {
-    onClick: handleRadial,
-    id: "rbgcp-radial-btn",
-    className: "".concat(classes.rbgcpControlBtn, " ").concat(isRadial && classes.rbgcpControlBtnSelected)
-  }, /*#__PURE__*/React.createElement(RadialIcon, {
-    color: isRadial ? '#568CF5' : ''
-  })));
-};
-
-var StopPicker = function StopPicker() {
-  var _usePicker2 = usePicker(),
-      classes = _usePicker2.classes,
-      currentLeft = _usePicker2.currentLeft,
-      handleGradient = _usePicker2.handleGradient,
-      currentColor = _usePicker2.currentColor;
-
-  var handleMove = function handleMove(newVal) {
-    handleGradient(currentColor, formatInputValues(parseInt(newVal), 0, 100));
-  };
-
-  return /*#__PURE__*/React.createElement("div", {
-    className: "".concat(classes.rbgcpControlBtnWrapper, " ").concat(classes.rbgcpControlInputWrap, " ").concat(classes.rbgcpStopInputWrap),
-    style: {
-      paddingLeft: 8
-    }
-  }, /*#__PURE__*/React.createElement(StopIcon, null), /*#__PURE__*/React.createElement("input", {
-    value: currentLeft,
-    id: "rbgcp-stop-input",
-    onChange: function onChange(e) {
-      return handleMove(e.target.value);
-    },
-    className: "".concat(classes.rbgcpControlInput, " ").concat(classes.rbgcpStopInput)
-  }));
-};
-
-var DegreePicker = function DegreePicker() {
-  var _usePicker3 = usePicker(),
-      classes = _usePicker3.classes,
-      degrees = _usePicker3.degrees,
-      onChange = _usePicker3.onChange,
-      value = _usePicker3.value;
-
-  var handleDegrees = function handleDegrees(e) {
-    var newValue = formatInputValues(e.target.value, 0, 360);
-    var remaining = value.split(/,(.+)/)[1];
-    onChange("linear-gradient(".concat(newValue || 0, "deg, ").concat(remaining));
-  };
-
-  return /*#__PURE__*/React.createElement("div", {
-    className: "".concat(classes.rbgcpControlBtnWrapper, " ").concat(classes.rbgcpControlInputWrap, " ").concat(classes.rbgcpDegreeInputWrap)
-  }, /*#__PURE__*/React.createElement(DegreesIcon, null), /*#__PURE__*/React.createElement("input", {
-    value: degrees,
-    id: "rbgcp-degree-input",
-    onChange: function onChange(e) {
-      return handleDegrees(e);
-    },
-    className: "".concat(classes.rbgcpControlInput, " ").concat(classes.rbgcpDegreeInput)
-  }), /*#__PURE__*/React.createElement("div", {
-    style: {
-      position: 'absolute',
-      right: degrees > 99 ? 0 : degrees < 10 ? 7 : 3,
-      top: 1,
-      fontWeight: 400,
-      fontSize: 13
-    },
-    className: classes.rbgcpDegreeIcon
-  }, "\xB0"));
-};
-
-var DeleteBtn = function DeleteBtn() {
-  var _usePicker4 = usePicker(),
-      colors = _usePicker4.colors,
-      classes = _usePicker4.classes,
-      selectedColor = _usePicker4.selectedColor,
-      createGradientStr = _usePicker4.createGradientStr;
-
-  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 _objectSpread2(_objectSpread2({}, fc), {}, {
-          value: i === selectedColor - 1 ? high(fc) : low(fc)
-        });
-      });
-      var remaining = formatted === null || formatted === void 0 ? void 0 : formatted.filter(function (_, i) {
-        return i !== selectedColor;
-      });
-      createGradientStr(remaining);
-    }
-  };
-
-  return /*#__PURE__*/React.createElement("div", {
-    onClick: deletePoint,
-    style: {
-      width: 28
-    },
-    id: "rbgcp-point-delete-btn",
-    className: controlBtnStyles(false, classes)
-  }, /*#__PURE__*/React.createElement(TrashIcon, null));
-};
-
-var GradientControls = function GradientControls(_ref) {
-  var hideGradientType = _ref.hideGradientType,
-      hideGradientAngle = _ref.hideGradientAngle,
-      hideGradientStop = _ref.hideGradientStop;
-
-  var _usePicker5 = usePicker(),
-      gradientType = _usePicker5.gradientType,
-      classes = _usePicker5.classes;
-
-  return /*#__PURE__*/React.createElement("div", {
-    style: {
-      marginTop: 12,
-      marginBottom: -4,
-      justifyContent: 'space-between',
-      paddingLeft: hideGradientType ? 4 : 0
-    },
-    id: "rbgcp-gradient-controls-wrap",
-    className: classes.rbgcpControlBtnWrapper
-  }, !hideGradientType && /*#__PURE__*/React.createElement(GradientType, null), /*#__PURE__*/React.createElement("div", {
-    style: {
-      width: 53
-    }
-  }, !hideGradientAngle && gradientType === 'linear-gradient' && /*#__PURE__*/React.createElement(DegreePicker, null)), !hideGradientStop && /*#__PURE__*/React.createElement(StopPicker, null), /*#__PURE__*/React.createElement(DeleteBtn, null));
-};
-
-export default GradientControls;
-//# sourceMappingURL=GradientControls.js.map

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

@@ -1 +0,0 @@
-{"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;"}

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

@@ -1,117 +0,0 @@
-import React, { useRef, useState, useEffect } from 'react';
-import { slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import tinycolor from '../../../external/tinycolor2/tinycolor.js';
-import { getHandleValue } from '../utils/utils.js';
-import { usePicker } from '../context.js';
-import usePaintHue from '../hooks/usePaintHue.js';
-
-var Hue = function Hue() {
-  var barRef = useRef(null);
-
-  var _usePicker = usePicker(),
-      handleChange = _usePicker.handleChange,
-      squareWidth = _usePicker.squareWidth,
-      hc = _usePicker.hc,
-      setHc = _usePicker.setHc;
-
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      dragging = _useState2[0],
-      setDragging = _useState2[1];
-
-  usePaintHue(barRef, squareWidth);
-
-  var stopDragging = function stopDragging() {
-    setDragging(false);
-  };
-
-  var handleDown = function handleDown() {
-    setDragging(true);
-  };
-
-  var handleHue = function handleHue(e) {
-    var newHue = getHandleValue(e) * 3.6;
-    var tinyHsv = tinycolor({
-      h: newHue,
-      s: hc === null || hc === void 0 ? void 0 : hc.s,
-      v: hc === null || hc === void 0 ? void 0 : hc.v
-    });
-
-    var _tinyHsv$toRgb = tinyHsv.toRgb(),
-        r = _tinyHsv$toRgb.r,
-        g = _tinyHsv$toRgb.g,
-        b = _tinyHsv$toRgb.b;
-
-    handleChange("rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(hc.a, ")"));
-    setHc(_objectSpread2(_objectSpread2({}, hc), {}, {
-      h: newHue
-    }));
-  };
-
-  var handleMove = function handleMove(e) {
-    if (dragging) {
-      handleHue(e);
-    }
-  };
-
-  var handleClick = function handleClick(e) {
-    if (!dragging) {
-      handleHue(e);
-    }
-  };
-
-  useEffect(function () {
-    var handleUp = function handleUp() {
-      stopDragging();
-    };
-
-    window.addEventListener('mouseup', handleUp);
-    return function () {
-      window.removeEventListener('mouseup', handleUp);
-    };
-  }, []);
-  return /*#__PURE__*/React.createElement("div", {
-    style: {
-      height: 14,
-      marginTop: 17,
-      marginBottom: 4,
-      cursor: 'ew-resize',
-      position: 'relative'
-    },
-    onMouseMove: function onMouseMove(e) {
-      return handleMove(e);
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    role: "button",
-    style: {
-      border: '2px solid white',
-      borderRadius: '50%',
-      boxShadow: '0px 0px 3px rgba(0, 0, 0, 0.5)',
-      width: '18px',
-      height: '18px',
-      zIndex: 1000,
-      transition: 'all 10ms linear',
-      position: 'absolute',
-      left: (hc === null || hc === void 0 ? void 0 : hc.h) * ((squareWidth - 18) / 360),
-      top: -2,
-      cursor: 'ew-resize',
-      boxSizing: 'border-box'
-    },
-    onMouseDown: handleDown
-  }), /*#__PURE__*/React.createElement("canvas", {
-    ref: barRef,
-    height: "14px",
-    width: "".concat(squareWidth, "px"),
-    onClick: function onClick(e) {
-      return handleClick(e);
-    },
-    style: {
-      position: 'relative',
-      borderRadius: 14,
-      verticalAlign: 'top'
-    }
-  }));
-};
-
-export default Hue;
-//# sourceMappingURL=Hue.js.map

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

@@ -1 +0,0 @@
-{"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;"}