@dreamcommerce/aurora 2.16.2 → 2.16.4

package/build/esm/external/prop-types/index.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,oBAAoB,8BAAkC;AACtD;AACA;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,oBAAoB,8BAAkC;AACtD;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/prop-types/lib/ReactPropTypesSecret.js

@@ -6,7 +6,6 @@
  */
 
 var ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
-
 var ReactPropTypesSecret_1 = ReactPropTypesSecret;
 
 export default ReactPropTypesSecret_1;

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

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

@@ -0,0 +1,216 @@
+import React, { useRef, useState, useEffect } from 'react';
+import { slicedToArray as _slicedToArray } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import tinycolor from '../../../external/tinycolor2/tinycolor.js';
+import { getHandleValue } from '../utils/utils.js';
+import { usePicker } from '../context.js';
+import { usePaintSat, usePaintLight, usePaintBright } from '../hooks/usePaintHue.js';
+
+var AdvBar = function AdvBar(_ref) {
+  var value = _ref.value,
+      callback = _ref.callback,
+      reffy = _ref.reffy,
+      openAdvanced = _ref.openAdvanced,
+      label = _ref.label;
+
+  var _usePicker = usePicker(),
+      squareWidth = _usePicker.squareWidth,
+      classes = _usePicker.classes;
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      dragging = _useState2[0],
+      setDragging = _useState2[1];
+
+  var _useState3 = useState(2),
+      _useState4 = _slicedToArray(_useState3, 2),
+      handleTop = _useState4[0],
+      setHandleTop = _useState4[1];
+
+  var left = value * (squareWidth - 18);
+  useEffect(function () {
+    var _reffy$current;
+
+    setHandleTop((reffy === null || reffy === void 0 || (_reffy$current = reffy.current) === null || _reffy$current === void 0 ? void 0 : _reffy$current.offsetTop) - 2);
+  }, [openAdvanced, reffy]);
+
+  var stopDragging = function stopDragging() {
+    setDragging(false);
+  };
+
+  var handleMove = function handleMove(e) {
+    if (dragging) {
+      callback(getHandleValue(e));
+    }
+  };
+
+  var handleClick = function handleClick(e) {
+    if (!dragging) {
+      callback(getHandleValue(e));
+    }
+  };
+
+  var handleDown = function handleDown() {
+    setDragging(true);
+  };
+
+  useEffect(function () {
+    var handleUp = function handleUp() {
+      stopDragging();
+    };
+
+    window.addEventListener('mouseup', handleUp);
+    return function () {
+      window.removeEventListener('mouseup', handleUp);
+    };
+  }, []);
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: '100%',
+      padding: '3px 0px 3px 0px'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    onMouseMove: function onMouseMove(e) {
+      return handleMove(e);
+    },
+    className: "".concat(classes.cResize, " ").concat(classes.psRl)
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      left: left,
+      top: handleTop
+    },
+    className: classes.rbgcpHandle,
+    onMouseDown: handleDown,
+    role: "button",
+    tabIndex: 0
+  }), /*#__PURE__*/React.createElement("div", {
+    style: {
+      textAlign: 'center',
+      color: '#fff',
+      fontSize: 12,
+      fontWeight: 500,
+      lineHeight: 1,
+      position: 'absolute',
+      left: '50%',
+      transform: 'translate(-50%, 0%)',
+      top: handleTop + 2,
+      zIndex: 10,
+      textShadow: '1px 1px 1px rgba(0,0,0,.6)'
+    },
+    onMouseMove: function onMouseMove(e) {
+      return handleMove(e);
+    },
+    onClick: function onClick(e) {
+      return handleClick(e);
+    }
+  }, label), /*#__PURE__*/React.createElement("canvas", {
+    ref: reffy,
+    height: "14px",
+    width: "".concat(squareWidth, "px"),
+    onClick: function onClick(e) {
+      return handleClick(e);
+    },
+    style: {
+      position: 'relative',
+      borderRadius: 14
+    }
+  })));
+};
+
+var AdvancedControls = function AdvancedControls(_ref2) {
+  var openAdvanced = _ref2.openAdvanced;
+
+  var _usePicker2 = usePicker(),
+      tinyColor = _usePicker2.tinyColor,
+      handleChange = _usePicker2.handleChange,
+      squareWidth = _usePicker2.squareWidth,
+      hc = _usePicker2.hc;
+
+  var _tinyColor$toHsl = tinyColor.toHsl(),
+      s = _tinyColor$toHsl.s,
+      l = _tinyColor$toHsl.l;
+
+  var satRef = useRef(null);
+  var lightRef = useRef(null);
+  var brightRef = useRef(null);
+  usePaintSat(satRef, hc === null || hc === void 0 ? void 0 : hc.h, l * 100, squareWidth);
+  usePaintLight(lightRef, hc === null || hc === void 0 ? void 0 : hc.h, s * 100, squareWidth);
+  usePaintBright(brightRef, hc === null || hc === void 0 ? void 0 : hc.h, s * 100, squareWidth);
+
+  var satDesat = function satDesat(value) {
+    var _tinycolor$toRgb = tinycolor({
+      h: hc === null || hc === void 0 ? void 0 : hc.h,
+      s: value / 100,
+      l: l
+    }).toRgb(),
+        r = _tinycolor$toRgb.r,
+        g = _tinycolor$toRgb.g,
+        b = _tinycolor$toRgb.b;
+
+    handleChange("rgba(".concat(r, ",").concat(g, ",").concat(b, ",").concat(hc === null || hc === void 0 ? void 0 : hc.a, ")"));
+  };
+
+  var setLight = function setLight(value) {
+    var _tinycolor$toRgb2 = tinycolor({
+      h: hc === null || hc === void 0 ? void 0 : hc.h,
+      s: s,
+      l: value / 100
+    }).toRgb(),
+        r = _tinycolor$toRgb2.r,
+        g = _tinycolor$toRgb2.g,
+        b = _tinycolor$toRgb2.b;
+
+    handleChange("rgba(".concat(r, ",").concat(g, ",").concat(b, ",").concat(hc === null || hc === void 0 ? void 0 : hc.a, ")"));
+  };
+
+  var setBright = function setBright(value) {
+    var _tinycolor$toRgb3 = tinycolor({
+      h: hc === null || hc === void 0 ? void 0 : hc.h,
+      s: (hc === null || hc === void 0 ? void 0 : hc.s) * 100,
+      v: value
+    }).toRgb(),
+        r = _tinycolor$toRgb3.r,
+        g = _tinycolor$toRgb3.g,
+        b = _tinycolor$toRgb3.b;
+
+    handleChange("rgba(".concat(r, ",").concat(g, ",").concat(b, ",").concat(hc === null || hc === void 0 ? void 0 : hc.a, ")"));
+  };
+
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      height: openAdvanced ? 98 : 0,
+      width: '100%',
+      transition: 'all 120ms linear'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      paddingTop: 11,
+      display: openAdvanced ? 'flex' : 'none',
+      flexDirection: 'column',
+      justifyContent: 'space-between',
+      height: openAdvanced ? 98 : 0,
+      overflow: 'hidden',
+      transition: 'height 100ms linear'
+    }
+  }, /*#__PURE__*/React.createElement(AdvBar, {
+    value: s,
+    reffy: satRef,
+    callback: satDesat,
+    openAdvanced: openAdvanced,
+    label: "Saturation"
+  }), /*#__PURE__*/React.createElement(AdvBar, {
+    value: l,
+    reffy: lightRef,
+    label: "Lightness",
+    callback: setLight,
+    openAdvanced: openAdvanced
+  }), /*#__PURE__*/React.createElement(AdvBar, {
+    value: hc === null || hc === void 0 ? void 0 : hc.v,
+    reffy: brightRef,
+    label: "Brightness",
+    callback: setBright,
+    openAdvanced: openAdvanced
+  })));
+};
+
+export default AdvancedControls;
+//# sourceMappingURL=AdvancedControls.js.map

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

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

@@ -0,0 +1,160 @@
+import React from 'react';
+import { usePicker } from '../context.js';
+
+var ComparibleColors = function ComparibleColors(_ref) {
+  var openComparibles = _ref.openComparibles;
+
+  var _usePicker = usePicker(),
+      tinyColor = _usePicker.tinyColor,
+      handleChange = _usePicker.handleChange,
+      classes = _usePicker.classes;
+
+  var analogous = tinyColor.analogous();
+  var monochromatic = tinyColor.monochromatic();
+  var triad = tinyColor.triad();
+  var tetrad = tinyColor.tetrad();
+
+  var handleClick = function handleClick(tiny) {
+    var _tiny$toRgb = tiny.toRgb(),
+        r = _tiny$toRgb.r,
+        g = _tiny$toRgb.g,
+        b = _tiny$toRgb.b,
+        a = _tiny$toRgb.a;
+
+    handleChange("rgba(".concat(r, ",").concat(g, ",").concat(b, ",").concat(a, ")"));
+  };
+
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      height: openComparibles ? 216 : 0,
+      width: '100%',
+      transition: 'all 120ms linear'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      paddingTop: 11,
+      display: openComparibles ? '' : 'none',
+      position: 'relative'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      textAlign: 'center',
+      fontSize: 13,
+      fontWeight: 600,
+      position: 'absolute',
+      top: 6.5,
+      left: 2
+    },
+    className: classes.rbgcpComparibleLabel
+  }, "Color Guide"), /*#__PURE__*/React.createElement("div", {
+    style: {
+      textAlign: 'center',
+      fontSize: 12,
+      fontWeight: 500,
+      marginTop: 3
+    },
+    className: classes.rbgcpComparibleLabel
+  }, "Analogous"), /*#__PURE__*/React.createElement("div", {
+    style: {
+      borderRadius: 5,
+      overflow: 'hidden',
+      display: 'flex'
+    }
+  }, analogous === null || analogous === void 0 ? void 0 : analogous.map(function (c, key) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: key,
+      style: {
+        width: '20%',
+        height: 30,
+        background: c.toHexString()
+      },
+      onClick: function onClick() {
+        return handleClick(c);
+      }
+    });
+  })), /*#__PURE__*/React.createElement("div", {
+    style: {
+      textAlign: 'center',
+      fontSize: 12,
+      fontWeight: 500,
+      marginTop: 3
+    },
+    className: classes.rbgcpComparibleLabel
+  }, "Monochromatic"), /*#__PURE__*/React.createElement("div", {
+    style: {
+      borderRadius: 5,
+      overflow: 'hidden',
+      display: 'flex',
+      justifyContent: 'flex-end'
+    }
+  }, monochromatic === null || monochromatic === void 0 ? void 0 : monochromatic.map(function (c, key) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: key,
+      style: {
+        width: '20%',
+        height: 30,
+        background: c.toHexString()
+      },
+      onClick: function onClick() {
+        return handleClick(c);
+      }
+    });
+  })), /*#__PURE__*/React.createElement("div", {
+    style: {
+      textAlign: 'center',
+      fontSize: 12,
+      fontWeight: 500,
+      marginTop: 3
+    },
+    className: classes.rbgcpComparibleLabel
+  }, "Triad"), /*#__PURE__*/React.createElement("div", {
+    style: {
+      borderRadius: 5,
+      overflow: 'hidden',
+      display: 'flex',
+      justifyContent: 'flex-end'
+    }
+  }, triad === null || triad === void 0 ? void 0 : triad.map(function (c, key) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: key,
+      style: {
+        width: 'calc(100% / 3)',
+        height: 28,
+        background: c.toHexString()
+      },
+      onClick: function onClick() {
+        return handleClick(c);
+      }
+    });
+  })), /*#__PURE__*/React.createElement("div", {
+    style: {
+      textAlign: 'center',
+      fontSize: 12,
+      fontWeight: 500,
+      marginTop: 3
+    },
+    className: classes.rbgcpComparibleLabel
+  }, "Tetrad"), /*#__PURE__*/React.createElement("div", {
+    style: {
+      borderRadius: 5,
+      overflow: 'hidden',
+      display: 'flex',
+      justifyContent: 'flex-end'
+    }
+  }, tetrad === null || tetrad === void 0 ? void 0 : tetrad.map(function (c, key) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: key,
+      style: {
+        width: '25%',
+        height: 28,
+        background: c.toHexString()
+      },
+      onClick: function onClick() {
+        return handleClick(c);
+      }
+    });
+  }))));
+};
+
+export default ComparibleColors;
+//# sourceMappingURL=ComparibleColors.js.map

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

@@ -0,0 +1,254 @@
+import React, { useState } from 'react';
+import { slicedToArray as _slicedToArray } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { config } from '../constants.js';
+import { usePicker } from '../context.js';
+import { SlidersIcon, PaletteIcon, InputsIcon } from './icon.js';
+import Dropper from './EyeDropper.js';
+import AdvancedControls from './AdvancedControls.js';
+import ComparibleColors from './ComparibleColors.js';
+import GradientControls from './GradientControls.js';
+
+var defaultColor = config.defaultColor,
+    defaultGradient = config.defaultGradient;
+
+var Controls = function Controls(_ref) {
+  var locales = _ref.locales,
+      hideEyeDrop = _ref.hideEyeDrop,
+      hideAdvancedSliders = _ref.hideAdvancedSliders,
+      hideColorGuide = _ref.hideColorGuide,
+      hideInputType = _ref.hideInputType,
+      hideColorTypeBtns = _ref.hideColorTypeBtns,
+      hideGradientControls = _ref.hideGradientControls,
+      hideGradientType = _ref.hideGradientType,
+      hideGradientAngle = _ref.hideGradientAngle,
+      hideGradientStop = _ref.hideGradientStop;
+
+  var _usePicker = usePicker(),
+      onChange = _usePicker.onChange,
+      isGradient = _usePicker.isGradient,
+      handleChange = _usePicker.handleChange,
+      classes = _usePicker.classes,
+      previous = _usePicker.previous;
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      openComparibles = _useState2[0],
+      setOpenComparibles = _useState2[1];
+
+  var _useState3 = useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      openInputType = _useState4[0],
+      setOpenInputType = _useState4[1];
+
+  var _useState5 = useState(false),
+      _useState6 = _slicedToArray(_useState5, 2),
+      openAdvanced = _useState6[0],
+      setOpenAdvanced = _useState6[1];
+
+  var noTools = hideEyeDrop && hideAdvancedSliders && hideColorGuide && hideInputType;
+  var solidColor = (previous === null || previous === void 0 ? void 0 : previous.color) || defaultColor;
+  var gradientColor = (previous === null || previous === void 0 ? void 0 : previous.gradient) || defaultGradient;
+
+  var setSolid = function setSolid() {
+    onChange(solidColor);
+  };
+
+  var setGradient = function setGradient() {
+    onChange(gradientColor);
+  };
+
+  var allRightControlsHidden = hideEyeDrop && hideAdvancedSliders && hideColorGuide && hideInputType;
+  var allControlsHidden = allRightControlsHidden && hideColorTypeBtns;
+
+  if (allControlsHidden) {
+    if (isGradient && !hideGradientControls) {
+      return /*#__PURE__*/React.createElement(GradientControls, {
+        hideGradientType: hideGradientType,
+        hideGradientAngle: hideGradientAngle,
+        hideGradientStop: hideGradientStop
+      });
+    } else {
+      return null;
+    }
+  } else {
+    return /*#__PURE__*/React.createElement("div", {
+      style: {
+        paddingTop: 12,
+        paddingBottom: 4
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      style: {
+        width: '100%'
+      },
+      className: "".concat(classes.ac, " ").concat(classes.jsb)
+    }, /*#__PURE__*/React.createElement(ColorTypeBtns, {
+      hideColorTypeBtns: hideColorTypeBtns,
+      setGradient: setGradient,
+      isGradient: isGradient,
+      setSolid: setSolid,
+      locales: locales
+    }), !allRightControlsHidden && /*#__PURE__*/React.createElement("div", {
+      style: {
+        display: noTools ? 'none' : ''
+      },
+      className: classes.rbgcpControlBtnWrapper
+    }, !hideEyeDrop && /*#__PURE__*/React.createElement(Dropper, {
+      onSelect: handleChange
+    }), /*#__PURE__*/React.createElement("div", {
+      id: "rbgcp-advanced-btn",
+      onClick: function onClick() {
+        return setOpenAdvanced(!openAdvanced);
+      },
+      className: controlBtnStyles(openAdvanced, classes),
+      style: {
+        display: hideAdvancedSliders ? 'none' : 'flex'
+      }
+    }, /*#__PURE__*/React.createElement(SlidersIcon, {
+      color: openAdvanced ? '#568CF5' : ''
+    })), /*#__PURE__*/React.createElement("div", {
+      id: "rbgcp-comparibles-btn",
+      style: {
+        display: hideColorGuide ? 'none' : 'flex'
+      },
+      onClick: function onClick() {
+        return setOpenComparibles(!openComparibles);
+      },
+      className: controlBtnStyles(openComparibles, classes)
+    }, /*#__PURE__*/React.createElement(PaletteIcon, {
+      color: openComparibles ? '#568CF5' : ''
+    })), /*#__PURE__*/React.createElement("div", {
+      id: "rbgcp-color-model-btn",
+      onClick: function onClick() {
+        return setOpenInputType(!openInputType);
+      },
+      className: controlBtnStyles(openInputType, classes),
+      style: {
+        display: hideInputType ? 'none' : 'flex'
+      }
+    }, /*#__PURE__*/React.createElement(InputsIcon, {
+      color: openInputType ? '#568CF5' : ''
+    }), /*#__PURE__*/React.createElement(InputTypeDropdown, {
+      openInputType: openInputType,
+      setOpenInputType: setOpenInputType
+    })))), !hideAdvancedSliders && /*#__PURE__*/React.createElement(AdvancedControls, {
+      openAdvanced: openAdvanced
+    }), !hideColorGuide && /*#__PURE__*/React.createElement(ComparibleColors, {
+      openComparibles: openComparibles
+    }), isGradient && !hideGradientControls && /*#__PURE__*/React.createElement(GradientControls, {
+      hideGradientType: hideGradientType,
+      hideGradientAngle: hideGradientAngle,
+      hideGradientStop: hideGradientStop
+    }));
+  }
+};
+
+var InputTypeDropdown = function InputTypeDropdown(_ref2) {
+  var openInputType = _ref2.openInputType,
+      setOpenInputType = _ref2.setOpenInputType;
+
+  var _usePicker2 = usePicker(),
+      inputType = _usePicker2.inputType,
+      setInputType = _usePicker2.setInputType,
+      classes = _usePicker2.classes;
+
+  var vTrans = openInputType ? 'visibility 0ms linear' : 'visibility 100ms linear 150ms';
+  var zTrans = openInputType ? 'z-index 0ms linear' : 'z-index 100ms linear 150ms';
+  var oTrans = openInputType ? 'opacity 120ms linear' : 'opacity 150ms linear 50ms';
+
+  var handleInputType = function handleInputType(e, val) {
+    if (openInputType) {
+      e.stopPropagation();
+      setInputType(val);
+      setOpenInputType(false);
+    }
+  };
+
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      visibility: openInputType ? 'visible' : 'hidden',
+      zIndex: openInputType ? '' : -100,
+      opacity: openInputType ? 1 : 0,
+      transition: "".concat(oTrans, ", ").concat(vTrans, ", ").concat(zTrans)
+    },
+    className: classes.rbgcpColorModelDropdown
+  }, /*#__PURE__*/React.createElement("div", {
+    onClick: function onClick(e) {
+      return handleInputType(e, 'rgb');
+    },
+    className: modalBtnStyles(inputType === 'rgb', classes)
+  }, "RGB"), /*#__PURE__*/React.createElement("div", {
+    onClick: function onClick(e) {
+      return handleInputType(e, 'hsl');
+    },
+    className: modalBtnStyles(inputType === 'hsl', classes)
+  }, "HSL"), /*#__PURE__*/React.createElement("div", {
+    onClick: function onClick(e) {
+      return handleInputType(e, 'hsv');
+    },
+    className: modalBtnStyles(inputType === 'hsv', classes)
+  }, "HSV"), /*#__PURE__*/React.createElement("div", {
+    onClick: function onClick(e) {
+      return handleInputType(e, 'cmyk');
+    },
+    className: modalBtnStyles(inputType === 'cmyk', classes)
+  }, "CMYK"));
+};
+
+var ColorTypeBtns = function ColorTypeBtns(_ref3) {
+  var hideColorTypeBtns = _ref3.hideColorTypeBtns,
+      isGradient = _ref3.isGradient,
+      setSolid = _ref3.setSolid,
+      setGradient = _ref3.setGradient,
+      locales = _ref3.locales;
+
+  var _usePicker3 = usePicker(),
+      classes = _usePicker3.classes;
+
+  if (hideColorTypeBtns) {
+    return /*#__PURE__*/React.createElement("div", {
+      style: {
+        width: 1
+      }
+    });
+  } else {
+    var _locales$CONTROLS, _locales$CONTROLS2;
+
+    return /*#__PURE__*/React.createElement("div", {
+      className: classes.rbgcpControlBtnWrapper
+    }, /*#__PURE__*/React.createElement("div", {
+      onClick: setSolid,
+      id: "rbgcp-solid-btn",
+      className: colorTypeBtnStyles(!isGradient, classes)
+    }, locales === null || locales === void 0 || (_locales$CONTROLS = locales.CONTROLS) === null || _locales$CONTROLS === void 0 ? void 0 : _locales$CONTROLS.SOLID), /*#__PURE__*/React.createElement("div", {
+      onClick: setGradient,
+      id: "rbgcp-gradient-btn",
+      className: colorTypeBtnStyles(isGradient || false, classes)
+    }, locales === null || locales === void 0 || (_locales$CONTROLS2 = locales.CONTROLS) === null || _locales$CONTROLS2 === void 0 ? void 0 : _locales$CONTROLS2.GRADIENT));
+  }
+};
+
+var colorTypeBtnStyles = function colorTypeBtnStyles(selected, classes) {
+  if (selected) {
+    return "".concat(classes.rbgcpControlBtn, " ").concat(classes.rbgcpControlBtnSelected);
+  } else {
+    return classes.rbgcpControlBtn;
+  }
+};
+var controlBtnStyles = function controlBtnStyles(selected, classes) {
+  if (selected) {
+    return "".concat(classes.rbgcpControlIconBtn, " ").concat(classes.rbgcpControlBtnSelected);
+  } else {
+    return classes.rbgcpControlIconBtn;
+  }
+};
+var modalBtnStyles = function modalBtnStyles(selected, classes) {
+  if (selected) {
+    return "".concat(classes.rbgcpControlBtn, " ").concat(classes.rbgcpColorModelDropdownBtn, " ").concat(classes.rbgcpControlBtnSelected);
+  } else {
+    return "".concat(classes.rbgcpControlBtn, " ").concat(classes.rbgcpColorModelDropdownBtn);
+  }
+};
+
+export default Controls;
+export { colorTypeBtnStyles, controlBtnStyles, modalBtnStyles };
+//# sourceMappingURL=Controls.js.map

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