@dreamcommerce/aurora 2.20.9 → 2.21.0-10

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

@@ -1,10 +1,22 @@
 import React from 'react';
 import { usePicker } from '../context.js';
 
-var TrashIcon = function TrashIcon() {
-  var _usePicker = usePicker(),
-      classes = _usePicker.classes;
+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 TrashIcon = function TrashIcon() {
+  var defaultStyles = usePicker().defaultStyles;
   var styles = {
     fill: 'none',
     strokeWidth: '1.8px'
@@ -18,23 +30,18 @@ var TrashIcon = function TrashIcon() {
       width: 15
     }
   }, /*#__PURE__*/React.createElement("polyline", {
-    style: styles,
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    className: classes.rbgcpControlIcon,
+    style: __assign(__assign({}, styles), defaultStyles.rbgcpControlIcon),
     points: "17.96 4.31 2.04 4.3 3.75 4.3 4.81 17.29 5.16 17.96 5.74 18.47 6.59 18.62 13.64 18.62 14.52 18.32 15.07 17.68 15.29 17.12 16.28 4.3 12.87 4.3 12.87 2.38 12.48 1.75 11.83 1.46 8.4 1.46 7.64 1.68 7.26 2.21 7.16 2.52 7.17 4.23"
   }));
 };
-var LinearIcon = function LinearIcon(_ref) {
-  var color = _ref.color;
-
-  var _usePicker2 = usePicker(),
-      classes = _usePicker2.classes;
-
+var LinearIcon = function LinearIcon(_a) {
+  var color = _a.color;
+  var defaultStyles = usePicker().defaultStyles;
   var col = color || '';
   var styles = {
     fill: 'none',
-    stroke: col,
     strokeWidth: '1.8px'
   };
   return /*#__PURE__*/React.createElement("svg", {
@@ -46,23 +53,20 @@ var LinearIcon = function LinearIcon(_ref) {
       width: 14
     }
   }, /*#__PURE__*/React.createElement("polyline", {
-    style: styles,
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    className: classes.rbgcpControlIcon,
+    style: __assign(__assign(__assign({}, styles), defaultStyles.rbgcpControlIcon), col && {
+      stroke: col
+    }),
     points: "0.9 12.73 0.9 19.1 7.27 19.1 0.9 19.1 19.1 0.9 12.73 0.9 19.1 0.9 19.1 7.27"
   }));
 };
-var RadialIcon = function RadialIcon(_ref2) {
-  var color = _ref2.color;
-
-  var _usePicker3 = usePicker(),
-      classes = _usePicker3.classes;
-
+var RadialIcon = function RadialIcon(_a) {
+  var color = _a.color;
+  var defaultStyles = usePicker().defaultStyles;
   var col = color || '';
   var styles = {
     fill: 'none',
-    stroke: col,
     strokeMiterlimit: 10,
     strokeWidth: '1.8px'
   };
@@ -75,198 +79,27 @@ var RadialIcon = function RadialIcon(_ref2) {
       width: 15
     }
   }, /*#__PURE__*/React.createElement("circle", {
-    style: styles,
-    className: classes.rbgcpControlIcon,
+    style: __assign(__assign(__assign({}, styles), defaultStyles.rbgcpControlIcon), col && {
+      stroke: col
+    }),
     cx: "10",
     cy: "10",
     r: "9"
   }), /*#__PURE__*/React.createElement("circle", {
-    style: styles,
-    className: classes.rbgcpControlIcon,
+    style: __assign(__assign(__assign({}, styles), defaultStyles.rbgcpControlIcon), col && {
+      stroke: col
+    }),
     cx: "10",
     cy: "10",
     r: "5"
   }));
 };
-var SlidersIcon = function SlidersIcon(_ref3) {
-  var color = _ref3.color;
-
-  var _usePicker4 = usePicker(),
-      classes = _usePicker4.classes;
-
+var DegreesIcon = function DegreesIcon(_a) {
+  var color = _a.color;
+  var defaultStyles = usePicker().defaultStyles;
   var col = color || '';
-  var style1 = {
-    fill: 'none',
-    stroke: col,
-    strokeWidth: '1.8px'
-  };
   var style2 = {
-    fill: col,
-    stroke: col,
-    strokeWidth: '1.8px'
-  };
-  return /*#__PURE__*/React.createElement("svg", {
-    id: "Layer_1",
-    "data-name": "Layer 1",
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 20 20",
-    style: {
-      width: 17
-    }
-  }, /*#__PURE__*/React.createElement("polyline", {
-    style: style1,
-    fillRule: "evenodd",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    className: classes.rbgcpControlIcon,
-    points: "3.74 2.75 3.74 12.69 0.9 12.71 6.59 12.71"
-  }), /*#__PURE__*/React.createElement("line", {
-    style: style2,
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    className: classes.rbgcpControlIcon,
-    x1: "3.74",
-    y1: "17.26",
-    x2: "3.74",
-    y2: "15.21"
-  }), /*#__PURE__*/React.createElement("polyline", {
-    style: style1,
-    fillRule: "evenodd",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    className: classes.rbgcpControlIcon,
-    points: "10.1 17.25 10.1 7.31 12.95 7.29 7.26 7.29"
-  }), /*#__PURE__*/React.createElement("line", {
-    style: style2,
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    className: classes.rbgcpControlIcon,
-    x1: "10.1",
-    y1: "2.74",
-    x2: "10.1",
-    y2: "4.79"
-  }), /*#__PURE__*/React.createElement("polyline", {
-    style: style1,
-    fillRule: "evenodd",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    className: classes.rbgcpControlIcon,
-    points: "16.26 2.75 16.26 12.69 13.41 12.71 19.1 12.71"
-  }), /*#__PURE__*/React.createElement("line", {
-    style: style2,
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    className: classes.rbgcpControlIcon,
-    x1: "16.26",
-    y1: "17.26",
-    x2: "16.26",
-    y2: "15.21"
-  }));
-};
-var InputsIcon = function InputsIcon(_ref4) {
-  var color = _ref4.color;
-
-  var _usePicker5 = usePicker(),
-      classes = _usePicker5.classes;
-
-  var col = color || '';
-  var style1 = {
     fill: 'none',
-    stroke: col,
-    strokeWidth: '1.8px'
-  };
-  return /*#__PURE__*/React.createElement("svg", {
-    id: "Layer_1",
-    "data-name": "Layer 1",
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 20 20",
-    style: {
-      width: 17
-    }
-  }, /*#__PURE__*/React.createElement("path", {
-    style: style1,
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    className: classes.rbgcpControlIcon,
-    d: "M6.35,2.72a4.85,4.85,0,0,1,1.86.16,7.94,7.94,0,0,1,.88.43,3.66,3.66,0,0,0,.85.49c.25,0,.58-.27.81-.39A8.25,8.25,0,0,1,11.7,3a4,4,0,0,1,1.79-.23,3.21,3.21,0,0,0-1.34.09,6.39,6.39,0,0,0-1.47.63c-.45.25-.7.3-.7.86s0,1.18,0,1.78c0,1.3,0,2.61,0,3.92h0v5.63a2.46,2.46,0,0,1,0,.47c-.07.28-.43.42-.7.57a5.29,5.29,0,0,1-2.94.61A9.3,9.3,0,0,0,8,17.15l1.09-.37.89-.52c.06,0,.48.21.56.25.32.14.64.27,1,.38a8.54,8.54,0,0,0,2.12.4"
-  }), /*#__PURE__*/React.createElement("path", {
-    style: style1,
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    className: classes.rbgcpControlIcon,
-    d: "M7.57,5.73C6,5.7,4.5,5.65,3,5.77a2.28,2.28,0,0,0-1.76.74A2.3,2.3,0,0,0,.94,7.83l0,3.82A4.73,4.73,0,0,0,1,12.9a1.64,1.64,0,0,0,.68,1,2.44,2.44,0,0,0,1,.27,25,25,0,0,0,4.74.09"
-  }), /*#__PURE__*/React.createElement("path", {
-    style: style1,
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    className: classes.rbgcpControlIcon,
-    d: "M12.43,14.32a44.12,44.12,0,0,0,4.6,0,2.24,2.24,0,0,0,1.76-.74,2.29,2.29,0,0,0,.27-1.32l0-3.81A4.81,4.81,0,0,0,19,7.15a1.62,1.62,0,0,0-.68-1,2.31,2.31,0,0,0-1-.28,26.8,26.8,0,0,0-4.74-.09"
-  }));
-};
-var PaletteIcon = function PaletteIcon(_ref5) {
-  var color = _ref5.color;
-
-  var _usePicker6 = usePicker(),
-      classes = _usePicker6.classes;
-
-  var col = color || '';
-  var style1 = {
-    fill: col
-  };
-  var style2 = {
-    fill: col,
-    stroke: col,
-    strokeMiterlimit: 10,
-    strokeWidth: '0.5px'
-  };
-  return /*#__PURE__*/React.createElement("svg", {
-    id: "Layer_1",
-    "data-name": "Layer 1",
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 20 20",
-    style: {
-      width: 17
-    }
-  }, /*#__PURE__*/React.createElement("circle", {
-    style: style1,
-    className: classes.rbgcpControlIcon2,
-    cx: "9.36",
-    cy: "5.07",
-    r: "1.71"
-  }), /*#__PURE__*/React.createElement("circle", {
-    style: style1,
-    className: classes.rbgcpControlIcon2,
-    cx: "13.93",
-    cy: "6.91",
-    r: "1.71"
-  }), /*#__PURE__*/React.createElement("circle", {
-    style: style1,
-    className: classes.rbgcpControlIcon2,
-    cx: "5.8",
-    cy: "7.55",
-    r: "1.71"
-  }), /*#__PURE__*/React.createElement("circle", {
-    style: style1,
-    className: classes.rbgcpControlIcon2,
-    cx: "5.45",
-    cy: "12.04",
-    r: "1.71"
-  }), /*#__PURE__*/React.createElement("path", {
-    style: style2,
-    className: "".concat(classes.rbgcpControlIcon1, " ").concat(classes.rbgcpControlIcon2),
-    d: "M19.1,10c0,3.58-2.12,2.94-4.06,2.35-1.15-.34-2.24-.67-2.77-.08-.68.78-.54,2.07-.39,3.33.2,1.79.39,3.5-1.88,3.5A9.1,9.1,0,1,1,19.1,10ZM10,18c.7,0,.74-.19.75-.2a2.67,2.67,0,0,0,.07-1.27c0-.19,0-.42-.06-.67-.06-.53-.13-1.15-.14-1.67a3.82,3.82,0,0,1,.8-2.63,2.14,2.14,0,0,1,1.45-.7,4.36,4.36,0,0,1,1.32.12c.39.08.8.21,1.16.32h0c.39.12.74.23,1.08.3.74.17,1,.1,1.13,0S18,11.32,18,10a8,8,0,1,0-8,8Z"
-  }));
-};
-var DegreesIcon = function DegreesIcon(_ref6) {
-  var color = _ref6.color;
-
-  var _usePicker7 = usePicker(),
-      classes = _usePicker7.classes;
-
-  var col = color || '';
-  var style2 = {
-    fill: 'none',
-    stroke: col,
     strokeMiterlimit: 10,
     strokeWidth: '1.8px'
   };
@@ -279,21 +112,21 @@ var DegreesIcon = function DegreesIcon(_ref6) {
       width: 15
     }
   }, /*#__PURE__*/React.createElement("polyline", {
-    style: style2,
     strokeLinecap: "round",
-    className: classes.rbgcpControlIcon,
+    style: __assign(__assign(__assign({}, style2), defaultStyles.rbgcpControlIcon), col && {
+      stroke: col
+    }),
     points: "13.86 2.01 1.7 16.99 18.77 16.99"
   }), /*#__PURE__*/React.createElement("polyline", {
-    style: style2,
     strokeLinecap: "round",
-    className: classes.rbgcpControlIcon,
+    style: __assign(__assign(__assign({}, style2), defaultStyles.rbgcpControlIcon), col && {
+      stroke: col
+    }),
     points: "10.96 16.38 10.96 16.38 10.74 15.7 10.44 14.97 10.06 14.21 9.72 13.63 9.21 12.89 8.85 12.44 8.41 11.95 7.91 11.45 7.51 11.1"
   }));
 };
 var StopIcon = function StopIcon() {
-  var _usePicker8 = usePicker(),
-      classes = _usePicker8.classes;
-
+  var defaultStyles = usePicker().defaultStyles;
   return /*#__PURE__*/React.createElement("svg", {
     id: "Layer_1",
     "data-name": "Layer 1",
@@ -304,20 +137,20 @@ var StopIcon = function StopIcon() {
       marginRight: 1
     }
   }, /*#__PURE__*/React.createElement("path", {
-    className: classes.rbgcpControlIcon2,
+    style: __assign({}, defaultStyles.rbgcpControlIcon2),
     d: "M2.39,8c-.63,0-1,.21-1,.63A.49.49,0,0,0,1.67,9a6.48,6.48,0,0,0,1.11.43A3,3,0,0,1,4,10.09a1.47,1.47,0,0,1,.35,1.09,1.75,1.75,0,0,1-.57,1.42,2.21,2.21,0,0,1-1.48.48,8.32,8.32,0,0,1-1.68-.21l-.31-.06.12-.94a13.7,13.7,0,0,0,1.8.16c.61,0,.92-.26.92-.77a.52.52,0,0,0-.21-.44,3.13,3.13,0,0,0-.85-.34A3.32,3.32,0,0,1,.66,9.79a1.43,1.43,0,0,1-.42-1.1A1.6,1.6,0,0,1,.78,7.36a2.32,2.32,0,0,1,1.49-.44,10.46,10.46,0,0,1,1.64.17l.32.07-.1.95C3.31,8,2.73,8,2.39,8Z"
   }), /*#__PURE__*/React.createElement("path", {
-    className: classes.rbgcpControlIcon2,
+    style: __assign({}, defaultStyles.rbgcpControlIcon2),
     d: "M4.79,8.09V7H9.16V8.09H7.59V13H6.38V8.09Z"
   }), /*#__PURE__*/React.createElement("path", {
-    className: classes.rbgcpControlIcon2,
+    style: __assign({}, defaultStyles.rbgcpControlIcon2),
     d: "M14,12.34a2.25,2.25,0,0,1-1.91.74,2.24,2.24,0,0,1-1.91-.74A3.85,3.85,0,0,1,9.61,10a4,4,0,0,1,.56-2.34,2.2,2.2,0,0,1,1.91-.77A2.21,2.21,0,0,1,14,7.69,4,4,0,0,1,14.55,10,3.85,3.85,0,0,1,14,12.34Zm-2.88-.77a1,1,0,0,0,1,.46,1,1,0,0,0,1-.46A3.25,3.25,0,0,0,13.3,10,3.45,3.45,0,0,0,13,8.46a1,1,0,0,0-1-.49,1,1,0,0,0-1,.49A3.43,3.43,0,0,0,10.85,10,3.38,3.38,0,0,0,11.11,11.57Z"
   }), /*#__PURE__*/React.createElement("path", {
-    className: classes.rbgcpControlIcon2,
+    style: __assign({}, defaultStyles.rbgcpControlIcon2),
     d: "M17.77,11.24h-1V13H15.58V7h2.19a1.85,1.85,0,0,1,2.11,2.07,2.21,2.21,0,0,1-.54,1.6A2.07,2.07,0,0,1,17.77,11.24Zm-1-1h1c.6,0,.9-.37.9-1.12a1.18,1.18,0,0,0-.22-.79.88.88,0,0,0-.68-.24h-1Z"
   }));
 };
 
 export default TrashIcon;
-export { DegreesIcon, InputsIcon, LinearIcon, PaletteIcon, RadialIcon, SlidersIcon, StopIcon };
+export { DegreesIcon, LinearIcon, RadialIcon, StopIcon };
 //# sourceMappingURL=icon.js.map

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

@@ -6,13 +6,6 @@ var config = {
   defaultColor: 'rgba(175, 51, 242, 1)',
   defaultGradient: 'linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%)'
 };
-var defaultLocales = {
-  CONTROLS: {
-    SOLID: 'Solid',
-    GRADIENT: 'Gradient'
-  }
-};
-var fakePresets = ['rgba(0,0,0,1)', 'rgba(128,128,128, 1)', 'rgba(192,192,192, 1)', 'rgba(255,255,255, 1)', 'rgba(0,0,128,1)', 'rgba(0,0,255,1)', 'rgba(0,255,255, 1)', 'rgba(0,128,0,1)', 'rgba(128,128,0, 1)', 'rgba(0,128,128,1)', 'rgba(0,255,0, 1)', 'rgba(128,0,0, 1)', 'rgba(128,0,128, 1)', 'rgba(175, 51, 242, 1)', 'rgba(255,0,255, 1)', 'rgba(255,0,0, 1)', 'rgba(240, 103, 46, 1)', 'rgba(255,255,0, 1)'];
 
-export { config, defaultLocales, fakePresets };
+export { config };
 //# sourceMappingURL=constants.js.map

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

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

@@ -1,58 +1,78 @@
 import React, { useState, useEffect, createContext, useContext } from 'react';
-import { slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2, toConsumableArray as _toConsumableArray } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
 import tinycolor from '../../external/tinycolor2/tinycolor.js';
 import { getColors, high, low } from './utils/formatters.js';
 import { getDetails, getColorObj, isUpperCase } from './utils/utils.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 PickerContext = /*#__PURE__*/createContext(null);
-function PickerContextWrapper(_ref) {
-  var value = _ref.value,
-      classes = _ref.classes,
-      children = _ref.children,
-      onChange = _ref.onChange,
-      squareWidth = _ref.squareWidth,
-      hideOpacity = _ref.hideOpacity,
-      squareHeight = _ref.squareHeight;
+function PickerContextWrapper(_a) {
+  var value = _a.value,
+      children = _a.children,
+      onChange = _a.onChange,
+      squareWidth = _a.squareWidth,
+      hideOpacity = _a.hideOpacity,
+      squareHeight = _a.squareHeight,
+      defaultStyles = _a.defaultStyles;
   var colors = getColors(value);
 
-  var _getDetails = getDetails(value),
-      degrees = _getDetails.degrees,
-      degreeStr = _getDetails.degreeStr,
-      isGradient = _getDetails.isGradient,
-      gradientType = _getDetails.gradientType;
+  var _b = getDetails(value),
+      degrees = _b.degrees,
+      degreeStr = _b.degreeStr,
+      isGradient = _b.isGradient,
+      gradientType = _b.gradientType;
 
-  var _getColorObj = getColorObj(colors),
-      currentColor = _getColorObj.currentColor,
-      selectedColor = _getColorObj.selectedColor,
-      currentLeft = _getColorObj.currentLeft;
+  var _c = getColorObj(colors),
+      currentColor = _c.currentColor,
+      selectedColor = _c.selectedColor,
+      currentLeft = _c.currentLeft;
 
-  var _useState = useState('rgb'),
-      _useState2 = _slicedToArray(_useState, 2),
-      inputType = _useState2[0],
-      setInputType = _useState2[1];
+  var _d = useState('rgb'),
+      inputType = _d[0],
+      setInputType = _d[1];
 
-  var _useState3 = useState({}),
-      _useState4 = _slicedToArray(_useState3, 2),
-      previous = _useState4[0],
-      setPrevious = _useState4[1];
+  var _e = useState({}),
+      previous = _e[0],
+      setPrevious = _e[1];
 
   var tinyColor = tinycolor(currentColor);
   var rgba = tinyColor.toRgb();
   var hsv = tinyColor.toHsv();
 
-  var _useState5 = useState(_objectSpread2(_objectSpread2({}, rgba), hsv)),
-      _useState6 = _slicedToArray(_useState5, 2),
-      hc = _useState6[0],
-      setHc = _useState6[1];
+  var _f = useState(__assign(__assign({}, rgba), hsv)),
+      hc = _f[0],
+      setHc = _f[1];
 
   useEffect(function () {
     if ((hsv === null || hsv === void 0 ? void 0 : hsv.s) === 0) {
-      setHc(_objectSpread2(_objectSpread2(_objectSpread2({}, rgba), hsv), {}, {
+      setHc(__assign(__assign(__assign({}, rgba), hsv), {
         h: hc === null || hc === void 0 ? void 0 : hc.h
       }));
     } else {
-      setHc(_objectSpread2(_objectSpread2({}, rgba), hsv));
-    }
+      setHc(__assign(__assign({}, rgba), hsv));
+    } // eslint-disable-next-line react-hooks/exhaustive-deps
+
   }, [currentColor]);
 
   var createGradientStr = function createGradientStr(newColors) {
@@ -63,7 +83,7 @@ function PickerContextWrapper(_ref) {
       return "".concat(cc === null || cc === void 0 ? void 0 : cc.value, " ").concat(cc.left, "%");
     });
     var newGrade = "".concat(gradientType, "(").concat(degreeStr, ", ").concat(colorString.join(', '), ")");
-    setPrevious(_objectSpread2(_objectSpread2({}, previous), {}, {
+    setPrevious(__assign(__assign({}, previous), {
       gradient: newGrade
     }));
     onChange(newGrade);
@@ -73,10 +93,12 @@ function PickerContextWrapper(_ref) {
     var remaining = colors === null || colors === void 0 ? void 0 : colors.filter(function (c) {
       return !isUpperCase(c.value);
     });
-    var newColors = [{
+
+    var newColors = __spreadArray([{
       value: newColor.toUpperCase(),
-      left: left || currentLeft
-    }].concat(_toConsumableArray(remaining));
+      left: left !== null && left !== void 0 ? left : currentLeft
+    }], remaining, true);
+
     createGradientStr(newColors);
   };
 
@@ -84,7 +106,7 @@ function PickerContextWrapper(_ref) {
     if (isGradient) {
       handleGradient(newColor);
     } else {
-      setPrevious(_objectSpread2(_objectSpread2({}, previous), {}, {
+      setPrevious(__assign(__assign({}, previous), {
         color: newColor
       }));
       onChange(newColor);
@@ -94,7 +116,7 @@ function PickerContextWrapper(_ref) {
   var deletePoint = function deletePoint() {
     if ((colors === null || colors === void 0 ? void 0 : colors.length) > 2) {
       var formatted = colors === null || colors === void 0 ? void 0 : colors.map(function (fc, i) {
-        return _objectSpread2(_objectSpread2({}, fc), {}, {
+        return __assign(__assign({}, fc), {
           value: i === selectedColor - 1 ? high(fc) : low(fc)
         });
       });
@@ -111,7 +133,6 @@ function PickerContextWrapper(_ref) {
     value: value,
     colors: colors,
     degrees: degrees,
-    classes: classes,
     onChange: onChange,
     previous: previous,
     inputType: inputType,
@@ -127,6 +148,7 @@ function PickerContextWrapper(_ref) {
     handleChange: handleChange,
     currentColor: currentColor,
     selectedColor: selectedColor,
+    defaultStyles: defaultStyles,
     handleGradient: handleGradient,
     createGradientStr: createGradientStr
   };

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA,sBAAsB,wCAA4C;AAClE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,sBAAsB,wCAA4C;AAClE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}