@dreamcommerce/aurora 3.0.0-90 → 3.0.0-91

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

@@ -1,182 +0,0 @@
-import React, { useState, useEffect } from 'react';
-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;
-  };
-  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 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), {
-        value: i === index ? high(cc) : low(cc)
-      });
-    });
-    createGradientStr(newGradStr);
-  };
-  var handleDown = function handleDown(e) {
-    e.stopPropagation();
-    setSelectedColor(i);
-    setDragging(true);
-  };
-  // const handleFocus = () => {
-  //   setInFocus('gpoint')
-  //   setSelectedColor(i)
-  // }
-  // const 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);
-    },
-    style: __assign(__assign({}, defaultStyles.rbgcpGradientHandleWrap), {
-      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'
-    } : {})
-  }, isSelected && (/*#__PURE__*/React.createElement("div", {
-    style: {
-      width: 5,
-      height: 5,
-      borderRadius: '50%',
-      background: 'white'
-    }
-  }))));
-};
-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)
-  function force90degLinear(color) {
-    return color.replace(/(radial|linear)-gradient\([^,]+,/, 'linear-gradient(90deg,');
-  }
-  var addPoint = function addPoint(e) {
-    var _a;
-    var left = getHandleValue(e);
-    var newColors = (_a = __spreadArray(__spreadArray([], colors.map(function (c) {
-      return __assign(__assign({}, c), {
-        value: low(c)
-      });
-    }), true), [{
-      value: currentColor,
-      left: left
-    }], false)) === null || _a === void 0 ? void 0 : _a.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])
-  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, getHandleValue(e));
-  };
-  // const handleKeyboard = (e: any) => {
-  //   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)
-    return function () {
-      window.removeEventListener('mouseup', handleUp);
-      // window?.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: {
-      height: 14,
-      borderRadius: 10,
-      width: squareWidth,
-      backgroundImage: force90degLinear(value)
-    },
-    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),
-      setDragging: setDragging
-    });
-  }));
-};
-
-export default GradientBar;
-export { Handle };
-//# sourceMappingURL=GradientBar.js.map

package/build/esm/external/react-best-gradient-color-picker/dist/esm/components/GradientBar.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;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,166 +0,0 @@
-import React from 'react';
-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);
-};
-var GradientType = function GradientType() {
-  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';
-  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", {
-    style: defaultStyles.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;
-    }
-  }, /*#__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;
-    }
-  }, /*#__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 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), {
-      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)
-  }));
-};
-var DegreePicker = function DegreePicker() {
-  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);
-    var remaining = value.split(/,(.+)/)[1];
-    onChange("linear-gradient(".concat(newValue || 0, "deg, ").concat(remaining));
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    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);
-    },
-    style: __assign(__assign({}, defaultStyles.rbgcpControlInput), defaultStyles.rbgcpDegreeInput)
-  }), /*#__PURE__*/React.createElement("div", {
-    style: __assign(__assign({}, defaultStyles.rbgcpDegreeIcon), {
-      position: 'absolute',
-      right: degrees > 99 ? 0 : degrees < 10 ? 7 : 3,
-      top: 1,
-      fontWeight: 400,
-      fontSize: 13
-    })
-  }, "\xB0"));
-};
-var DeleteBtn = function DeleteBtn() {
-  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 __assign(__assign({}, 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: __assign(__assign({}, controlBtnStyles(false, defaultStyles)), {
-      width: 28
-    }),
-    id: "rbgcp-point-delete-btn",
-    tabIndex: 0,
-    role: "button",
-    onKeyDown: function onKeyDown() {
-      return;
-    }
-  }, /*#__PURE__*/React.createElement(TrashIcon, null));
-};
-var GradientControls = function GradientControls(_a) {
-  var hideGradientType = _a.hideGradientType,
-    hideGradientAngle = _a.hideGradientAngle,
-    hideGradientStop = _a.hideGradientStop;
-  var _b = usePicker(),
-    gradientType = _b.gradientType,
-    defaultStyles = _b.defaultStyles;
-  return /*#__PURE__*/React.createElement("div", {
-    style: __assign(__assign({}, defaultStyles.rbgcpControlBtnWrapper), {
-      marginTop: 12,
-      marginBottom: -4,
-      justifyContent: 'space-between',
-      paddingLeft: hideGradientType ? 4 : 0
-    }),
-    id: "rbgcp-gradient-controls-wrap"
-  }, !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;AACA;AACA;AACA;AACA;"}

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

@@ -1,114 +0,0 @@
-import React, { useRef, useState, useEffect } from 'react';
-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 _b = useState(false),
-    dragging = _b[0],
-    setDragging = _b[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 _a = tinyHsv.toRgb(),
-      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);
-    }
-  };
-  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", {
-    tabIndex: 0,
-    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,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;"}

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

@@ -1,93 +0,0 @@
-import React, { useState, useEffect } from 'react';
-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 _a = usePicker(),
-    handleChange = _a.handleChange,
-    _b = _a.hc,
-    hc = _b === void 0 ? {} : _b,
-    squareWidth = _a.squareWidth,
-    defaultStyles = _a.defaultStyles;
-  var _c = useState(false),
-    dragging = _c[0],
-    setDragging = _c[1];
-  var r = hc.r,
-    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 = 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;
-  useEffect(function () {
-    var handleUp = function handleUp() {
-      stopDragging();
-    };
-    window.addEventListener('mouseup', handleUp);
-    return function () {
-      window.removeEventListener('mouseup', handleUp);
-    };
-  }, []);
-  return /*#__PURE__*/React.createElement("div", {
-    onMouseDown: handleDown,
-    onMouseMove: function onMouseMove(e) {
-      return handleMove(e);
-    },
-    style: {
-      height: 14,
-      marginTop: 17,
-      marginBottom: 4,
-      cursor: 'ew-resize',
-      position: 'relative'
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    style: __assign(__assign({}, defaultStyles.rbgcpCheckered), {
-      width: '100%',
-      height: 14
-    })
-  }), /*#__PURE__*/React.createElement("div", {
-    style: __assign(__assign({}, defaultStyles.rbgcpHandle), {
-      left: left * (hc === null || hc === void 0 ? void 0 : hc.a),
-      top: -2
-    })
-  }), /*#__PURE__*/React.createElement("div", {
-    style: __assign(__assign({}, defaultStyles.rbgcpOpacityOverlay), {
-      background: bg
-    }),
-    onClick: function onClick(e) {
-      return handleClick(e);
-    }
-  }));
-};
-
-export default Opacity;
-//# sourceMappingURL=Opacity.js.map

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

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

@@ -1,27 +0,0 @@
-import { memo, useRef, useState, useEffect } from 'react';
-import { createPortal } from 'react-dom';
-
-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 dynamic = useState(!el.current.parentElement)[0];
-  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
-  }, [id]);
-  return /*#__PURE__*/createPortal(children, el.current);
-};
-var Portal$1 = /*#__PURE__*/memo(Portal);
-
-export default Portal$1;
-//# sourceMappingURL=Portal.js.map

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