@dreamcommerce/aurora 2.20.9 → 2.21.0-10

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

@@ -1,16 +1,29 @@
 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 { controlBtnStyles } from '../styles/styles.js';
 import TrashIcon, { LinearIcon, RadialIcon, StopIcon, DegreesIcon } from './icon.js';
-import { controlBtnStyles } from './Controls.js';
+
+var __assign = undefined && undefined.__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+
+      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+    }
+
+    return t;
+  };
+
+  return __assign.apply(this, arguments);
+};
 
 var GradientType = function GradientType() {
-  var _usePicker = usePicker(),
-      gradientType = _usePicker.gradientType,
-      onChange = _usePicker.onChange,
-      value = _usePicker.value,
-      classes = _usePicker.classes;
+  var _a = usePicker(),
+      gradientType = _a.gradientType,
+      onChange = _a.onChange,
+      value = _a.value,
+      defaultStyles = _a.defaultStyles;
 
   var isLinear = gradientType === 'linear-gradient';
   var isRadial = gradientType === 'radial-gradient';
@@ -26,54 +39,63 @@ var GradientType = function GradientType() {
   };
 
   return /*#__PURE__*/React.createElement("div", {
-    className: classes.rbgcpControlBtnWrapper
+    style: defaultStyles.rbgcpControlBtnWrapper
   }, /*#__PURE__*/React.createElement("div", {
     onClick: handleLinear,
     id: "rbgcp-linear-btn",
-    className: "".concat(classes.rbgcpControlBtn, " ").concat(isLinear && classes.rbgcpControlBtnSelected)
+    style: __assign(__assign({}, defaultStyles.rbgcpControlBtn), isLinear && defaultStyles.rbgcpControlBtnSelected),
+    tabIndex: 0,
+    role: "button",
+    onKeyDown: function onKeyDown() {
+      return;
+    }
   }, /*#__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)
+    style: __assign(__assign({}, defaultStyles.rbgcpControlBtn), isRadial && defaultStyles.rbgcpControlBtnSelected),
+    tabIndex: 0,
+    role: "button",
+    onKeyDown: function onKeyDown() {
+      return;
+    }
   }, /*#__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 _a = usePicker(),
+      currentLeft = _a.currentLeft,
+      handleGradient = _a.handleGradient,
+      currentColor = _a.currentColor,
+      defaultStyles = _a.defaultStyles;
 
   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: {
+    style: __assign(__assign(__assign(__assign({}, defaultStyles.rbgcpControlBtnWrapper), defaultStyles.rbgcpControlInputWrap), defaultStyles.rbgcpStopInputWrap), {
       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)
+    style: __assign(__assign({}, defaultStyles.rbgcpControlInput), defaultStyles.rbgcpStopInput)
   }));
 };
 
 var DegreePicker = function DegreePicker() {
-  var _usePicker3 = usePicker(),
-      classes = _usePicker3.classes,
-      degrees = _usePicker3.degrees,
-      onChange = _usePicker3.onChange,
-      value = _usePicker3.value;
+  var _a = usePicker(),
+      degrees = _a.degrees,
+      onChange = _a.onChange,
+      value = _a.value,
+      defaultStyles = _a.defaultStyles;
 
   var handleDegrees = function handleDegrees(e) {
     var newValue = formatInputValues(e.target.value, 0, 360);
@@ -82,37 +104,36 @@ var DegreePicker = function DegreePicker() {
   };
 
   return /*#__PURE__*/React.createElement("div", {
-    className: "".concat(classes.rbgcpControlBtnWrapper, " ").concat(classes.rbgcpControlInputWrap, " ").concat(classes.rbgcpDegreeInputWrap)
+    style: __assign(__assign(__assign({}, defaultStyles.rbgcpControlBtnWrapper), defaultStyles.rbgcpControlInputWrap), defaultStyles.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)
+    style: __assign(__assign({}, defaultStyles.rbgcpControlInput), defaultStyles.rbgcpDegreeInput)
   }), /*#__PURE__*/React.createElement("div", {
-    style: {
+    style: __assign(__assign({}, defaultStyles.rbgcpDegreeIcon), {
       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 _a = usePicker(),
+      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) {
-        return _objectSpread2(_objectSpread2({}, fc), {}, {
+        return __assign(__assign({}, fc), {
           value: i === selectedColor - 1 ? high(fc) : low(fc)
         });
       });
@@ -125,32 +146,35 @@ var DeleteBtn = function DeleteBtn() {
 
   return /*#__PURE__*/React.createElement("div", {
     onClick: deletePoint,
-    style: {
+    style: __assign(__assign({}, controlBtnStyles(false, defaultStyles)), {
       width: 28
-    },
+    }),
     id: "rbgcp-point-delete-btn",
-    className: controlBtnStyles(false, classes)
+    tabIndex: 0,
+    role: "button",
+    onKeyDown: function onKeyDown() {
+      return;
+    }
   }, /*#__PURE__*/React.createElement(TrashIcon, null));
 };
 
-var GradientControls = function GradientControls(_ref) {
-  var hideGradientType = _ref.hideGradientType,
-      hideGradientAngle = _ref.hideGradientAngle,
-      hideGradientStop = _ref.hideGradientStop;
+var GradientControls = function GradientControls(_a) {
+  var hideGradientType = _a.hideGradientType,
+      hideGradientAngle = _a.hideGradientAngle,
+      hideGradientStop = _a.hideGradientStop;
 
-  var _usePicker5 = usePicker(),
-      gradientType = _usePicker5.gradientType,
-      classes = _usePicker5.classes;
+  var _b = usePicker(),
+      gradientType = _b.gradientType,
+      defaultStyles = _b.defaultStyles;
 
   return /*#__PURE__*/React.createElement("div", {
-    style: {
+    style: __assign(__assign({}, defaultStyles.rbgcpControlBtnWrapper), {
       marginTop: 12,
       marginBottom: -4,
       justifyContent: 'space-between',
       paddingLeft: hideGradientType ? 4 : 0
-    },
-    id: "rbgcp-gradient-controls-wrap",
-    className: classes.rbgcpControlBtnWrapper
+    }),
+    id: "rbgcp-gradient-controls-wrap"
   }, !hideGradientType && /*#__PURE__*/React.createElement(GradientType, null), /*#__PURE__*/React.createElement("div", {
     style: {
       width: 53

package/build/esm/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;"}
+{"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;"}

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

@@ -1,23 +1,35 @@
 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 __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 = useRef(null);
 
-  var _usePicker = usePicker(),
-      handleChange = _usePicker.handleChange,
-      squareWidth = _usePicker.squareWidth,
-      hc = _usePicker.hc,
-      setHc = _usePicker.setHc;
+  var _a = usePicker(),
+      handleChange = _a.handleChange,
+      squareWidth = _a.squareWidth,
+      hc = _a.hc,
+      setHc = _a.setHc;
 
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      dragging = _useState2[0],
-      setDragging = _useState2[1];
+  var _b = useState(false),
+      dragging = _b[0],
+      setDragging = _b[1];
 
   usePaintHue(barRef, squareWidth);
 
@@ -37,13 +49,13 @@ var Hue = function Hue() {
       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;
+    var _a = tinyHsv.toRgb(),
+        r = _a.r,
+        g = _a.g,
+        b = _a.b;
 
     handleChange("rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(hc.a, ")"));
-    setHc(_objectSpread2(_objectSpread2({}, hc), {}, {
+    setHc(__assign(__assign({}, hc), {
       h: newHue
     }));
   };
@@ -82,6 +94,7 @@ var Hue = function Hue() {
       return handleMove(e);
     }
   }, /*#__PURE__*/React.createElement("div", {
+    tabIndex: 0,
     role: "button",
     style: {
       border: '2px solid white',

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

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

@@ -1,20 +1,32 @@
 import React, { useState, useEffect } from 'react';
-import { slicedToArray as _slicedToArray } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { getHandleValue } from '../utils/utils.js';
 import { usePicker } from '../context.js';
 
+var __assign = undefined && undefined.__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+
+      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+    }
+
+    return t;
+  };
+
+  return __assign.apply(this, arguments);
+};
+
 var Opacity = function Opacity() {
-  var _usePicker = usePicker(),
-      handleChange = _usePicker.handleChange,
-      _usePicker$hc = _usePicker.hc,
-      hc = _usePicker$hc === void 0 ? {} : _usePicker$hc,
-      squareWidth = _usePicker.squareWidth,
-      classes = _usePicker.classes;
+  var _a = usePicker(),
+      handleChange = _a.handleChange,
+      _b = _a.hc,
+      hc = _b === void 0 ? {} : _b,
+      squareWidth = _a.squareWidth,
+      defaultStyles = _a.defaultStyles;
 
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      dragging = _useState2[0],
-      setDragging = _useState2[1];
+  var _c = useState(false),
+      dragging = _c[0],
+      setDragging = _c[1];
 
   var r = hc.r,
       g = hc.g,
@@ -71,25 +83,22 @@ var Opacity = function Opacity() {
       position: 'relative'
     }
   }, /*#__PURE__*/React.createElement("div", {
-    style: {
+    style: __assign(__assign({}, defaultStyles.rbgcpCheckered), {
       width: '100%',
       height: 14
-    },
-    className: classes.rbgcpCheckered
+    })
   }), /*#__PURE__*/React.createElement("div", {
-    style: {
+    style: __assign(__assign({}, defaultStyles.rbgcpHandle), {
       left: left * (hc === null || hc === void 0 ? void 0 : hc.a),
       top: -2
-    },
-    className: classes.rbgcpHandle
+    })
   }), /*#__PURE__*/React.createElement("div", {
-    style: {
+    style: __assign(__assign({}, defaultStyles.rbgcpOpacityOverlay), {
       background: bg
-    },
+    }),
     onClick: function onClick(e) {
       return handleClick(e);
-    },
-    className: classes.rbgcpOpacityOverlay
+    }
   }));
 };
 

package/build/esm/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;"}
+{"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;"}

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

@@ -1,16 +1,11 @@
 import { memo, useRef, useState, useEffect } from 'react';
-import { slicedToArray as _slicedToArray } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { createPortal } from 'react-dom';
 
-var Portal = function Portal(_ref) {
-  var children = _ref.children;
+var Portal = function Portal(_a) {
+  var children = _a.children;
   var id = 'id' + Math.random().toString(16).slice(2);
   var el = useRef(document.getElementById(id) || document.createElement('div'));
-
-  var _useState = useState(!el.current.parentElement),
-      _useState2 = _slicedToArray(_useState, 1),
-      dynamic = _useState2[0];
-
+  var dynamic = useState(!el.current.parentElement)[0];
   useEffect(function () {
     var refValue = el.current;
 

package/build/esm/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;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;"}

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

@@ -1,5 +1,4 @@
 import React, { useState, useRef, useEffect } from 'react';
-import { slicedToArray as _slicedToArray } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { config } from '../constants.js';
 import tinycolor from '../../../external/tinycolor2/tinycolor.js';
 import { computeSquareXY, computePickerPosition } from '../utils/utils.js';
@@ -7,35 +6,45 @@ import { usePicker } from '../context.js';
 import usePaintSquare from '../hooks/usePaintSquare.js';
 import lodash_throttle from '../../../../lodash.throttle/index.js';
 
+var __assign = undefined && undefined.__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+
+      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+    }
+
+    return t;
+  };
+
+  return __assign.apply(this, arguments);
+};
 var crossSize = config.crossSize;
 
 var Square = function Square() {
-  var _usePicker = usePicker(),
-      hc = _usePicker.hc,
-      classes = _usePicker.classes,
-      squareWidth = _usePicker.squareWidth,
-      squareHeight = _usePicker.squareHeight,
-      handleChange = _usePicker.handleChange;
-
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      dragging = _useState2[0],
-      setDragging = _useState2[1];
+  var _a = usePicker(),
+      hc = _a.hc,
+      defaultStyles = _a.defaultStyles,
+      squareWidth = _a.squareWidth,
+      squareHeight = _a.squareHeight,
+      handleChange = _a.handleChange;
+
+  var _b = useState(false),
+      dragging = _b[0],
+      setDragging = _b[1];
 
   var canvas = useRef(null);
 
-  var _computeSquareXY = computeSquareXY(hc === null || hc === void 0 ? void 0 : hc.s, (hc === null || hc === void 0 ? void 0 : hc.v) * 100, squareWidth, squareHeight),
-      _computeSquareXY2 = _slicedToArray(_computeSquareXY, 2),
-      x = _computeSquareXY2[0],
-      y = _computeSquareXY2[1];
+  var _c = 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];
 
-  var _useState3 = useState({
+  var _d = useState({
     x: x,
     y: y
   }),
-      _useState4 = _slicedToArray(_useState3, 2),
-      dragPos = _useState4[0],
-      setDragPos = _useState4[1];
+      dragPos = _d[0],
+      setDragPos = _d[1];
 
   usePaintSquare(canvas, hc === null || hc === void 0 ? void 0 : hc.h, squareWidth, squareHeight);
   useEffect(function () {
@@ -49,10 +58,9 @@ var Square = function Square() {
 
   var handleColor = function handleColor(e) {
     var onMouseMove = lodash_throttle(function () {
-      var _computePickerPositio = computePickerPosition(e),
-          _computePickerPositio2 = _slicedToArray(_computePickerPositio, 2),
-          x = _computePickerPositio2[0],
-          y = _computePickerPositio2[1];
+      var _a = computePickerPosition(e),
+          x = _a[0],
+          y = _a[1];
 
       if (x && y) {
         var x1 = Math.min(x + crossSize / 2, squareWidth - 1);
@@ -128,19 +136,16 @@ var Square = function Square() {
       cursor: 'ew-cross'
     }
   }, /*#__PURE__*/React.createElement("div", {
-    className: classes.rbgcpHandle,
-    style: {
-      left: dragPos === null || dragPos === void 0 ? void 0 : dragPos.x,
-      top: dragPos === null || dragPos === void 0 ? void 0 : dragPos.y
-    },
-    onMouseDown: handleMouseDown,
-    role: "button",
-    tabIndex: 0
+    style: __assign(__assign(__assign({}, defaultStyles.rbgcpHandle), {
+      transform: "translate(".concat((dragPos === null || dragPos === void 0 ? void 0 : dragPos.x) || 0, "px, ").concat((dragPos === null || dragPos === void 0 ? void 0 : dragPos.y) || 0, "px)")
+    }), dragging ? {
+      transition: ""
+    } : {}),
+    onMouseDown: handleMouseDown
   }), /*#__PURE__*/React.createElement("div", {
-    className: classes.rbgcpCanvasWrapper,
-    style: {
+    style: __assign(__assign({}, defaultStyles.rbgcpCanvasWrapper), {
       height: squareHeight
-    },
+    }),
     onClick: function onClick(e) {
       return handleClick(e);
     }

package/build/esm/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,sBAAsB,2CAA+C;AACrE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA,sBAAsB,2CAA+C;AACrE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}