@dreamcommerce/aurora 3.0.0-8 → 3.0.0-81

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

@@ -0,0 +1,151 @@
+'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 utils = require('../utils/utils.js');
+var context = require('../context.js');
+var usePaintSquare = require('../hooks/usePaintSquare.js');
+var index = require('../../../../lodash.throttle/index.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+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 crossSize = constants.config.crossSize;
+var Square = function Square() {
+  var _a = context.usePicker(),
+    hc = _a.hc,
+    defaultStyles = _a.defaultStyles,
+    squareWidth = _a.squareWidth,
+    squareHeight = _a.squareHeight,
+    handleChange = _a.handleChange;
+  var _b = React.useState(false),
+    dragging = _b[0],
+    setDragging = _b[1];
+  var canvas = React.useRef(null);
+  var _c = utils.computeSquareXY(hc === null || hc === void 0 ? void 0 : hc.s, (hc === null || hc === void 0 ? void 0 : hc.v) * 100, squareWidth, squareHeight),
+    x = _c[0],
+    y = _c[1];
+  var _d = React.useState({
+      x: x,
+      y: y
+    }),
+    dragPos = _d[0],
+    setDragPos = _d[1];
+  usePaintSquare['default'](canvas, hc === null || hc === void 0 ? void 0 : hc.h, squareWidth, squareHeight);
+  React.useEffect(function () {
+    if (!dragging) {
+      setDragPos({
+        x: (hc === null || hc === void 0 ? void 0 : hc.v) === 0 ? dragPos.x : x,
+        y: y
+      });
+    }
+  }, [x, y]);
+  var handleColor = function handleColor(e) {
+    var onMouseMove = index['default'](function () {
+      var _a = utils.computePickerPosition(e),
+        x = _a[0],
+        y = _a[1];
+      if (x && y) {
+        var x1 = Math.min(x + crossSize / 2, squareWidth - 1);
+        var y1 = Math.min(y + crossSize / 2, squareHeight - 1);
+        var newS = x1 / squareWidth * 100;
+        var newY = 100 - y1 / squareHeight * 100;
+        setDragPos({
+          x: newY === 0 ? dragPos === null || dragPos === void 0 ? void 0 : dragPos.x : x,
+          y: y
+        });
+        var updated = tinycolor['default']("hsva(".concat(hc === null || hc === void 0 ? void 0 : hc.h, ", ").concat(newS, "%, ").concat(newY, "%, ").concat(hc === null || hc === void 0 ? void 0 : hc.a, ")"));
+        handleChange(updated.toRgbString());
+      }
+    }, 250);
+    onMouseMove();
+  };
+  var stopDragging = function stopDragging() {
+    setDragging(false);
+  };
+  var handleMove = function handleMove(e) {
+    if (dragging) {
+      handleColor(e);
+    }
+  };
+  // const handleTouchMove = (e: any) => {
+  //   if (dragging && isMobile) {
+  //     document.body.style.overflow = 'hidden'
+  //     handleColor(e)
+  //   }
+  // }
+  var handleClick = function handleClick(e) {
+    if (!dragging) {
+      handleColor(e);
+    }
+  };
+  var handleMouseDown = function handleMouseDown() {
+    setDragging(true);
+  };
+  var handleCanvasDown = function handleCanvasDown(e) {
+    setDragging(true);
+    handleColor(e);
+  };
+  React.useEffect(function () {
+    var handleUp = function handleUp() {
+      stopDragging();
+    };
+    window.addEventListener('mouseup', handleUp);
+    return function () {
+      window.removeEventListener('mouseup', handleUp);
+    };
+  }, []);
+  return /*#__PURE__*/React__default['default'].createElement("div", {
+    style: {
+      position: 'relative'
+    }
+  }, /*#__PURE__*/React__default['default'].createElement("div", {
+    onMouseUp: stopDragging,
+    onTouchEnd: stopDragging,
+    onMouseDown: handleCanvasDown,
+    onTouchStart: handleCanvasDown,
+    onMouseMove: function onMouseMove(e) {
+      return handleMove(e);
+    },
+    style: {
+      position: 'relative',
+      cursor: 'ew-cross'
+    }
+  }, /*#__PURE__*/React__default['default'].createElement("div", {
+    style: __assign(__assign(__assign({}, defaultStyles.rbgcpHandle), {
+      transform: "translate(".concat((dragPos === null || dragPos === void 0 ? void 0 : dragPos.x) || 0, "px, ").concat((dragPos === null || dragPos === void 0 ? void 0 : dragPos.y) || 0, "px)")
+    }), dragging ? {
+      transition: ""
+    } : {}),
+    onMouseDown: handleMouseDown
+  }), /*#__PURE__*/React__default['default'].createElement("div", {
+    style: __assign(__assign({}, defaultStyles.rbgcpCanvasWrapper), {
+      height: squareHeight
+    }),
+    onClick: function onClick(e) {
+      return handleClick(e);
+    }
+  }, /*#__PURE__*/React__default['default'].createElement("canvas", {
+    ref: canvas,
+    id: "paintSquare",
+    width: "".concat(squareWidth, "px"),
+    height: "".concat(squareHeight, "px")
+  }))));
+};
+
+exports.default = Square;
+//# sourceMappingURL=Square.js.map

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

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

@@ -0,0 +1,163 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var context = require('../context.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+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 = context.usePicker().defaultStyles;
+  var styles = {
+    fill: 'none',
+    strokeWidth: '1.8px'
+  };
+  return /*#__PURE__*/React__default['default'].createElement("svg", {
+    id: "Layer_1",
+    "data-name": "Layer 1",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    style: {
+      width: 15
+    }
+  }, /*#__PURE__*/React__default['default'].createElement("polyline", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    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(_a) {
+  var color = _a.color;
+  var defaultStyles = context.usePicker().defaultStyles;
+  var col = color || '';
+  var styles = {
+    fill: 'none',
+    strokeWidth: '1.8px'
+  };
+  return /*#__PURE__*/React__default['default'].createElement("svg", {
+    id: "Layer_1",
+    "data-name": "Layer 1",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    style: {
+      width: 14
+    }
+  }, /*#__PURE__*/React__default['default'].createElement("polyline", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    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(_a) {
+  var color = _a.color;
+  var defaultStyles = context.usePicker().defaultStyles;
+  var col = color || '';
+  var styles = {
+    fill: 'none',
+    strokeMiterlimit: 10,
+    strokeWidth: '1.8px'
+  };
+  return /*#__PURE__*/React__default['default'].createElement("svg", {
+    id: "Layer_1",
+    "data-name": "Layer 1",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    style: {
+      width: 15
+    }
+  }, /*#__PURE__*/React__default['default'].createElement("circle", {
+    style: __assign(__assign(__assign({}, styles), defaultStyles.rbgcpControlIcon), col && {
+      stroke: col
+    }),
+    cx: "10",
+    cy: "10",
+    r: "9"
+  }), /*#__PURE__*/React__default['default'].createElement("circle", {
+    style: __assign(__assign(__assign({}, styles), defaultStyles.rbgcpControlIcon), col && {
+      stroke: col
+    }),
+    cx: "10",
+    cy: "10",
+    r: "5"
+  }));
+};
+var DegreesIcon = function DegreesIcon(_a) {
+  var color = _a.color;
+  var defaultStyles = context.usePicker().defaultStyles;
+  var col = color || '';
+  var style2 = {
+    fill: 'none',
+    strokeMiterlimit: 10,
+    strokeWidth: '1.8px'
+  };
+  return /*#__PURE__*/React__default['default'].createElement("svg", {
+    id: "Layer_1",
+    "data-name": "Layer 1",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    style: {
+      width: 15
+    }
+  }, /*#__PURE__*/React__default['default'].createElement("polyline", {
+    strokeLinecap: "round",
+    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__default['default'].createElement("polyline", {
+    strokeLinecap: "round",
+    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 defaultStyles = context.usePicker().defaultStyles;
+  return /*#__PURE__*/React__default['default'].createElement("svg", {
+    id: "Layer_1",
+    "data-name": "Layer 1",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    style: {
+      width: 20,
+      marginRight: 1
+    }
+  }, /*#__PURE__*/React__default['default'].createElement("path", {
+    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__default['default'].createElement("path", {
+    style: __assign({}, defaultStyles.rbgcpControlIcon2),
+    d: "M4.79,8.09V7H9.16V8.09H7.59V13H6.38V8.09Z"
+  }), /*#__PURE__*/React__default['default'].createElement("path", {
+    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__default['default'].createElement("path", {
+    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"
+  }));
+};
+
+exports.DegreesIcon = DegreesIcon;
+exports.LinearIcon = LinearIcon;
+exports.RadialIcon = RadialIcon;
+exports.StopIcon = StopIcon;
+exports.default = TrashIcon;
+//# sourceMappingURL=icon.js.map

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

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

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var config = {
+  barSize: 18,
+  crossSize: 18,
+  inputSize: 40,
+  delay: 150,
+  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%)'
+};
+
+exports.config = config;
+//# sourceMappingURL=constants.js.map

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

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

@@ -0,0 +1,159 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var tinycolor = require('../../external/tinycolor2/tinycolor.js');
+var formatters = require('./utils/formatters.js');
+var utils = require('./utils/utils.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+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__*/React.createContext(null);
+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 = formatters.getColors(value);
+  var _b = utils.getDetails(value),
+    degrees = _b.degrees,
+    degreeStr = _b.degreeStr,
+    isGradient = _b.isGradient,
+    gradientType = _b.gradientType;
+  var _c = utils.getColorObj(colors),
+    currentColor = _c.currentColor,
+    selectedColor = _c.selectedColor,
+    currentLeft = _c.currentLeft;
+  var _d = React.useState('rgb'),
+    inputType = _d[0],
+    setInputType = _d[1];
+  var _e = React.useState({}),
+    previous = _e[0],
+    setPrevious = _e[1];
+  var tinyColor = tinycolor['default'](currentColor);
+  var rgba = tinyColor.toRgb();
+  var hsv = tinyColor.toHsv();
+  var _f = React.useState(__assign(__assign({}, rgba), hsv)),
+    hc = _f[0],
+    setHc = _f[1];
+  React.useEffect(function () {
+    if ((hsv === null || hsv === void 0 ? void 0 : hsv.s) === 0) {
+      setHc(__assign(__assign(__assign({}, rgba), hsv), {
+        h: hc === null || hc === void 0 ? void 0 : hc.h
+      }));
+    } else {
+      setHc(__assign(__assign({}, rgba), hsv));
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [currentColor]);
+  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, "%");
+    });
+    var newGrade = "".concat(gradientType, "(").concat(degreeStr, ", ").concat(colorString.join(', '), ")");
+    setPrevious(__assign(__assign({}, previous), {
+      gradient: newGrade
+    }));
+    onChange(newGrade);
+  };
+  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 !== null && left !== void 0 ? left : currentLeft
+    }], remaining, true);
+    createGradientStr(newColors);
+  };
+  var handleChange = function handleChange(newColor) {
+    if (isGradient) {
+      handleGradient(newColor);
+    } else {
+      setPrevious(__assign(__assign({}, previous), {
+        color: newColor
+      }));
+      onChange(newColor);
+    }
+  };
+  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 __assign(__assign({}, fc), {
+          value: i === selectedColor - 1 ? formatters.high(fc) : formatters.low(fc)
+        });
+      });
+      var remaining = formatted === null || formatted === void 0 ? void 0 : formatted.filter(function (_, i) {
+        return i !== selectedColor;
+      });
+      createGradientStr(remaining);
+    }
+  };
+  var pickerContext = {
+    hc: hc,
+    setHc: setHc,
+    value: value,
+    colors: colors,
+    degrees: degrees,
+    onChange: onChange,
+    previous: previous,
+    inputType: inputType,
+    tinyColor: tinyColor,
+    isGradient: isGradient,
+    squareWidth: squareWidth,
+    hideOpacity: hideOpacity,
+    currentLeft: currentLeft,
+    deletePoint: deletePoint,
+    squareHeight: squareHeight,
+    setInputType: setInputType,
+    gradientType: gradientType,
+    handleChange: handleChange,
+    currentColor: currentColor,
+    selectedColor: selectedColor,
+    defaultStyles: defaultStyles,
+    handleGradient: handleGradient,
+    createGradientStr: createGradientStr
+  };
+  return /*#__PURE__*/React__default['default'].createElement(PickerContext.Provider, {
+    value: pickerContext
+  }, children);
+}
+function usePicker() {
+  var pickerContext = React.useContext(PickerContext);
+  if (!pickerContext) {
+    throw new Error('usePicker has to be used within <PickerContext.Provider>');
+  }
+  return pickerContext;
+}
+
+exports.default = PickerContextWrapper;
+exports.usePicker = usePicker;
+//# sourceMappingURL=context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,wBAAwB,wCAA4C;AACpE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}