@dreamcommerce/aurora 2.16.2 → 2.16.4

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

@@ -0,0 +1,328 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
+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 defaultColor = constants.config.defaultColor,
+    defaultGradient = constants.config.defaultGradient;
+var useColorPicker = function useColorPicker(value, onChange) {
+  var colors = formatters.getColors(value);
+
+  var _getDetails = utils.getDetails(value),
+      degrees = _getDetails.degrees,
+      degreeStr = _getDetails.degreeStr,
+      isGradient = _getDetails.isGradient,
+      gradientType = _getDetails.gradientType;
+
+  var _getColorObj = utils.getColorObj(colors),
+      currentColor = _getColorObj.currentColor,
+      selectedColor = _getColorObj.selectedColor,
+      currentLeft = _getColorObj.currentLeft;
+
+  var _useState = React.useState([]),
+      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+      previousColors = _useState2[0],
+      setPreviousColors = _useState2[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 _c$value;
+
+            return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, c), {}, {
+              value: (_c$value = c.value) === null || _c$value === void 0 ? void 0 : _c$value.toLowerCase()
+            });
+          })
+        };
+      } else {
+        return {
+          isGradient: false,
+          gradientType: null,
+          degrees: null,
+          colors: colors === null || colors === void 0 ? void 0 : colors.map(function (c) {
+            var _c$value2;
+
+            return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, c), {}, {
+              value: (_c$value2 = c.value) === null || _c$value2 === void 0 ? void 0 : _c$value2.toLowerCase()
+            });
+          })
+        };
+      }
+    } else {
+      console.log('RBGCP ERROR - YOU MUST PASS A VALUE AND CALLBACK TO THE useColorPicker HOOK');
+    }
+  };
+
+  var tiny = tinycolor['default'](currentColor);
+
+  var _tiny$toRgb = tiny.toRgb(),
+      r = _tiny$toRgb.r,
+      g = _tiny$toRgb.g,
+      b = _tiny$toRgb.b,
+      a = _tiny$toRgb.a;
+
+  var _tiny$toHsl = tiny.toHsl(),
+      h = _tiny$toHsl.h,
+      s = _tiny$toHsl.s,
+      l = _tiny$toHsl.l;
+
+  React.useEffect(function () {
+    var _tc;
+
+    if ((_tc = tinycolor['default'](currentColor)) !== null && _tc !== void 0 && _tc.isValid() && previousColors[0] !== currentColor) {
+      // @ts-expect-error - currentColor type issue
+      setPreviousColors([currentColor].concat(_rollupPluginBabelHelpers.toConsumableArray(previousColors.slice(0, 19))));
+    }
+  }, [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 = [{
+      value: newColor.toUpperCase(),
+      left: left || currentLeft
+    }].concat(_rollupPluginBabelHelpers.toConsumableArray(remaining));
+    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 _tinyNew$toRgb = tinyNew.toRgb(),
+        r = _tinyNew$toRgb.r,
+        g = _tinyNew$toRgb.g,
+        b = _tinyNew$toRgb.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 _tinyNew$toRgb2 = tinyNew.toRgb(),
+        r = _tinyNew$toRgb2.r,
+        g = _tinyNew$toRgb2.g,
+        b = _tinyNew$toRgb2.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 && tinyNew.isValid()) {
+      var _tinyNew$toRgb4 = tinyNew.toRgb(),
+          _r = _tinyNew$toRgb4.r,
+          _g = _tinyNew$toRgb4.g,
+          _b = _tinyNew$toRgb4.b;
+
+      handleChange("rgba(".concat(_r, ", ").concat(_g, ", ").concat(_b, ", ").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 _rgb2cmyk = converters.rgb2cmyk(r, g, b),
+        c = _rgb2cmyk.c,
+        m = _rgb2cmyk.m,
+        y = _rgb2cmyk.y,
+        k = _rgb2cmyk.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 _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, 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 = [].concat(_rollupPluginBabelHelpers.toConsumableArray(colors.map(function (c) {
+      return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, c), {}, {
+        value: formatters.low(c)
+      });
+    })), [{
+      value: currentColor,
+      left: left
+    }]);
+    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 = index || selectedColor;
+      var remaining = colors === null || colors === void 0 ? void 0 : colors.filter(function (rc, i) {
+        return i !== pointToDelete;
+      });
+      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;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;AACA;AACA;AACA;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,102 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var tinycolor = require('../../../external/tinycolor2/tinycolor.js');
+
+var usePaintHue = function usePaintHue(canvas, squareWidth) {
+  React.useEffect(function () {
+    var _canvas$current;
+
+    var ctx = canvas === null || canvas === void 0 || (_canvas$current = canvas.current) === null || _canvas$current === void 0 ? void 0 : _canvas$current.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]);
+};
+var usePaintSat = function usePaintSat(canvas, h, l, squareWidth) {
+  React.useEffect(function () {
+    var _canvas$current2;
+
+    var ctx = canvas === null || canvas === void 0 || (_canvas$current2 = canvas.current) === null || _canvas$current2 === void 0 ? void 0 : _canvas$current2.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 <= 100; i += 10) {
+        gradient.addColorStop(i / 100, "hsl(".concat(h, ", ").concat(i, "%, ").concat(l, "%)"));
+      }
+
+      ctx.fillStyle = gradient;
+      ctx.fill();
+    }
+  }, [canvas, h, l, squareWidth]);
+};
+var usePaintLight = function usePaintLight(canvas, h, s, squareWidth) {
+  React.useEffect(function () {
+    var _canvas$current3;
+
+    var ctx = canvas === null || canvas === void 0 || (_canvas$current3 = canvas.current) === null || _canvas$current3 === void 0 ? void 0 : _canvas$current3.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 <= 100; i += 10) {
+        gradient.addColorStop(i / 100, "hsl(".concat(h, ", ").concat(s, "%, ").concat(i, "%)"));
+      }
+
+      ctx.fillStyle = gradient;
+      ctx.fill();
+    }
+  }, [canvas, h, s, squareWidth]);
+};
+var usePaintBright = function usePaintBright(canvas, h, s, squareWidth) {
+  React.useEffect(function () {
+    var _canvas$current4;
+
+    var ctx = canvas === null || canvas === void 0 || (_canvas$current4 = canvas.current) === null || _canvas$current4 === void 0 ? void 0 : _canvas$current4.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 <= 100; i += 10) {
+        var hsl = tinycolor['default']({
+          h: h,
+          s: s,
+          v: i
+        });
+        gradient.addColorStop(i / 100, hsl.toHslString());
+      }
+
+      ctx.fillStyle = gradient;
+      ctx.fill();
+    }
+  }, [canvas, h, s, squareWidth]);
+};
+
+exports.default = usePaintHue;
+exports.usePaintBright = usePaintBright;
+exports.usePaintLight = usePaintLight;
+exports.usePaintSat = usePaintSat;
+//# 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,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;"}

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

@@ -0,0 +1,33 @@
+'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;AACA;"}

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

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var index = require('./components/index.js');
+
+
+
+exports.default = index.ColorPicker;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;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,73 @@
+'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
+  };
+}
+var cmykToRgb = function cmykToRgb(_ref) {
+  var c = _ref.c,
+      m = _ref.m,
+      y = _ref.y,
+      k = _ref.k;
+  var r = 255 * (1 - c) * (1 - k);
+  var g = 255 * (1 - m) * (1 - k);
+  var b = 255 * (1 - y) * (1 - k);
+  return {
+    r: r,
+    g: g,
+    b: b
+  };
+};
+
+exports.cmykToRgb = cmykToRgb;
+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;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/formatters.js

@@ -0,0 +1,49 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var constants = require('../constants.js');
+var gradientParser = require('./gradientParser.js');
+
+var defaultColor = constants.config.defaultColor,
+    defaultGradient = constants.config.defaultGradient;
+var low = function low(color) {
+  return color.value.toLowerCase();
+};
+var high = function high(color) {
+  return color.value.toUpperCase();
+};
+var getColors = function getColors(value) {
+  var isGradient = value === null || value === void 0 ? void 0 : value.includes('gradient');
+
+  if (isGradient) {
+    var isConic = value === null || value === void 0 ? void 0 : value.includes('conic');
+    var safeValue = !isConic ? value : defaultGradient;
+
+    if (isConic) {
+      console.log('Sorry we cant handle conic gradients yet');
+    }
+
+    var obj = gradientParser.gradientParser(safeValue);
+    return obj === null || obj === void 0 ? void 0 : obj.colorStops;
+  } else {
+    var _safeValue = value || defaultColor;
+
+    return [{
+      value: _safeValue
+    }];
+  }
+};
+var formatInputValues = function formatInputValues(value, min, max) {
+  return isNaN(value) ? min : value < min ? min : value > max ? max : value;
+};
+var round = function round(val) {
+  return Math.round(val);
+};
+
+exports.formatInputValues = formatInputValues;
+exports.getColors = getColors;
+exports.high = high;
+exports.low = low;
+exports.round = round;
+//# sourceMappingURL=formatters.js.map

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