@dreamcommerce/aurora 2.23.6 → 2.23.7-0

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

@@ -17,16 +17,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 DropperIcon = function DropperIcon(_a) {
   var color = _a.color;
   var defaultStyles = context.usePicker().defaultStyles;
@@ -71,62 +67,51 @@ var DropperIcon = function DropperIcon(_a) {
     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(_a) {
   var onSelect = _a.onSelect;
   var defaultStyles = context.usePicker().defaultStyles;
-
   var _b = React.useState(null),
-      pickerCanvas = _b[0],
-      setPickerCanvas = _b[1];
-
+    pickerCanvas = _b[0],
+    setPickerCanvas = _b[1];
   var _c = React.useState(false),
-      coverUp = _c[0],
-      setCoverUp = _c[1];
-
+    coverUp = _c[0],
+    setCoverUp = _c[1];
   var _d = React.useState(false),
-      isPicking = _d[0],
-      setIsPicking = _d[1];
-
+    isPicking = _d[0],
+    setIsPicking = _d[1];
   var takePick = function takePick() {
     var root = document.getElementById('root');
-    setCoverUp(true); // @ts-expect-error some error with this imported packages types
-
+    setCoverUp(true);
+    // @ts-expect-error some error with this imported packages types
     html2canvas_esm['default'](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;
+        pageY = e.pageY;
       var x1 = pageX * 2;
       var y1 = pageY * 2;
       var rgb = pickerCanvas.getImageData(x1, y1, 1, 1).data;
       onSelect("rgba(".concat(rgb[0], ", ").concat(rgb[1], ", ").concat(rgb[2], ", 1)"));
     }
-
     setIsPicking(false);
     setCoverUp(false);
   };
-
   var getEyeDrop = function getEyeDrop() {
-    setIsPicking(true); // @ts-expect-error - ts does not evaluate for window.EyeDropper
-
+    setIsPicking(true);
+    // @ts-expect-error - ts does not evaluate for window.EyeDropper
     if (!window.EyeDropper) {
       takePick();
     } else {
@@ -137,12 +122,10 @@ var Dropper = function Dropper(_a) {
         signal: abortController.signal
       }).then(function (result) {
         var tinyHex = tinycolor['default'](result.sRGBHex);
-
         var _a = tinyHex.toRgb(),
-            r = _a.r,
-            g = _a.g,
-            b = _a.b;
-
+          r = _a.r,
+          g = _a.g,
+          b = _a.b;
         onSelect("rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", 1)"));
         setIsPicking(false);
       }).catch(function (e) {
@@ -151,19 +134,18 @@ var Dropper = function Dropper(_a) {
       });
     }
   };
-
   return /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement("div", {
     onClick: getEyeDrop,
     id: "rbgcp-eyedropper-btn",
     style: __assign(__assign({}, defaultStyles.rbgcpEyedropperBtn), styles.controlBtnStyles(coverUp, defaultStyles))
   }, /*#__PURE__*/React__default['default'].createElement(DropperIcon, {
     color: isPicking ? 'rgb(86, 140, 245)' : ''
-  })), coverUp && /*#__PURE__*/React__default['default'].createElement(Portal['default'], null, /*#__PURE__*/React__default['default'].createElement("div", {
+  })), coverUp && ( /*#__PURE__*/React__default['default'].createElement(Portal['default'], null, /*#__PURE__*/React__default['default'].createElement("div", {
     onClick: function onClick(e) {
       return getColorLegacy(e);
     },
     style: defaultStyles.rbgcpEyedropperCover
-  })));
+  }))));
 };
 
 exports.default = Dropper;

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;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;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;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;"}

package/build/cjs/external/react-best-gradient-color-picker/dist/esm/components/GradientBar.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)) {
@@ -36,19 +32,16 @@ var __spreadArray = undefined && undefined.__spreadArray || function (to, from,
 };
 var Handle = function Handle(_a) {
   var left = _a.left,
-      i = _a.i,
-      setDragging = _a.setDragging;
-
+    i = _a.i,
+    setDragging = _a.setDragging;
   var _b = context.usePicker(),
-      colors = _b.colors,
-      selectedColor = _b.selectedColor,
-      squareWidth = _b.squareWidth,
-      defaultStyles = _b.defaultStyles,
-      createGradientStr = _b.createGradientStr;
-
+    colors = _b.colors,
+    selectedColor = _b.selectedColor,
+    squareWidth = _b.squareWidth,
+    defaultStyles = _b.defaultStyles,
+    createGradientStr = _b.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 __assign(__assign({}, cc), {
@@ -57,20 +50,18 @@ var Handle = function Handle(_a) {
     });
     createGradientStr(newGradStr);
   };
-
   var handleDown = function handleDown(e) {
     e.stopPropagation();
     setSelectedColor(i);
     setDragging(true);
-  }; // const handleFocus = () => {
+  };
+  // const handleFocus = () => {
   //   setInFocus('gpoint')
   //   setSelectedColor(i)
   // }
   // const handleBlur = () => {
   //   setInFocus(null)
   // }
-
-
   return /*#__PURE__*/React__default['default'].createElement("div", {
     // tabIndex={0}
     // onBlur={handleBlur}
@@ -87,37 +78,32 @@ var Handle = function Handle(_a) {
       boxShadow: '0px 0px 5px 1px rgba(86, 140, 245,.95)',
       border: '2px solid white'
     } : {})
-  }, isSelected && /*#__PURE__*/React__default['default'].createElement("div", {
+  }, isSelected && ( /*#__PURE__*/React__default['default'].createElement("div", {
     style: {
       width: 5,
       height: 5,
       borderRadius: '50%',
       background: 'white'
     }
-  })));
+  }))));
 };
-
 var GradientBar = function GradientBar() {
   var _a = context.usePicker(),
-      currentColor = _a.currentColor,
-      createGradientStr = _a.createGradientStr,
-      colors = _a.colors,
-      value = _a.value,
-      handleGradient = _a.handleGradient,
-      squareWidth = _a.squareWidth;
-
+    currentColor = _a.currentColor,
+    createGradientStr = _a.createGradientStr,
+    colors = _a.colors,
+    value = _a.value,
+    handleGradient = _a.handleGradient,
+    squareWidth = _a.squareWidth;
   var _b = React.useState(false),
-      dragging = _b[0],
-      setDragging = _b[1]; // const [inFocus, setInFocus] = useState<string | null>(null)
-
-
+    dragging = _b[0],
+    setDragging = _b[1];
+  // const [inFocus, setInFocus] = useState<string | null>(null)
   function force90degLinear(color) {
     return color.replace(/(radial|linear)-gradient\([^,]+,/, 'linear-gradient(90deg,');
   }
-
   var addPoint = function addPoint(e) {
     var _a;
-
     var left = utils.getHandleValue(e);
     var newColors = (_a = __spreadArray(__spreadArray([], colors.map(function (c) {
       return __assign(__assign({}, c), {
@@ -130,27 +116,25 @@ var GradientBar = function GradientBar() {
       return a.left - b.left;
     });
     createGradientStr(newColors);
-  }; // useEffect(() => {
+  };
+  // useEffect(() => {
   //   const selectedEl = window?.document?.getElementById(
   //     `gradient-handle-${selectedColor}`
   //   )
   //   if (selectedEl) selectedEl.focus()
   // }, [selectedColor])
-
-
   var stopDragging = function stopDragging() {
     setDragging(false);
   };
-
   var handleDown = function handleDown(e) {
     if (dragging) return;
     addPoint(e);
     setDragging(true);
   };
-
   var handleMove = function handleMove(e) {
     if (dragging) handleGradient(currentColor, utils.getHandleValue(e));
-  }; // const handleKeyboard = (e: any) => {
+  };
+  // const handleKeyboard = (e: any) => {
   //   if (isGradient) {
   //     if (e.keyCode === 8) {
   //       if (inFocus === 'gpoint') {
@@ -159,17 +143,15 @@ var GradientBar = function GradientBar() {
   //     }
   //   }
   // }
-
-
   var handleUp = function handleUp() {
     stopDragging();
   };
-
   React.useEffect(function () {
-    window.addEventListener('mouseup', handleUp); // window?.addEventListener('keydown', handleKeyboard)
-
+    window.addEventListener('mouseup', handleUp);
+    // window?.addEventListener('keydown', handleKeyboard)
     return function () {
-      window.removeEventListener('mouseup', handleUp); // window?.removeEventListener('keydown', handleKeyboard)
+      window.removeEventListener('mouseup', handleUp);
+      // window?.removeEventListener('keydown', handleKeyboard)
     };
   });
   return /*#__PURE__*/React__default['default'].createElement("div", {

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

@@ -16,36 +16,28 @@ 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 GradientType = function GradientType() {
   var _a = context.usePicker(),
-      gradientType = _a.gradientType,
-      onChange = _a.onChange,
-      value = _a.value,
-      defaultStyles = _a.defaultStyles;
-
+    gradientType = _a.gradientType,
+    onChange = _a.onChange,
+    value = _a.value,
+    defaultStyles = _a.defaultStyles;
   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__default['default'].createElement("div", {
     style: defaultStyles.rbgcpControlBtnWrapper
   }, /*#__PURE__*/React__default['default'].createElement("div", {
@@ -72,18 +64,15 @@ var GradientType = function GradientType() {
     color: isRadial ? '#568CF5' : ''
   })));
 };
-
 var StopPicker = function StopPicker() {
   var _a = context.usePicker(),
-      currentLeft = _a.currentLeft,
-      handleGradient = _a.handleGradient,
-      currentColor = _a.currentColor,
-      defaultStyles = _a.defaultStyles;
-
+    currentLeft = _a.currentLeft,
+    handleGradient = _a.handleGradient,
+    currentColor = _a.currentColor,
+    defaultStyles = _a.defaultStyles;
   var handleMove = function handleMove(newVal) {
     handleGradient(currentColor, formatters.formatInputValues(parseInt(newVal), 0, 100));
   };
-
   return /*#__PURE__*/React__default['default'].createElement("div", {
     style: __assign(__assign(__assign(__assign({}, defaultStyles.rbgcpControlBtnWrapper), defaultStyles.rbgcpControlInputWrap), defaultStyles.rbgcpStopInputWrap), {
       paddingLeft: 8
@@ -97,20 +86,17 @@ var StopPicker = function StopPicker() {
     style: __assign(__assign({}, defaultStyles.rbgcpControlInput), defaultStyles.rbgcpStopInput)
   }));
 };
-
 var DegreePicker = function DegreePicker() {
   var _a = context.usePicker(),
-      degrees = _a.degrees,
-      onChange = _a.onChange,
-      value = _a.value,
-      defaultStyles = _a.defaultStyles;
-
+    degrees = _a.degrees,
+    onChange = _a.onChange,
+    value = _a.value,
+    defaultStyles = _a.defaultStyles;
   var handleDegrees = function handleDegrees(e) {
     var newValue = formatters.formatInputValues(e.target.value, 0, 360);
     var remaining = value.split(/,(.+)/)[1];
     onChange("linear-gradient(".concat(newValue || 0, "deg, ").concat(remaining));
   };
-
   return /*#__PURE__*/React__default['default'].createElement("div", {
     style: __assign(__assign(__assign({}, defaultStyles.rbgcpControlBtnWrapper), defaultStyles.rbgcpControlInputWrap), defaultStyles.rbgcpDegreeInputWrap)
   }, /*#__PURE__*/React__default['default'].createElement(icon.DegreesIcon, null), /*#__PURE__*/React__default['default'].createElement("input", {
@@ -130,14 +116,12 @@ var DegreePicker = function DegreePicker() {
     })
   }, "\xB0"));
 };
-
 var DeleteBtn = function DeleteBtn() {
   var _a = context.usePicker(),
-      colors = _a.colors,
-      selectedColor = _a.selectedColor,
-      createGradientStr = _a.createGradientStr,
-      defaultStyles = _a.defaultStyles;
-
+    colors = _a.colors,
+    selectedColor = _a.selectedColor,
+    createGradientStr = _a.createGradientStr,
+    defaultStyles = _a.defaultStyles;
   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) {
@@ -151,7 +135,6 @@ var DeleteBtn = function DeleteBtn() {
       createGradientStr(remaining);
     }
   };
-
   return /*#__PURE__*/React__default['default'].createElement("div", {
     onClick: deletePoint,
     style: __assign(__assign({}, styles.controlBtnStyles(false, defaultStyles)), {
@@ -165,16 +148,13 @@ var DeleteBtn = function DeleteBtn() {
     }
   }, /*#__PURE__*/React__default['default'].createElement(icon['default'], null));
 };
-
 var GradientControls = function GradientControls(_a) {
   var hideGradientType = _a.hideGradientType,
-      hideGradientAngle = _a.hideGradientAngle,
-      hideGradientStop = _a.hideGradientStop;
-
+    hideGradientAngle = _a.hideGradientAngle,
+    hideGradientStop = _a.hideGradientStop;
   var _b = context.usePicker(),
-      gradientType = _b.gradientType,
-      defaultStyles = _b.defaultStyles;
-
+    gradientType = _b.gradientType,
+    defaultStyles = _b.defaultStyles;
   return /*#__PURE__*/React__default['default'].createElement("div", {
     style: __assign(__assign({}, defaultStyles.rbgcpControlBtnWrapper), {
       marginTop: 12,
@@ -187,7 +167,7 @@ var GradientControls = function GradientControls(_a) {
     style: {
       width: 53
     }
-  }, !hideGradientAngle && gradientType === 'linear-gradient' && /*#__PURE__*/React__default['default'].createElement(DegreePicker, null)), !hideGradientStop && /*#__PURE__*/React__default['default'].createElement(StopPicker, null), /*#__PURE__*/React__default['default'].createElement(DeleteBtn, null));
+  }, !hideGradientAngle && gradientType === 'linear-gradient' && ( /*#__PURE__*/React__default['default'].createElement(DegreePicker, null))), !hideGradientStop && /*#__PURE__*/React__default['default'].createElement(StopPicker, null), /*#__PURE__*/React__default['default'].createElement(DeleteBtn, null));
 };
 
 exports.default = GradientControls;

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

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

@@ -16,39 +16,29 @@ 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 Hue = function Hue() {
   var barRef = React.useRef(null);
-
   var _a = context.usePicker(),
-      handleChange = _a.handleChange,
-      squareWidth = _a.squareWidth,
-      hc = _a.hc,
-      setHc = _a.setHc;
-
+    handleChange = _a.handleChange,
+    squareWidth = _a.squareWidth,
+    hc = _a.hc,
+    setHc = _a.setHc;
   var _b = React.useState(false),
-      dragging = _b[0],
-      setDragging = _b[1];
-
+    dragging = _b[0],
+    setDragging = _b[1];
   usePaintHue['default'](barRef, squareWidth);
-
   var stopDragging = function stopDragging() {
     setDragging(false);
   };
-
   var handleDown = function handleDown() {
     setDragging(true);
   };
-
   var handleHue = function handleHue(e) {
     var newHue = utils.getHandleValue(e) * 3.6;
     var tinyHsv = tinycolor['default']({
@@ -56,35 +46,29 @@ var Hue = function Hue() {
       s: hc === null || hc === void 0 ? void 0 : hc.s,
       v: hc === null || hc === void 0 ? void 0 : hc.v
     });
-
     var _a = tinyHsv.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(hc.a, ")"));
     setHc(__assign(__assign({}, hc), {
       h: newHue
     }));
   };
-
   var handleMove = function handleMove(e) {
     if (dragging) {
       handleHue(e);
     }
   };
-
   var handleClick = function handleClick(e) {
     if (!dragging) {
       handleHue(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/Hue.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;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;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;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;"}

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

@@ -14,65 +14,52 @@ 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 Opacity = function Opacity() {
   var _a = context.usePicker(),
-      handleChange = _a.handleChange,
-      _b = _a.hc,
-      hc = _b === void 0 ? {} : _b,
-      squareWidth = _a.squareWidth,
-      defaultStyles = _a.defaultStyles;
-
+    handleChange = _a.handleChange,
+    _b = _a.hc,
+    hc = _b === void 0 ? {} : _b,
+    squareWidth = _a.squareWidth,
+    defaultStyles = _a.defaultStyles;
   var _c = React.useState(false),
-      dragging = _c[0],
-      setDragging = _c[1];
-
+    dragging = _c[0],
+    setDragging = _c[1];
   var r = hc.r,
-      g = hc.g,
-      b = hc.b;
+    g = hc.g,
+    b = hc.b;
   var bg = "linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(".concat(r, ",").concat(g, ",").concat(b, ",.5) 100%)");
-
   var stopDragging = function stopDragging() {
     setDragging(false);
   };
-
   var handleDown = function handleDown() {
     setDragging(true);
   };
-
   var handleOpacity = function handleOpacity(e) {
     var newO = utils.getHandleValue(e) / 100;
     var newColor = "rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(newO, ")");
     handleChange(newColor);
   };
-
   var handleMove = function handleMove(e) {
     if (dragging) {
       handleOpacity(e);
     }
   };
-
   var handleClick = function handleClick(e) {
     if (!dragging) {
       handleOpacity(e);
     }
   };
-
   var left = squareWidth - 18;
   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/Opacity.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;"}
+{"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;"}

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

@@ -12,21 +12,19 @@ var Portal = function Portal(_a) {
   var dynamic = React.useState(!el.current.parentElement)[0];
   React.useEffect(function () {
     var refValue = el.current;
-
     if (dynamic) {
       el.current.id = id;
       document.body.appendChild(el.current);
     }
-
     return function () {
       if (dynamic && refValue.parentElement) {
         refValue.parentElement.removeChild(refValue);
       }
-    }; //eslint-disable-next-line
+    };
+    //eslint-disable-next-line
   }, [id]);
   return /*#__PURE__*/reactDom.createPortal(children, el.current);
 };
-
 var Portal$1 = /*#__PURE__*/React.memo(Portal);
 
 exports.default = Portal$1;

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