@dreamcommerce/aurora 3.0.0-8 → 3.0.0-80

package/build/cjs/external/react-best-gradient-color-picker/dist/esm/hooks/useColorPicker.js

@@ -0,0 +1,300 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var constants = require('../constants.js');
+var tinycolor = require('../../../external/tinycolor2/tinycolor.js');
+var formatters = require('../utils/formatters.js');
+var utils = require('../utils/utils.js');
+var converters = require('../utils/converters.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 defaultColor = constants.config.defaultColor,
+  defaultGradient = constants.config.defaultGradient;
+var useColorPicker = function useColorPicker(value, onChange) {
+  var colors = formatters.getColors(value);
+  var _a = utils.getDetails(value),
+    degrees = _a.degrees,
+    degreeStr = _a.degreeStr,
+    isGradient = _a.isGradient,
+    gradientType = _a.gradientType;
+  var _b = utils.getColorObj(colors),
+    currentColor = _b.currentColor,
+    selectedColor = _b.selectedColor,
+    currentLeft = _b.currentLeft;
+  var _c = React.useState([]),
+    previousColors = _c[0],
+    setPreviousColors = _c[1];
+  var getGradientObject = function getGradientObject() {
+    if (value) {
+      if (isGradient) {
+        return {
+          isGradient: true,
+          gradientType: gradientType,
+          degrees: degreeStr,
+          colors: colors === null || colors === void 0 ? void 0 : colors.map(function (c) {
+            var _a;
+            return __assign(__assign({}, c), {
+              value: (_a = c.value) === null || _a === void 0 ? void 0 : _a.toLowerCase()
+            });
+          })
+        };
+      } else {
+        return {
+          isGradient: false,
+          gradientType: null,
+          degrees: null,
+          colors: colors === null || colors === void 0 ? void 0 : colors.map(function (c) {
+            var _a;
+            return __assign(__assign({}, c), {
+              value: (_a = c.value) === null || _a === void 0 ? void 0 : _a.toLowerCase()
+            });
+          })
+        };
+      }
+    } else {
+      console.log('RBGCP ERROR - YOU MUST PASS A VALUE AND CALLBACK TO THE useColorPicker HOOK');
+    }
+  };
+  var tiny = tinycolor['default'](currentColor);
+  var _d = tiny.toRgb(),
+    r = _d.r,
+    g = _d.g,
+    b = _d.b,
+    a = _d.a;
+  var _e = tiny.toHsl(),
+    h = _e.h,
+    s = _e.s,
+    l = _e.l;
+  React.useEffect(function () {
+    var _a;
+    if (((_a = tinycolor['default'](currentColor)) === null || _a === void 0 ? void 0 : _a.isValid()) && previousColors[0] !== currentColor) {
+      // @ts-expect-error - currentColor type issue
+      setPreviousColors(__spreadArray([currentColor], previousColors.slice(0, 19), true));
+    }
+  }, [currentColor, previousColors]);
+  var setLinear = function setLinear() {
+    var remaining = value.split(/,(.+)/)[1];
+    onChange("linear-gradient(90deg, ".concat(remaining));
+  };
+  var setRadial = function setRadial() {
+    var remaining = value.split(/,(.+)/)[1];
+    onChange("radial-gradient(circle, ".concat(remaining));
+  };
+  var setDegrees = function setDegrees(newDegrees) {
+    var remaining = value.split(/,(.+)/)[1];
+    onChange("linear-gradient(".concat(formatters.formatInputValues(newDegrees, 0, 360), "deg, ").concat(remaining));
+    if (gradientType !== 'linear-gradient') {
+      console.log('Warning: you are updating degrees when the gradient type is not linear. This will change the gradients type which may be undesired');
+    }
+  };
+  var setSolid = function setSolid(startingColor) {
+    var newValue = startingColor || defaultColor;
+    onChange(newValue);
+  };
+  var setGradient = function setGradient(startingGradiant) {
+    var newValue = startingGradiant || defaultGradient;
+    onChange(newValue);
+  };
+  var createGradientStr = function createGradientStr(newColors) {
+    var sorted = newColors.sort(function (a, b) {
+      return a.left - b.left;
+    });
+    var colorString = sorted === null || sorted === void 0 ? void 0 : sorted.map(function (cc) {
+      return "".concat(cc === null || cc === void 0 ? void 0 : cc.value, " ").concat(cc.left, "%");
+    });
+    onChange("".concat(gradientType, "(").concat(degreeStr, ", ").concat(colorString.join(', '), ")"));
+  };
+  var handleGradient = function handleGradient(newColor, left) {
+    var remaining = colors === null || colors === void 0 ? void 0 : colors.filter(function (c) {
+      return !utils.isUpperCase(c.value);
+    });
+    var newColors = __spreadArray([{
+      value: newColor.toUpperCase(),
+      left: left || currentLeft
+    }], remaining, true);
+    createGradientStr(newColors);
+  };
+  var handleChange = function handleChange(newColor) {
+    if (isGradient) {
+      handleGradient(newColor);
+    } else {
+      onChange(newColor);
+    }
+  };
+  var setR = function setR(newR) {
+    var newVal = formatters.formatInputValues(newR, 0, 255);
+    handleChange("rgba(".concat(newVal, ", ").concat(g, ", ").concat(b, ", ").concat(a, ")"));
+  };
+  var setG = function setG(newG) {
+    var newVal = formatters.formatInputValues(newG, 0, 255);
+    handleChange("rgba(".concat(r, ", ").concat(newVal, ", ").concat(b, ", ").concat(a, ")"));
+  };
+  var setB = function setB(newB) {
+    var newVal = formatters.formatInputValues(newB, 0, 255);
+    handleChange("rgba(".concat(r, ", ").concat(g, ", ").concat(newVal, ", ").concat(a, ")"));
+  };
+  var setA = function setA(newA) {
+    var newVal = formatters.formatInputValues(newA, 0, 100);
+    handleChange("rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(newVal / 100, ")"));
+  };
+  var setHue = function setHue(newHue) {
+    var newVal = formatters.formatInputValues(newHue, 0, 360);
+    var tinyNew = tinycolor['default']({
+      h: newVal,
+      s: s,
+      l: l
+    });
+    var _a = tinyNew.toRgb(),
+      r = _a.r,
+      g = _a.g,
+      b = _a.b;
+    handleChange("rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(a, ")"));
+  };
+  var setSaturation = function setSaturation(newSat) {
+    var newVal = formatters.formatInputValues(newSat, 0, 100);
+    var tinyNew = tinycolor['default']({
+      h: h,
+      s: newVal / 100,
+      l: l
+    });
+    var _a = tinyNew.toRgb(),
+      r = _a.r,
+      g = _a.g,
+      b = _a.b;
+    handleChange("rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(a, ")"));
+  };
+  var setLightness = function setLightness(newLight) {
+    var newVal = formatters.formatInputValues(newLight, 0, 100);
+    var tinyNew = tinycolor['default']({
+      h: h,
+      s: s,
+      l: newVal / 100
+    });
+    if (tinyNew === null || tinyNew === void 0 ? void 0 : tinyNew.isValid()) {
+      var _a = tinyNew.toRgb(),
+        r_1 = _a.r,
+        g_1 = _a.g,
+        b_1 = _a.b;
+      handleChange("rgba(".concat(r_1, ", ").concat(g_1, ", ").concat(b_1, ", ").concat(a, ")"));
+    } else {
+      console.log('The new color was invalid, perhaps the lightness you passed in was a decimal? Please pass the new value between 0 - 100');
+    }
+  };
+  var valueToHSL = function valueToHSL() {
+    return tiny.toHslString();
+  };
+  var valueToHSV = function valueToHSV() {
+    return tiny.toHsvString();
+  };
+  var valueToHex = function valueToHex() {
+    return tiny.toHexString();
+  };
+  var valueToCmyk = function valueToCmyk() {
+    var _a = converters.rgb2cmyk(r, g, b),
+      c = _a.c,
+      m = _a.m,
+      y = _a.y,
+      k = _a.k;
+    return "cmyk(".concat(c, ", ").concat(m, ", ").concat(y, ", ").concat(k, ")");
+  };
+  var setSelectedPoint = function setSelectedPoint(index) {
+    if (isGradient) {
+      var newGradStr = colors === null || colors === void 0 ? void 0 : colors.map(function (cc, i) {
+        return __assign(__assign({}, cc), {
+          value: i === index ? formatters.high(cc) : formatters.low(cc)
+        });
+      });
+      createGradientStr(newGradStr);
+    } else {
+      console.log('This function is only relevant when the picker is in gradient mode');
+    }
+  };
+  var addPoint = function addPoint(left) {
+    var newColors = __spreadArray(__spreadArray([], colors.map(function (c) {
+      return __assign(__assign({}, c), {
+        value: formatters.low(c)
+      });
+    }), true), [{
+      value: currentColor,
+      left: left
+    }], false);
+    createGradientStr(newColors);
+    if (!left) {
+      console.log('You did not pass a stop value (left amount) for the new color point so it defaulted to 50');
+    }
+  };
+  var deletePoint = function deletePoint(index) {
+    if ((colors === null || colors === void 0 ? void 0 : colors.length) > 2) {
+      var pointToDelete_1 = index || selectedColor;
+      var remaining = colors === null || colors === void 0 ? void 0 : colors.filter(function (rc, i) {
+        return i !== pointToDelete_1;
+      });
+      createGradientStr(remaining);
+      if (!index) {
+        console.log('You did not pass in the index of the point you wanted to delete so the function default to the currently selected point');
+      }
+    } else {
+      console.log('A gradient must have atleast two colors, disable your delete button when necessary');
+    }
+  };
+  var setPointLeft = function setPointLeft(left) {
+    handleGradient(currentColor, formatters.formatInputValues(left, 0, 100));
+  };
+  var rgbaArr = [r, g, b, a];
+  var hslArr = [h, s, l];
+  return {
+    setR: setR,
+    setG: setG,
+    setB: setB,
+    setA: setA,
+    setHue: setHue,
+    addPoint: addPoint,
+    setSolid: setSolid,
+    setLinear: setLinear,
+    setRadial: setRadial,
+    valueToHSL: valueToHSL,
+    valueToHSV: valueToHSV,
+    valueToHex: valueToHex,
+    valueToCmyk: valueToCmyk,
+    setDegrees: setDegrees,
+    setGradient: setGradient,
+    setLightness: setLightness,
+    setSaturation: setSaturation,
+    setSelectedPoint: setSelectedPoint,
+    deletePoint: deletePoint,
+    isGradient: isGradient,
+    gradientType: gradientType,
+    degrees: degrees,
+    setPointLeft: setPointLeft,
+    currentLeft: currentLeft,
+    rgbaArr: rgbaArr,
+    hslArr: hslArr,
+    handleChange: handleChange,
+    previousColors: previousColors,
+    getGradientObject: getGradientObject,
+    selectedPoint: selectedColor
+  };
+};
+
+exports.useColorPicker = useColorPicker;
+//# sourceMappingURL=useColorPicker.js.map

package/build/cjs/external/react-best-gradient-color-picker/dist/esm/hooks/useColorPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,wBAAwB,2CAA+C;AACvE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/cjs/external/react-best-gradient-color-picker/dist/esm/hooks/usePaintHue.js

@@ -0,0 +1,27 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+require('../../../external/tinycolor2/tinycolor.js');
+
+var usePaintHue = function usePaintHue(canvas, squareWidth) {
+  React.useEffect(function () {
+    var _a;
+    var ctx = (_a = canvas === null || canvas === void 0 ? void 0 : canvas.current) === null || _a === void 0 ? void 0 : _a.getContext('2d', {
+      willReadFrequently: true
+    });
+    if (ctx) {
+      ctx.rect(0, 0, squareWidth, 14);
+      var gradient = ctx.createLinearGradient(0, 0, squareWidth, 0);
+      for (var i = 0; i <= 360; i += 30) {
+        gradient.addColorStop(i / 360, "hsl(".concat(i, ", 100%, 50%)"));
+      }
+      ctx.fillStyle = gradient;
+      ctx.fill();
+    }
+  }, [canvas, squareWidth]);
+};
+
+exports.default = usePaintHue;
+//# sourceMappingURL=usePaintHue.js.map

package/build/cjs/external/react-best-gradient-color-picker/dist/esm/hooks/usePaintHue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,QAAQ,2CAA+C;AACvD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/external/react-best-gradient-color-picker/dist/esm/hooks/usePaintSquare.js

@@ -0,0 +1,32 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+var usePaintSquare = function usePaintSquare(canvas, hue, squareWidth, squareHeight) {
+  React.useEffect(function () {
+    if (canvas.current) {
+      var ctx = canvas.current.getContext('2d', {
+        willReadFrequently: true
+      });
+      if (ctx) {
+        ctx.fillStyle = "hsl(".concat(hue, ", 100%, 50%)");
+        ctx.fillRect(0, 0, squareWidth, squareHeight);
+        var gradientWhite = ctx.createLinearGradient(0, 0, squareWidth, 0);
+        gradientWhite.addColorStop(0, "rgba(255, 255, 255, 1)");
+        gradientWhite.addColorStop(1, "rgba(255, 255, 255, 0)");
+        ctx.fillStyle = gradientWhite;
+        ctx.fillRect(0, 0, squareWidth, squareHeight);
+        var gradientBlack = ctx.createLinearGradient(0, 0, 0, squareHeight);
+        gradientBlack.addColorStop(0, "rgba(0, 0, 0, 0)");
+        gradientBlack.addColorStop(1, "rgba(0, 0, 0, 1)");
+        ctx.fillStyle = gradientBlack;
+        ctx.fillRect(0, 0, squareWidth, squareHeight);
+      }
+    }
+  }, [canvas, hue, squareWidth, squareHeight]);
+};
+
+exports.default = usePaintSquare;
+//# sourceMappingURL=usePaintSquare.js.map

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

package/build/cjs/external/react-best-gradient-color-picker/dist/esm/styles/darkStyles.js

@@ -0,0 +1,48 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var darkStyles = {
+  body: {
+    background: 'rgb(32, 32, 32)'
+  },
+  rbgcpInputLabel: {
+    color: 'rgb(212, 212, 212)'
+  },
+  rbgcpControlBtnWrapper: {
+    background: 'rgb(54, 54, 54)'
+  },
+  rbgcpInput: {
+    border: 'none',
+    color: 'white',
+    background: 'rgb(54, 54, 54)'
+  },
+  rbgcpControlBtn: {
+    color: 'rgb(212, 212, 212)'
+  },
+  rbgcpControlIcon: {
+    stroke: 'rgb(212, 212, 212)'
+  },
+  rbgcpControlIcon2: {
+    fill: 'rgb(212, 212, 212)'
+  },
+  rbgcpControlInput: {
+    color: 'white'
+  },
+  rbgcpControlBtnSelected: {
+    background: 'black',
+    color: '#568cf5'
+  },
+  rbgcpDegreeIcon: {
+    color: 'rgb(212, 212, 212)'
+  },
+  rbgcpColorModelDropdown: {
+    background: 'rgb(32, 32, 32)'
+  },
+  rbgcpComparibleLabel: {
+    color: 'rgb(212, 212, 212)'
+  }
+};
+
+exports.darkStyles = darkStyles;
+//# sourceMappingURL=darkStyles.js.map

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

package/build/cjs/external/react-best-gradient-color-picker/dist/esm/styles/styles.js

@@ -0,0 +1,199 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var darkStyles = require('./darkStyles.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 styles = {
+  body: {
+    boxSizing: 'border-box',
+    background: 'rgb(255, 255, 255)'
+  },
+  rbgcpControlBtn: {
+    paddingLeft: '8px',
+    paddingRight: '8px',
+    lineHeight: '1',
+    borderRadius: '4px',
+    fontWeight: 700,
+    fontSize: '12px',
+    height: '24px',
+    transition: 'all 160ms ease',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    background: 'rgba(255, 255, 255, 0)',
+    boxShadow: '1px 1px 3px rgba(0, 0, 0, 0)',
+    color: 'rgb(86, 86, 86)'
+  },
+  rbgcpControlIcon: {
+    stroke: 'rgb(50, 49, 54)'
+  },
+  rbgcpControlIconBtn: {
+    width: '30px',
+    height: '24px',
+    borderRadius: '4px',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    position: 'relative'
+  },
+  rbgcpControlBtnWrapper: {
+    height: '28px',
+    background: '#e9e9f5',
+    borderRadius: '6px',
+    padding: '2px',
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center',
+    position: 'relative'
+  },
+  rbgcpColorModelDropdown: {
+    position: 'absolute',
+    right: '-2px',
+    top: '34px',
+    padding: '5px',
+    background: '#e9e9f5',
+    zIndex: 100000000,
+    borderRadius: '6px',
+    boxShadow: '1px 1px 14px 1px rgba(0, 0, 0, 0.25)'
+  },
+  rbgcpEyedropperCover: {
+    position: 'fixed',
+    left: '0px',
+    top: '0px',
+    zIndex: 100000000,
+    width: '100vw',
+    height: '100vh',
+    cursor: 'copy'
+  },
+  rbgcpControlInput: {
+    height: '24px',
+    borderRadius: '4px',
+    border: 'none',
+    outline: 'none',
+    textAlign: 'center',
+    width: '34px',
+    fontWeight: 500,
+    color: 'rgb(50, 49, 54)',
+    fontSize: '13px',
+    background: 'transparent'
+  },
+  rbgcpInputLabel: {
+    textAlign: 'center',
+    lineHeight: '1.2',
+    fontWeight: 700,
+    color: 'rgb(86, 86, 86)',
+    fontSize: '11px'
+  },
+  rbgcpInput: {
+    height: '32px',
+    borderRadius: '6px',
+    border: '1px solid #bebebe',
+    width: '100%',
+    padding: '2px',
+    outline: 'none',
+    color: 'black',
+    fontWeight: 400,
+    textAlign: 'center'
+  },
+  rbgcpHandle: {
+    position: 'absolute',
+    border: '2px solid white',
+    borderRadius: '50%',
+    boxShadow: '0px 0px 3px rgba(0, 0, 0, 0.5)',
+    width: '18px',
+    height: '18px',
+    zIndex: 1000,
+    transition: 'all 30ms linear',
+    boxSizing: 'border-box',
+    willChange: 'transform',
+    outline: 'none'
+  },
+  rbgcpCanvasWrapper: {
+    borderRadius: '6px',
+    overflow: 'hidden',
+    height: '294px'
+  },
+  rbgcpCheckered: {
+    background: "linear-gradient(\n      45deg,\n      rgba(0, 0, 0, 0.18) 25%,\n      transparent 25%,\n      transparent 75%,\n      rgba(0, 0, 0, 0.18) 75%,\n      rgba(0, 0, 0, 0.18) 0\n    ),\n    linear-gradient(\n      45deg,\n      rgba(0, 0, 0, 0.18) 25%,\n      transparent 25%,\n      transparent 75%,\n      rgba(0, 0, 0, 0.18) 75%,\n      rgba(0, 0, 0, 0.18) 0\n    ),\n    white",
+    backgroundRepeat: 'repeat, repeat',
+    backgroundPosition: '0px 0, 7px 7px',
+    transformOrigin: '0 0 0',
+    backgroundOrigin: 'padding-box, padding-box',
+    backgroundClip: 'border-box, border-box',
+    backgroundSize: '14px 14px, 14px 14px',
+    boxShadow: 'none',
+    textShadow: 'none',
+    transition: 'none',
+    transform: 'scaleX(1) scaleY(1) scaleZ(1)',
+    borderRadius: '10px'
+  },
+  rbgcpOpacityOverlay: {
+    position: 'absolute',
+    left: '0px',
+    top: '0px',
+    width: '100%',
+    height: '100%',
+    borderRadius: '10px'
+  },
+  rbgcpGradientHandleWrap: {
+    position: 'absolute',
+    zIndex: 10000,
+    top: '-2px',
+    outline: 'none'
+  },
+  rbgcpGradientHandle: {
+    border: '2px solid white',
+    borderRadius: '50%',
+    boxShadow: '0px 0px 3px rgba(0, 0, 0, 0.5)',
+    width: '18px',
+    height: '18px',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  rbgcpControlIcon2: {
+    fill: '#323136'
+  },
+  rbgcpControlBtnSelected: {
+    background: 'white',
+    color: '#568cf5',
+    boxShadow: '1px 1px 3px rgba(0, 0, 0, 0.2)'
+  },
+  rbgcpComparibleLabel: {
+    color: '#323136'
+  }
+};
+var getStyles = function getStyles(disableDarkMode) {
+  if (typeof window === 'undefined' || disableDarkMode) return styles;
+  if (window.matchMedia("(prefers-color-scheme: dark)").matches) {
+    for (var key in darkStyles.darkStyles) {
+      if (Object.prototype.hasOwnProperty.call(darkStyles.darkStyles, key)) {
+        styles[key] = __assign(__assign({}, Object.prototype.hasOwnProperty.call(styles, key) ? styles[key] : {}), darkStyles.darkStyles[key]);
+      }
+    }
+    return styles;
+  }
+  return styles;
+};
+var controlBtnStyles = function controlBtnStyles(selected, styles) {
+  if (selected) {
+    return __assign(__assign({}, styles.rbgcpControlIconBtn), styles.rbgcpControlBtnSelected);
+  } else {
+    return __assign({}, styles.rbgcpControlIconBtn);
+  }
+};
+
+exports.controlBtnStyles = controlBtnStyles;
+exports.getStyles = getStyles;
+//# sourceMappingURL=styles.js.map

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

package/build/cjs/external/react-best-gradient-color-picker/dist/esm/utils/converters.js

@@ -0,0 +1,54 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function rgb2cmyk(r, g, b) {
+  var computedC = 0;
+  var computedM = 0;
+  var computedY = 0;
+  var computedK = 0;
+  if (r === null || g === null || b === null || isNaN(r) || isNaN(g) || isNaN(b)) {
+    console.log('Please enter numeric RGB values!');
+    return {
+      c: 0,
+      m: 0,
+      k: 0,
+      y: 1
+    };
+  }
+  if (r < 0 || g < 0 || b < 0 || r > 255 || g > 255 || b > 255) {
+    console.log('RGB values must be in the range 0 to 255.');
+    return {
+      c: 0,
+      m: 0,
+      k: 0,
+      y: 1
+    };
+  }
+  if (r === 0 && g === 0 && b === 0) {
+    computedK = 1;
+    return {
+      c: 0,
+      m: 0,
+      k: 0,
+      y: 1
+    };
+  }
+  computedC = 1 - r / 255;
+  computedM = 1 - g / 255;
+  computedY = 1 - b / 255;
+  var minCMY = Math.min(computedC, Math.min(computedM, computedY));
+  computedC = (computedC - minCMY) / (1 - minCMY);
+  computedM = (computedM - minCMY) / (1 - minCMY);
+  computedY = (computedY - minCMY) / (1 - minCMY);
+  computedK = minCMY;
+  return {
+    c: computedC,
+    m: computedM,
+    y: computedY,
+    k: computedK
+  };
+}
+
+exports.rgb2cmyk = rgb2cmyk;
+//# sourceMappingURL=converters.js.map

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