@dreamcommerce/aurora 2.20.10-1 → 2.20.10

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

@@ -1,49 +1,35 @@
 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 __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;
+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)'
   };
-
-  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)) {
-      if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-      ar[i] = from[i];
-    }
-  }
-  return to.concat(ar || Array.prototype.slice.call(from));
-};
-var Handle = function Handle(_a) {
-  var left = _a.left,
-      i = _a.i,
-      setDragging = _a.setDragging;
-
-  var _b = usePicker(),
-      colors = _b.colors,
-      selectedColor = _b.selectedColor,
-      squareWidth = _b.squareWidth,
-      defaultStyles = _b.defaultStyles,
-      createGradientStr = _b.createGradientStr;
+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 __assign(__assign({}, cc), {
+      return _objectSpread2(_objectSpread2({}, cc), {}, {
         value: i === index ? high(cc) : low(cc)
       });
     });
@@ -54,31 +40,31 @@ var Handle = function Handle(_a) {
     e.stopPropagation();
     setSelectedColor(i);
     setDragging(true);
-  }; // const handleFocus = () => {
-  //   setInFocus('gpoint')
-  //   setSelectedColor(i)
-  // }
-  // const handleBlur = () => {
-  //   setInFocus(null)
-  // }
+  };
+
+  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}
+    tabIndex: 0,
+    onBlur: handleBlur,
+    onFocus: handleFocus,
     id: "gradient-handle-".concat(i),
     onMouseDown: function onMouseDown(e) {
       return handleDown(e);
     },
-    style: __assign(__assign({}, defaultStyles.rbgcpGradientHandleWrap), {
+    className: classes.rbgcpGradientHandleWrap,
+    style: {
       left: (left || 0) * leftMultiplyer
-    })
+    }
   }, /*#__PURE__*/React.createElement("div", {
-    style: __assign(__assign({}, defaultStyles.rbgcpGradientHandle), isSelected ? {
-      boxShadow: '0px 0px 5px 1px rgba(86, 140, 245,.95)',
-      border: '2px solid white'
-    } : {})
+    style: handleStyle(isSelected),
+    className: classes.rbgcpGradientHandle
   }, isSelected && /*#__PURE__*/React.createElement("div", {
     style: {
       width: 5,
@@ -90,78 +76,99 @@ var Handle = function Handle(_a) {
 };
 
 var GradientBar = function GradientBar() {
-  var _a = usePicker(),
-      currentColor = _a.currentColor,
-      createGradientStr = _a.createGradientStr,
-      colors = _a.colors,
-      value = _a.value,
-      handleGradient = _a.handleGradient,
-      squareWidth = _a.squareWidth;
-
-  var _b = useState(false),
-      dragging = _b[0],
-      setDragging = _b[1]; // const [inFocus, setInFocus] = useState<string | null>(null)
-
+  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 _a;
+    var _ref2;
 
     var left = getHandleValue(e);
-    var newColors = (_a = __spreadArray(__spreadArray([], colors.map(function (c) {
-      return __assign(__assign({}, c), {
+    var newColors = (_ref2 = [].concat(_toConsumableArray(colors.map(function (c) {
+      return _objectSpread2(_objectSpread2({}, c), {}, {
         value: low(c)
       });
-    }), true), [{
+    })), [{
       value: currentColor,
       left: left
-    }], false)) === null || _a === void 0 ? void 0 : _a.sort(function (a, b) {
+    }])) === null || _ref2 === void 0 ? void 0 : _ref2.sort(function (a, b) {
       return a.left - b.left;
     });
     createGradientStr(newColors);
-  }; // useEffect(() => {
-  //   const selectedEl = window?.document?.getElementById(
-  //     `gradient-handle-${selectedColor}`
-  //   )
-  //   if (selectedEl) selectedEl.focus()
-  // }, [selectedColor])
+  };
+
+  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) return;
-    addPoint(e);
-    setDragging(true);
+    if (!dragging) {
+      addPoint(e);
+      setDragging(true);
+    }
   };
 
   var handleMove = function handleMove(e) {
-    if (dragging) handleGradient(currentColor, getHandleValue(e));
-  }; // const handleKeyboard = (e: any) => {
-  //   if (isGradient) {
-  //     if (e.keyCode === 8) {
-  //       if (inFocus === 'gpoint') {
-  //         deletePoint()
-  //       }
-  //     }
-  //   }
-  // }
+    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 () {
-    window.addEventListener('mouseup', handleUp); // window?.addEventListener('keydown', handleKeyboard)
+    var _window2;
 
+    window.addEventListener('mouseup', handleUp);
+    (_window2 = window) === null || _window2 === void 0 || _window2.addEventListener('keydown', handleKeyboard);
     return function () {
-      window.removeEventListener('mouseup', handleUp); // window?.removeEventListener('keydown', handleKeyboard)
+      var _window3;
+
+      window.removeEventListener('mouseup', handleUp);
+      (_window3 = window) === null || _window3 === void 0 || _window3.removeEventListener('keydown', handleKeyboard);
     };
   });
   return /*#__PURE__*/React.createElement("div", {
@@ -174,10 +181,10 @@ var GradientBar = function GradientBar() {
     id: "gradient-bar"
   }, /*#__PURE__*/React.createElement("div", {
     style: {
-      height: 14,
-      borderRadius: 10,
       width: squareWidth,
-      backgroundImage: force90degLinear(value)
+      height: 14,
+      backgroundImage: force90degLinear(value),
+      borderRadius: 10
     },
     onMouseDown: function onMouseDown(e) {
       return handleDown(e);
@@ -190,6 +197,7 @@ var GradientBar = function GradientBar() {
       i: i,
       left: c.left,
       key: "".concat(i, "-").concat(c),
+      setInFocus: setInFocus,
       setDragging: setDragging
     });
   }));

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

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

@@ -1,29 +1,16 @@
 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 '../styles/styles.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);
-};
+import { controlBtnStyles } from './Controls.js';
 
 var GradientType = function GradientType() {
-  var _a = usePicker(),
-      gradientType = _a.gradientType,
-      onChange = _a.onChange,
-      value = _a.value,
-      defaultStyles = _a.defaultStyles;
+  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';
@@ -39,63 +26,54 @@ var GradientType = function GradientType() {
   };
 
   return /*#__PURE__*/React.createElement("div", {
-    style: defaultStyles.rbgcpControlBtnWrapper
+    className: classes.rbgcpControlBtnWrapper
   }, /*#__PURE__*/React.createElement("div", {
     onClick: handleLinear,
     id: "rbgcp-linear-btn",
-    style: __assign(__assign({}, defaultStyles.rbgcpControlBtn), isLinear && defaultStyles.rbgcpControlBtnSelected),
-    tabIndex: 0,
-    role: "button",
-    onKeyDown: function onKeyDown() {
-      return;
-    }
+    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",
-    style: __assign(__assign({}, defaultStyles.rbgcpControlBtn), isRadial && defaultStyles.rbgcpControlBtnSelected),
-    tabIndex: 0,
-    role: "button",
-    onKeyDown: function onKeyDown() {
-      return;
-    }
+    className: "".concat(classes.rbgcpControlBtn, " ").concat(isRadial && classes.rbgcpControlBtnSelected)
   }, /*#__PURE__*/React.createElement(RadialIcon, {
     color: isRadial ? '#568CF5' : ''
   })));
 };
 
 var StopPicker = function StopPicker() {
-  var _a = usePicker(),
-      currentLeft = _a.currentLeft,
-      handleGradient = _a.handleGradient,
-      currentColor = _a.currentColor,
-      defaultStyles = _a.defaultStyles;
+  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", {
-    style: __assign(__assign(__assign(__assign({}, defaultStyles.rbgcpControlBtnWrapper), defaultStyles.rbgcpControlInputWrap), defaultStyles.rbgcpStopInputWrap), {
+    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);
     },
-    style: __assign(__assign({}, defaultStyles.rbgcpControlInput), defaultStyles.rbgcpStopInput)
+    className: "".concat(classes.rbgcpControlInput, " ").concat(classes.rbgcpStopInput)
   }));
 };
 
 var DegreePicker = function DegreePicker() {
-  var _a = usePicker(),
-      degrees = _a.degrees,
-      onChange = _a.onChange,
-      value = _a.value,
-      defaultStyles = _a.defaultStyles;
+  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);
@@ -104,36 +82,37 @@ var DegreePicker = function DegreePicker() {
   };
 
   return /*#__PURE__*/React.createElement("div", {
-    style: __assign(__assign(__assign({}, defaultStyles.rbgcpControlBtnWrapper), defaultStyles.rbgcpControlInputWrap), defaultStyles.rbgcpDegreeInputWrap)
+    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);
     },
-    style: __assign(__assign({}, defaultStyles.rbgcpControlInput), defaultStyles.rbgcpDegreeInput)
+    className: "".concat(classes.rbgcpControlInput, " ").concat(classes.rbgcpDegreeInput)
   }), /*#__PURE__*/React.createElement("div", {
-    style: __assign(__assign({}, defaultStyles.rbgcpDegreeIcon), {
+    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 _a = usePicker(),
-      colors = _a.colors,
-      selectedColor = _a.selectedColor,
-      createGradientStr = _a.createGradientStr,
-      defaultStyles = _a.defaultStyles;
+  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 __assign(__assign({}, fc), {
+        return _objectSpread2(_objectSpread2({}, fc), {}, {
           value: i === selectedColor - 1 ? high(fc) : low(fc)
         });
       });
@@ -146,35 +125,32 @@ var DeleteBtn = function DeleteBtn() {
 
   return /*#__PURE__*/React.createElement("div", {
     onClick: deletePoint,
-    style: __assign(__assign({}, controlBtnStyles(false, defaultStyles)), {
+    style: {
       width: 28
-    }),
+    },
     id: "rbgcp-point-delete-btn",
-    tabIndex: 0,
-    role: "button",
-    onKeyDown: function onKeyDown() {
-      return;
-    }
+    className: controlBtnStyles(false, classes)
   }, /*#__PURE__*/React.createElement(TrashIcon, null));
 };
 
-var GradientControls = function GradientControls(_a) {
-  var hideGradientType = _a.hideGradientType,
-      hideGradientAngle = _a.hideGradientAngle,
-      hideGradientStop = _a.hideGradientStop;
+var GradientControls = function GradientControls(_ref) {
+  var hideGradientType = _ref.hideGradientType,
+      hideGradientAngle = _ref.hideGradientAngle,
+      hideGradientStop = _ref.hideGradientStop;
 
-  var _b = usePicker(),
-      gradientType = _b.gradientType,
-      defaultStyles = _b.defaultStyles;
+  var _usePicker5 = usePicker(),
+      gradientType = _usePicker5.gradientType,
+      classes = _usePicker5.classes;
 
   return /*#__PURE__*/React.createElement("div", {
-    style: __assign(__assign({}, defaultStyles.rbgcpControlBtnWrapper), {
+    style: {
       marginTop: 12,
       marginBottom: -4,
       justifyContent: 'space-between',
       paddingLeft: hideGradientType ? 4 : 0
-    }),
-    id: "rbgcp-gradient-controls-wrap"
+    },
+    id: "rbgcp-gradient-controls-wrap",
+    className: classes.rbgcpControlBtnWrapper
   }, !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;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;"}

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

@@ -1,35 +1,23 @@
 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 _a = usePicker(),
-      handleChange = _a.handleChange,
-      squareWidth = _a.squareWidth,
-      hc = _a.hc,
-      setHc = _a.setHc;
+  var _usePicker = usePicker(),
+      handleChange = _usePicker.handleChange,
+      squareWidth = _usePicker.squareWidth,
+      hc = _usePicker.hc,
+      setHc = _usePicker.setHc;
 
-  var _b = useState(false),
-      dragging = _b[0],
-      setDragging = _b[1];
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      dragging = _useState2[0],
+      setDragging = _useState2[1];
 
   usePaintHue(barRef, squareWidth);
 
@@ -49,13 +37,13 @@ var Hue = function Hue() {
       v: hc === null || hc === void 0 ? void 0 : hc.v
     });
 
-    var _a = tinyHsv.toRgb(),
-        r = _a.r,
-        g = _a.g,
-        b = _a.b;
+    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(__assign(__assign({}, hc), {
+    setHc(_objectSpread2(_objectSpread2({}, hc), {}, {
       h: newHue
     }));
   };
@@ -94,7 +82,6 @@ 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,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;"}
+{"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;"}