@dreamcommerce/aurora 2.16.2 → 2.16.4

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

@@ -0,0 +1,388 @@
+import React, { useState, useEffect } from 'react';
+import { slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import tinycolor from '../../../external/tinycolor2/tinycolor.js';
+import { round, formatInputValues } from '../utils/formatters.js';
+import { usePicker } from '../context.js';
+import { rgb2cmyk, cmykToRgb } from '../utils/converters.js';
+
+var Input = function Input(_ref) {
+  var value = _ref.value,
+      callback = _ref.callback,
+      _ref$max = _ref.max,
+      max = _ref$max === void 0 ? 100 : _ref$max,
+      label = _ref.label;
+
+  var _useState = useState(value),
+      _useState2 = _slicedToArray(_useState, 2),
+      temp = _useState2[0],
+      setTemp = _useState2[1];
+
+  var _usePicker = usePicker(),
+      hideOpacity = _usePicker.hideOpacity,
+      classes = _usePicker.classes;
+
+  var width = hideOpacity ? '22%' : '18%';
+  useEffect(function () {
+    setTemp(value);
+  }, [value]);
+
+  var _onChange = function onChange(e) {
+    var newVal = formatInputValues(parseFloat(e.target.value), 0, max);
+    setTemp(newVal);
+    callback(newVal);
+  };
+
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: width
+    }
+  }, /*#__PURE__*/React.createElement("input", {
+    value: temp,
+    id: "rbgcp-input",
+    onChange: function onChange(e) {
+      return _onChange(e);
+    },
+    className: classes.rbgcpInput
+  }), /*#__PURE__*/React.createElement("div", {
+    className: classes.rbgcpInputLabel
+  }, label));
+};
+
+var HexInput = function HexInput(_ref2) {
+  var opacity = _ref2.opacity;
+
+  var _usePicker2 = usePicker(),
+      handleChange = _usePicker2.handleChange,
+      tinyColor = _usePicker2.tinyColor,
+      classes = _usePicker2.classes;
+
+  var _useState3 = useState(''),
+      _useState4 = _slicedToArray(_useState3, 2),
+      disable = _useState4[0],
+      setDisable = _useState4[1];
+
+  var hex = tinyColor.toHex();
+
+  var _useState5 = useState(hex),
+      _useState6 = _slicedToArray(_useState5, 2),
+      newHex = _useState6[0],
+      setNewHex = _useState6[1];
+
+  useEffect(function () {
+    if (disable !== 'hex') {
+      setNewHex(hex);
+    }
+  }, [tinyColor, disable, hex]);
+
+  var hexFocus = function hexFocus() {
+    setDisable('hex');
+  };
+
+  var hexBlur = function hexBlur() {
+    setDisable('');
+  };
+
+  var handleHex = function handleHex(e) {
+    var tinyHex = tinycolor(e.target.value);
+    setNewHex(e.target.value);
+
+    if (tinyHex.isValid()) {
+      var _tinyHex$toRgb2 = tinyHex.toRgb(),
+          r = _tinyHex$toRgb2.r,
+          g = _tinyHex$toRgb2.g,
+          b = _tinyHex$toRgb2.b;
+
+      var newColor = "rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(opacity, ")");
+      handleChange(newColor);
+    }
+  };
+
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: '23%'
+    }
+  }, /*#__PURE__*/React.createElement("input", {
+    value: newHex,
+    onBlur: hexBlur,
+    onFocus: hexFocus,
+    id: "rbgcp-hex-input",
+    onChange: function onChange(e) {
+      return handleHex(e);
+    },
+    className: "".concat(classes.rbgcpInput, " ").concat(classes.rbgcpHexInput)
+  }), /*#__PURE__*/React.createElement("div", {
+    className: classes.rbgcpInputLabel
+  }, "HEX"));
+};
+
+var RGBInputs = function RGBInputs() {
+  var _usePicker3 = usePicker(),
+      handleChange = _usePicker3.handleChange,
+      hc = _usePicker3.hc;
+
+  var handleRgb = function handleRgb(_ref3) {
+    var r = _ref3.r,
+        g = _ref3.g,
+        b = _ref3.b;
+    handleChange("rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(hc === null || hc === void 0 ? void 0 : hc.a, ")"));
+  };
+
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Input, {
+    value: hc === null || hc === void 0 ? void 0 : hc.r,
+    callback: function callback(newVal) {
+      return handleRgb({
+        r: newVal,
+        g: hc === null || hc === void 0 ? void 0 : hc.g,
+        b: hc === null || hc === void 0 ? void 0 : hc.b
+      });
+    },
+    label: "R",
+    max: 255
+  }), /*#__PURE__*/React.createElement(Input, {
+    value: hc === null || hc === void 0 ? void 0 : hc.g,
+    callback: function callback(newVal) {
+      return handleRgb({
+        r: hc === null || hc === void 0 ? void 0 : hc.r,
+        g: newVal,
+        b: hc === null || hc === void 0 ? void 0 : hc.b
+      });
+    },
+    label: "G",
+    max: 255
+  }), /*#__PURE__*/React.createElement(Input, {
+    value: hc === null || hc === void 0 ? void 0 : hc.b,
+    callback: function callback(newVal) {
+      return handleRgb({
+        r: hc === null || hc === void 0 ? void 0 : hc.r,
+        g: hc === null || hc === void 0 ? void 0 : hc.g,
+        b: newVal
+      });
+    },
+    label: "B",
+    max: 255
+  }));
+};
+
+var HSLInputs = function HSLInputs() {
+  var _usePicker4 = usePicker(),
+      handleChange = _usePicker4.handleChange,
+      tinyColor = _usePicker4.tinyColor,
+      setHc = _usePicker4.setHc,
+      hc = _usePicker4.hc;
+
+  var _tinyColor$toHsl = tinyColor.toHsl(),
+      s = _tinyColor$toHsl.s,
+      l = _tinyColor$toHsl.l;
+
+  var handleH = function handleH(h, s, l) {
+    var _tc$toRgb = tinycolor({
+      h: h,
+      s: s,
+      l: l
+    }).toRgb(),
+        r = _tc$toRgb.r,
+        g = _tc$toRgb.g,
+        b = _tc$toRgb.b;
+
+    handleChange("rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(hc === null || hc === void 0 ? void 0 : hc.a, ")"));
+    setHc(_objectSpread2(_objectSpread2({}, hc), {}, {
+      h: h
+    }));
+  };
+
+  var handleSl = function handleSl(value) {
+    var _tc$toRgb2 = tinycolor(value).toRgb(),
+        r = _tc$toRgb2.r,
+        g = _tc$toRgb2.g,
+        b = _tc$toRgb2.b;
+
+    handleChange("rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(hc === null || hc === void 0 ? void 0 : hc.a, ")"));
+  };
+
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Input, {
+    value: round(hc === null || hc === void 0 ? void 0 : hc.h),
+    callback: function callback(newVal) {
+      return handleH(newVal, s, l);
+    },
+    label: "H",
+    max: 360
+  }), /*#__PURE__*/React.createElement(Input, {
+    value: round(s * 100),
+    callback: function callback(newVal) {
+      return handleSl({
+        h: hc === null || hc === void 0 ? void 0 : hc.h,
+        s: newVal,
+        l: l
+      });
+    },
+    label: "S"
+  }), /*#__PURE__*/React.createElement(Input, {
+    value: round(l * 100),
+    callback: function callback(newVal) {
+      return handleSl({
+        h: hc === null || hc === void 0 ? void 0 : hc.h,
+        s: s,
+        l: newVal
+      });
+    },
+    label: "L"
+  }));
+};
+
+var HSVInputs = function HSVInputs() {
+  var _usePicker5 = usePicker(),
+      handleChange = _usePicker5.handleChange,
+      setHc = _usePicker5.setHc,
+      hc = _usePicker5.hc;
+
+  var handleH = function handleH(h, s, v) {
+    var _tc$toRgb3 = tinycolor({
+      h: h,
+      s: s,
+      v: v
+    }).toRgb(),
+        r = _tc$toRgb3.r,
+        g = _tc$toRgb3.g,
+        b = _tc$toRgb3.b;
+
+    handleChange("rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(hc === null || hc === void 0 ? void 0 : hc.a, ")"));
+    setHc(_objectSpread2(_objectSpread2({}, hc), {}, {
+      h: h
+    }));
+  };
+
+  var handleSV = function handleSV(value) {
+    var _tc$toRgb4 = tinycolor(value).toRgb(),
+        r = _tc$toRgb4.r,
+        g = _tc$toRgb4.g,
+        b = _tc$toRgb4.b;
+
+    handleChange("rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(hc === null || hc === void 0 ? void 0 : hc.a, ")"));
+  };
+
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Input, {
+    value: round(hc === null || hc === void 0 ? void 0 : hc.h),
+    callback: function callback(newVal) {
+      return handleH(newVal, hc === null || hc === void 0 ? void 0 : hc.s, hc === null || hc === void 0 ? void 0 : hc.v);
+    },
+    label: "H",
+    max: 360
+  }), /*#__PURE__*/React.createElement(Input, {
+    value: round((hc === null || hc === void 0 ? void 0 : hc.s) * 100),
+    callback: function callback(newVal) {
+      return handleSV({
+        h: hc === null || hc === void 0 ? void 0 : hc.h,
+        s: newVal,
+        v: hc === null || hc === void 0 ? void 0 : hc.v
+      });
+    },
+    label: "S"
+  }), /*#__PURE__*/React.createElement(Input, {
+    value: round((hc === null || hc === void 0 ? void 0 : hc.v) * 100),
+    callback: function callback(newVal) {
+      return handleSV({
+        h: hc === null || hc === void 0 ? void 0 : hc.h,
+        s: hc === null || hc === void 0 ? void 0 : hc.s,
+        v: newVal
+      });
+    },
+    label: "V"
+  }));
+};
+
+var CMKYInputs = function CMKYInputs() {
+  var _usePicker6 = usePicker(),
+      handleChange = _usePicker6.handleChange,
+      hc = _usePicker6.hc;
+
+  var _rgb2cmyk = rgb2cmyk(hc === null || hc === void 0 ? void 0 : hc.r, hc === null || hc === void 0 ? void 0 : hc.g, hc === null || hc === void 0 ? void 0 : hc.b),
+      c = _rgb2cmyk.c,
+      m = _rgb2cmyk.m,
+      y = _rgb2cmyk.y,
+      k = _rgb2cmyk.k;
+
+  var handleCmyk = function handleCmyk(value) {
+    var _cmykToRgb = cmykToRgb(value),
+        r = _cmykToRgb.r,
+        g = _cmykToRgb.g,
+        b = _cmykToRgb.b;
+
+    handleChange("rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(hc === null || hc === void 0 ? void 0 : hc.a, ")"));
+  };
+
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Input, {
+    value: round(c * 100),
+    callback: function callback(newVal) {
+      return handleCmyk({
+        c: newVal / 100,
+        m: m,
+        y: y,
+        k: k
+      });
+    },
+    label: "C"
+  }), /*#__PURE__*/React.createElement(Input, {
+    value: round(m * 100),
+    callback: function callback(newVal) {
+      return handleCmyk({
+        c: c,
+        m: newVal / 100,
+        y: y,
+        k: k
+      });
+    },
+    label: "M"
+  }), /*#__PURE__*/React.createElement(Input, {
+    value: round(y * 100),
+    callback: function callback(newVal) {
+      return handleCmyk({
+        c: c,
+        m: m,
+        y: newVal / 100,
+        k: k
+      });
+    },
+    label: "Y"
+  }), /*#__PURE__*/React.createElement(Input, {
+    value: round(k * 100),
+    callback: function callback(newVal) {
+      return handleCmyk({
+        c: c,
+        m: m,
+        y: y,
+        k: newVal / 100
+      });
+    },
+    label: "K"
+  }));
+};
+
+var Inputs = function Inputs() {
+  var _usePicker7 = usePicker(),
+      handleChange = _usePicker7.handleChange,
+      inputType = _usePicker7.inputType,
+      hideOpacity = _usePicker7.hideOpacity,
+      hc = _usePicker7.hc,
+      classes = _usePicker7.classes;
+
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      paddingTop: 14,
+      display: 'flex',
+      justifyContent: 'space-between'
+    },
+    id: "rbgcp-inputs-wrap",
+    className: classes.rbgcpInputsWrap
+  }, inputType !== 'cmyk' && /*#__PURE__*/React.createElement(HexInput, {
+    opacity: hc === null || hc === void 0 ? void 0 : hc.a
+  }), inputType === 'hsl' && /*#__PURE__*/React.createElement(HSLInputs, null), inputType === 'rgb' && /*#__PURE__*/React.createElement(RGBInputs, null), inputType === 'hsv' && /*#__PURE__*/React.createElement(HSVInputs, null), inputType === 'cmyk' && /*#__PURE__*/React.createElement(CMKYInputs, null), !hideOpacity && /*#__PURE__*/React.createElement(Input, {
+    value: Math.round((hc === null || hc === void 0 ? void 0 : hc.a) * 100),
+    callback: function callback(newVal) {
+      return handleChange("rgba(".concat(hc === null || hc === void 0 ? void 0 : hc.r, ", ").concat(hc === null || hc === void 0 ? void 0 : hc.g, ", ").concat(hc === null || hc === void 0 ? void 0 : hc.b, ", ").concat(newVal / 100, ")"));
+    },
+    label: "A"
+  }));
+};
+
+export default Inputs;
+//# sourceMappingURL=Inputs.js.map

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

@@ -0,0 +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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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

@@ -0,0 +1,97 @@
+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 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 _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      dragging = _useState2[0],
+      setDragging = _useState2[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: {
+      width: '100%',
+      height: 14
+    },
+    className: classes.rbgcpCheckered
+  }), /*#__PURE__*/React.createElement("div", {
+    style: {
+      left: left * (hc === null || hc === void 0 ? void 0 : hc.a),
+      top: -2
+    },
+    className: classes.rbgcpHandle
+  }), /*#__PURE__*/React.createElement("div", {
+    style: {
+      background: bg
+    },
+    onClick: function onClick(e) {
+      return handleClick(e);
+    },
+    className: classes.rbgcpOpacityOverlay
+  }));
+};
+
+export default Opacity;
+//# sourceMappingURL=Opacity.js.map

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

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

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

@@ -0,0 +1,54 @@
+import React from 'react';
+import { usePicker } from '../context.js';
+import Hue from './Hue.js';
+import Inputs from './Inputs.js';
+import Square from './Square.js';
+import Opacity from './Opacity.js';
+import Presets from './Presets.js';
+import Controls from './Controls.js';
+import GradientBar from './GradientBar.js';
+
+var Picker = function Picker(_ref) {
+  var locales = _ref.locales,
+      presets = _ref.presets,
+      hideHue = _ref.hideHue,
+      hideInputs = _ref.hideInputs,
+      hidePresets = _ref.hidePresets,
+      hideOpacity = _ref.hideOpacity,
+      hideEyeDrop = _ref.hideEyeDrop,
+      hideControls = _ref.hideControls,
+      hideInputType = _ref.hideInputType,
+      hideColorGuide = _ref.hideColorGuide,
+      hideGradientType = _ref.hideGradientType,
+      hideGradientStop = _ref.hideGradientStop,
+      hideGradientAngle = _ref.hideGradientAngle,
+      hideColorTypeBtns = _ref.hideColorTypeBtns,
+      hideAdvancedSliders = _ref.hideAdvancedSliders,
+      hideGradientControls = _ref.hideGradientControls;
+
+  var _usePicker = usePicker(),
+      isGradient = _usePicker.isGradient;
+
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      userSelect: 'none'
+    },
+    id: "rbgcp-wrapper"
+  }, /*#__PURE__*/React.createElement(Square, null), !hideControls && /*#__PURE__*/React.createElement(Controls, {
+    locales: locales,
+    hideEyeDrop: hideEyeDrop,
+    hideInputType: hideInputType,
+    hideColorGuide: hideColorGuide,
+    hideGradientType: hideGradientType,
+    hideGradientStop: hideGradientStop,
+    hideColorTypeBtns: hideColorTypeBtns,
+    hideGradientAngle: hideGradientAngle,
+    hideAdvancedSliders: hideAdvancedSliders,
+    hideGradientControls: hideGradientControls
+  }), isGradient && /*#__PURE__*/React.createElement(GradientBar, null), !hideHue && /*#__PURE__*/React.createElement(Hue, null), !hideOpacity && /*#__PURE__*/React.createElement(Opacity, null), !hideInputs && /*#__PURE__*/React.createElement(Inputs, null), !hidePresets && /*#__PURE__*/React.createElement(Presets, {
+    presets: presets
+  }));
+};
+
+export default Picker;
+//# sourceMappingURL=Picker.js.map

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

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

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

@@ -0,0 +1,34 @@
+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 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];
+
+  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

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

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

@@ -0,0 +1,71 @@
+import React from 'react';
+import { fakePresets } from '../constants.js';
+import { usePicker } from '../context.js';
+
+var Presets = function Presets(_ref) {
+  var _ref$presets = _ref.presets,
+      presets = _ref$presets === void 0 ? [] : _ref$presets;
+
+  var _usePicker = usePicker(),
+      value = _usePicker.value,
+      onChange = _usePicker.onChange,
+      handleChange = _usePicker.handleChange,
+      squareWidth = _usePicker.squareWidth;
+
+  var getPresets = function getPresets() {
+    if ((presets === null || presets === void 0 ? void 0 : presets.length) > 0) {
+      return presets === null || presets === void 0 ? void 0 : presets.slice(0, 18);
+    } else {
+      return fakePresets;
+    }
+  };
+
+  var handlePresetClick = function handlePresetClick(preset) {
+    if (preset !== null && preset !== void 0 && preset.includes('gradient')) {
+      onChange(preset);
+    } else {
+      handleChange(preset);
+    }
+  };
+
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      marginTop: 14,
+      justifyContent: 'space-between'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: 50,
+      height: 50,
+      background: value,
+      borderRadius: 6,
+      flexShrink: 0
+    }
+  }), /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      flexWrap: 'wrap',
+      width: squareWidth - 66,
+      justifyContent: 'space-between'
+    }
+  }, getPresets().map(function (p, key) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: "".concat(p, "-").concat(key),
+      style: {
+        height: 23,
+        width: '10.2%',
+        borderRadius: 4,
+        background: p,
+        marginBottom: 2,
+        border: p === 'rgba(255,255,255, 1)' ? '1px solid #96959c' : ''
+      },
+      onClick: function onClick() {
+        return handlePresetClick(p);
+      }
+    });
+  })));
+};
+
+export default Presets;
+//# sourceMappingURL=Presets.js.map

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

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