@dreamcommerce/aurora 2.20.8 → 2.21.0-2

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

@@ -1,10 +1,35 @@
-import { objectSpread2 as _objectSpread2, toConsumableArray as _toConsumableArray, slicedToArray as _slicedToArray } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import tinycolor from '../../../external/tinycolor2/tinycolor.js';
 import { high, low } from './formatters.js';
 import { isUpperCase } from './utils.js';
 
-var gradientParser = function gradientParser() {
-  var input = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+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 gradientParser = function gradientParser(input) {
+  if (input === void 0) {
+    input = '';
+  }
+
   var tokens = {
     linearGradient: /^(-(webkit|o|ms|moz)-)?(linear-gradient)/i,
     repeatingLinearGradient: /^(-(webkit|o|ms|moz)-)?(repeating-linear-gradient)/i,
@@ -91,12 +116,12 @@ var gradientParser = function gradientParser() {
   function matchHexColor() {
     var hexObj = match('hex', tokens.hexColor, 1);
 
-    if (hexObj !== null && hexObj !== void 0 && hexObj.value) {
-      var _tinycolor$toRgb2 = tinycolor(hexObj === null || hexObj === void 0 ? void 0 : hexObj.value).toRgb(),
-          r = _tinycolor$toRgb2.r,
-          g = _tinycolor$toRgb2.g,
-          b = _tinycolor$toRgb2.b,
-          a = _tinycolor$toRgb2.a;
+    if (hexObj === null || hexObj === void 0 ? void 0 : hexObj.value) {
+      var _a = tinycolor(hexObj === null || hexObj === void 0 ? void 0 : hexObj.value).toRgb(),
+          r = _a.r,
+          g = _a.g,
+          b = _a.b,
+          a = _a.a;
 
       return {
         value: "rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(a, ")")
@@ -144,12 +169,12 @@ var gradientParser = function gradientParser() {
   function matchLiteralColor() {
     var litObj = match('literal', tokens.literalColor, 0);
 
-    if (litObj !== null && litObj !== void 0 && litObj.value) {
-      var _tinycolor$toRgb4 = tinycolor(litObj === null || litObj === void 0 ? void 0 : litObj.value).toRgb(),
-          r = _tinycolor$toRgb4.r,
-          g = _tinycolor$toRgb4.g,
-          b = _tinycolor$toRgb4.b,
-          a = _tinycolor$toRgb4.a;
+    if (litObj === null || litObj === void 0 ? void 0 : litObj.value) {
+      var _a = tinycolor(litObj === null || litObj === void 0 ? void 0 : litObj.value).toRgb(),
+          r = _a.r,
+          g = _a.g,
+          b = _a.b,
+          a = _a.a;
 
       return {
         value: "rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(a, ")")
@@ -166,7 +191,7 @@ var gradientParser = function gradientParser() {
   }
 
   function matchColorStop() {
-    var _matchDistance;
+    var _a;
 
     var color = matchColor();
 
@@ -174,7 +199,7 @@ var gradientParser = function gradientParser() {
       error('Expected color definition');
     }
 
-    color.left = parseInt((_matchDistance = matchDistance()) === null || _matchDistance === void 0 ? void 0 : _matchDistance.value);
+    color.left = parseInt((_a = matchDistance()) === null || _a === void 0 ? void 0 : _a.value);
     return color;
   }
 
@@ -209,7 +234,7 @@ var gradientParser = function gradientParser() {
   }
 
   function getAST() {
-    var _ast0$colorStops;
+    var _a;
 
     var ast = matchListDefinitions();
 
@@ -218,7 +243,7 @@ var gradientParser = function gradientParser() {
     }
 
     var ast0 = ast[0];
-    var checkSelected = ast0 === null || ast0 === void 0 || (_ast0$colorStops = ast0.colorStops) === null || _ast0$colorStops === void 0 ? void 0 : _ast0$colorStops.filter(function (c) {
+    var checkSelected = (_a = ast0 === null || ast0 === void 0 ? void 0 : ast0.colorStops) === null || _a === void 0 ? void 0 : _a.filter(function (c) {
       return isUpperCase(c.value);
     }).length;
 
@@ -226,14 +251,14 @@ var gradientParser = function gradientParser() {
       if (checkSelected > 0) {
         return ast0;
       } else {
-        var val = function val(c, i) {
+        var val_1 = function val_1(c, i) {
           return i === 0 ? high(c) : low(c);
         };
 
-        return _objectSpread2(_objectSpread2({}, ast0), {}, {
+        return __assign(__assign({}, ast0), {
           colorStops: ast0.colorStops.map(function (c, i) {
-            return _objectSpread2(_objectSpread2({}, c), {}, {
-              value: val(c, i)
+            return __assign(__assign({}, c), {
+              value: val_1(c, i)
             });
           })
         });
@@ -376,16 +401,16 @@ var gradientParser = function gradientParser() {
     var capIt = isUpperCase(val === null || val === void 0 ? void 0 : val[0]);
     var hsl = matchListing(matchNumber);
 
-    var _tinycolor$toRgb5 = tinycolor({
+    var _a = tinycolor({
       h: hsl[0],
       s: hsl[1],
       l: hsl[2],
       a: hsl[3] || 1
     }).toRgb(),
-        r = _tinycolor$toRgb5.r,
-        g = _tinycolor$toRgb5.g,
-        b = _tinycolor$toRgb5.b,
-        a = _tinycolor$toRgb5.a;
+        r = _a.r,
+        g = _a.g,
+        b = _a.b,
+        a = _a.a;
 
     return {
       value: "".concat(capIt ? 'RGBA' : 'rgba', "(").concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(a, ")")
@@ -396,16 +421,16 @@ var gradientParser = function gradientParser() {
     var capIt = isUpperCase(val === null || val === void 0 ? void 0 : val[0]);
     var hsv = matchListing(matchNumber);
 
-    var _tinycolor$toRgb6 = tinycolor({
+    var _a = tinycolor({
       h: hsv[0],
       s: hsv[1],
       v: hsv[2],
       a: hsv[3] || 1
     }).toRgb(),
-        r = _tinycolor$toRgb6.r,
-        g = _tinycolor$toRgb6.g,
-        b = _tinycolor$toRgb6.b,
-        a = _tinycolor$toRgb6.a;
+        r = _a.r,
+        g = _a.g,
+        b = _a.b,
+        a = _a.a;
 
     return {
       value: "".concat(capIt ? 'RGBA' : 'rgba', "(").concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(a, ")")
@@ -416,13 +441,12 @@ var gradientParser = function gradientParser() {
     var capIt = isUpperCase(val === null || val === void 0 ? void 0 : val[0]);
     var captures = scan(tokens.spacedRgbColor);
 
-    var _ref = captures || [null].concat(_toConsumableArray(matchListing(matchNumber))),
-        _ref2 = _slicedToArray(_ref, 5),
-        r = _ref2[1],
-        g = _ref2[2],
-        b = _ref2[3],
-        _ref2$ = _ref2[4],
-        a = _ref2$ === void 0 ? 1 : _ref2$;
+    var _a = captures || __spreadArray([null], matchListing(matchNumber), true),
+        r = _a[1],
+        g = _a[2],
+        b = _a[3],
+        _b = _a[4],
+        a = _b === void 0 ? 1 : _b;
 
     return {
       value: "".concat(capIt ? 'RGBA' : 'rgba', "(").concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(a, ")")

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,sBAAsB,2CAA+C;AACrE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,sBAAsB,2CAA+C;AACrE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/utils/utils.js

@@ -1,7 +1,19 @@
-import { objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { config } from '../constants.js';
 import { formatInputValues } from './formatters.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 barSize = config.barSize,
     crossSize = config.crossSize;
 var safeBounds = function safeBounds(e) {
@@ -16,9 +28,9 @@ var safeBounds = function safeBounds(e) {
   };
 };
 function getHandleValue(e) {
-  var _safeBounds = safeBounds(e),
-      offsetLeft = _safeBounds.offsetLeft,
-      clientWidth = _safeBounds.clientWidth;
+  var _a = safeBounds(e),
+      offsetLeft = _a.offsetLeft,
+      clientWidth = _a.clientWidth;
 
   var pos = e.clientX - offsetLeft - barSize / 2;
   var adjuster = clientWidth - 18;
@@ -47,15 +59,15 @@ var getClientXY = function getClientXY(e) {
 };
 
 function computePickerPosition(e) {
-  var _safeBounds2 = safeBounds(e),
-      offsetLeft = _safeBounds2.offsetLeft,
-      offsetTop = _safeBounds2.offsetTop,
-      clientWidth = _safeBounds2.clientWidth,
-      clientHeight = _safeBounds2.clientHeight;
+  var _a = safeBounds(e),
+      offsetLeft = _a.offsetLeft,
+      offsetTop = _a.offsetTop,
+      clientWidth = _a.clientWidth,
+      clientHeight = _a.clientHeight;
 
-  var _getClientXY = getClientXY(e),
-      clientX = _getClientXY.clientX,
-      clientY = _getClientXY.clientY;
+  var _b = getClientXY(e),
+      clientX = _b.clientX,
+      clientY = _b.clientY;
 
   var getX = function getX() {
     var xPos = clientX - offsetLeft - crossSize / 2;
@@ -73,9 +85,9 @@ function computePickerPosition(e) {
 // }
 
 var isUpperCase = function isUpperCase(str) {
-  var _str$;
+  var _a;
 
-  return (str === null || str === void 0 ? void 0 : str[0]) === (str === null || str === void 0 || (_str$ = str[0]) === null || _str$ === void 0 ? void 0 : _str$.toUpperCase());
+  return (str === null || str === void 0 ? void 0 : str[0]) === ((_a = str === null || str === void 0 ? void 0 : str[0]) === null || _a === void 0 ? void 0 : _a.toUpperCase());
 }; // export const compareGradients = (g1: string, g2: string) => {
 //   const ng1 = g1?.toLowerCase()?.replaceAll(' ', '')
 //   const ng2 = g2?.toLowerCase()?.replaceAll(' ', '')
@@ -110,35 +122,31 @@ var convertShortHandDeg = function convertShortHandDeg(dir) {
 };
 
 var objectToString = function objectToString(value) {
+  var _a, _b, _c, _d, _e;
+
   if (typeof value === 'string') {
     return value;
   } else {
-    var _value$type;
-
-    if (value !== null && value !== void 0 && (_value$type = value.type) !== null && _value$type !== void 0 && _value$type.includes('gradient')) {
-      var _value$colorStops, _sorted$map, _value$orientation;
-
-      var sorted = value === null || value === void 0 || (_value$colorStops = value.colorStops) === null || _value$colorStops === void 0 ? void 0 : _value$colorStops.sort(function (a, b) {
+    if ((_a = value === null || value === void 0 ? void 0 : value.type) === null || _a === void 0 ? void 0 : _a.includes('gradient')) {
+      var sorted = (_b = value === null || value === void 0 ? void 0 : value.colorStops) === null || _b === void 0 ? void 0 : _b.sort(function (a, b) {
         return (a === null || a === void 0 ? void 0 : a.left) - (b === null || b === void 0 ? void 0 : b.left);
       });
-      var string = sorted === null || sorted === void 0 || (_sorted$map = sorted.map(function (c) {
+      var string = (_c = sorted === null || sorted === void 0 ? void 0 : sorted.map(function (c) {
         return "".concat(c === null || c === void 0 ? void 0 : c.value, " ").concat(c === null || c === void 0 ? void 0 : c.left, "%");
-      })) === null || _sorted$map === void 0 ? void 0 : _sorted$map.join(', ');
+      })) === null || _c === void 0 ? void 0 : _c.join(', ');
       var type = value === null || value === void 0 ? void 0 : value.type;
-      var degs = convertShortHandDeg(value === null || value === void 0 || (_value$orientation = value.orientation) === null || _value$orientation === void 0 ? void 0 : _value$orientation.value);
+      var degs = convertShortHandDeg((_d = value === null || value === void 0 ? void 0 : value.orientation) === null || _d === void 0 ? void 0 : _d.value);
       var gradientStr = type === 'linear-gradient' ? "".concat(degs, "deg") : 'circle';
       return "".concat(type, "(").concat(gradientStr, ", ").concat(string, ")");
     } else {
-      var _value$colorStops$;
-
-      var color = (value === null || value === void 0 || (_value$colorStops$ = value.colorStops[0]) === null || _value$colorStops$ === void 0 ? void 0 : _value$colorStops$.value) || 'rgba(175, 51, 242, 1)';
+      var color = ((_e = value === null || value === void 0 ? void 0 : value.colorStops[0]) === null || _e === void 0 ? void 0 : _e.value) || 'rgba(175, 51, 242, 1)';
       return color;
     }
   }
 };
 var getColorObj = function getColorObj(colors) {
   var idxCols = colors === null || colors === void 0 ? void 0 : colors.map(function (c, i) {
-    return _objectSpread2(_objectSpread2({}, c), {}, {
+    return __assign(__assign({}, c), {
       index: i
     });
   });
@@ -154,10 +162,10 @@ var getColorObj = function getColorObj(colors) {
 };
 
 var getDegrees = function getDegrees(value) {
-  var _s1$split$;
+  var _a;
 
   var s1 = value === null || value === void 0 ? void 0 : value.split(',')[0];
-  var s2 = s1 === null || s1 === void 0 || (_s1$split$ = s1.split('(')[1]) === null || _s1$split$ === void 0 ? void 0 : _s1$split$.replace('deg', '');
+  var s2 = (_a = s1 === null || s1 === void 0 ? void 0 : s1.split('(')[1]) === null || _a === void 0 ? void 0 : _a.replace('deg', '');
   return convertShortHandDeg(s2);
 };
 

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

package/build/esm/packages/aurora/src/components/color_picker_new/color_picker_utils.d.ts

@@ -2,6 +2,8 @@ import { ColorPickerColors, ColorPickerVariable, IColorPickerColor } from './typ
 import tinycolor from 'tinycolor2';
 export declare class ColorPickerUtils {
     static getTinyColorInstance: (color: ColorPickerColors) => tinycolor.Instance;
+    static isGradient(color: string): boolean;
+    static getColorPickerValue: (color: string | ColorPickerVariable | undefined) => ColorPickerVariable;
     static getRgbaValue: (colorSet: tinycolor.Instance) => tinycolor.ColorFormats.RGBA;
     static getHexValue: (colorSet: tinycolor.Instance) => string;
     static getHexValueString: (colorSet: tinycolor.Instance) => string;

package/build/esm/packages/aurora/src/components/color_picker_new/color_picker_utils.js

@@ -1,16 +1,46 @@
 import { createClass as _createClass, defineProperty as _defineProperty, objectSpread2 as _objectSpread2, toConsumableArray as _toConsumableArray, classCallCheck as _classCallCheck } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { COLOR_PICKER_INITIAL_STATE } from './constants.js';
 import tinycolor from '../../../../../external/tinycolor2/esm/tinycolor.js';
 
 var _ColorPickerUtils;
-var ColorPickerUtils = /*#__PURE__*/_createClass(function ColorPickerUtils() {
-  _classCallCheck(this, ColorPickerUtils);
-});
+var ColorPickerUtils = /*#__PURE__*/function () {
+  function ColorPickerUtils() {
+    _classCallCheck(this, ColorPickerUtils);
+  }
+
+  return _createClass(ColorPickerUtils, null, [{
+    key: "isGradient",
+    value: function isGradient(color) {
+      return color.includes('linear-gradient') || color.includes('radial-gradient');
+    }
+  }]);
+}();
 _ColorPickerUtils = ColorPickerUtils;
 
 _defineProperty(ColorPickerUtils, "getTinyColorInstance", function (color) {
   return tinycolor(color);
 });
 
+_defineProperty(ColorPickerUtils, "getColorPickerValue", function (color) {
+  var _color$name;
+
+  var initialColorValue = typeof color === 'string' ? color : color === null || color === void 0 ? void 0 : color.value;
+  if (!initialColorValue) return {
+    value: COLOR_PICKER_INITIAL_STATE,
+    name: ''
+  };
+  var parsedColorValue = initialColorValue ? _ColorPickerUtils.getTinyColorInstance(initialColorValue).toHex8() : COLOR_PICKER_INITIAL_STATE;
+
+  if (_ColorPickerUtils.isGradient(initialColorValue)) {
+    parsedColorValue = initialColorValue;
+  }
+
+  return {
+    value: parsedColorValue,
+    name: typeof color === 'string' ? '' : (_color$name = color === null || color === void 0 ? void 0 : color.name) !== null && _color$name !== void 0 ? _color$name : ''
+  };
+});
+
 _defineProperty(ColorPickerUtils, "getRgbaValue", function (colorSet) {
   return colorSet.toRgb();
 });

package/build/esm/packages/aurora/src/components/color_picker_new/color_picker_utils.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,sBAAsB,qDAAyD;AAC/E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,sBAAsB,qDAAyD;AAC/E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/packages/aurora/src/components/color_picker_new/components/{color-label-input.d.ts → color_label_input.d.ts}

@@ -3,5 +3,5 @@ interface IColorLabelInputProps {
     id: string;
     name?: string;
 }
-export declare const ColorLabelInput: React.FC<IColorLabelInputProps>;
+export declare const Color_label_input: React.FC<IColorLabelInputProps>;
 export {};

package/build/esm/packages/aurora/src/components/color_picker_new/components/{color-label-input.js → color_label_input.js}

@@ -1,16 +1,16 @@
-import React, { useContext } from 'react';
+import React from 'react';
 import { useTranslation } from '../../../../../../external/react-i18next/dist/es/useTranslation.js';
 import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import Input from '../../controls/components/input.js';
-import { ColorPickerNewContext } from '../context.js';
+import { useColorPicker } from '../hooks/use_color_picker.js';
 
-var ColorLabelInput = function ColorLabelInput(_ref) {
+var Color_label_input = function Color_label_input(_ref) {
   var id = _ref.id,
       name = _ref.name;
 
-  var _useContext = useContext(ColorPickerNewContext),
-      hex = _useContext.hex,
-      color = _useContext.color;
+  var _useColorPicker = useColorPicker(),
+      hex = _useColorPicker.hex,
+      color = _useColorPicker.color;
 
   var _useTranslation = useTranslation(),
       _useTranslation2 = _slicedToArray(_useTranslation, 1),
@@ -25,5 +25,5 @@ var ColorLabelInput = function ColorLabelInput(_ref) {
   });
 };
 
-export { ColorLabelInput };
-//# sourceMappingURL=color-label-input.js.map
+export { Color_label_input };
+//# sourceMappingURL=color_label_input.js.map

package/build/esm/packages/aurora/src/components/color_picker_new/components/color_picker_content.js

@@ -1,40 +1,32 @@
-import React, { useContext } from 'react';
+import React from 'react';
+import { COLOR_PICKER_WIDTH, COLOR_PICKER_HEIGHT } from '../constants.js';
 import classnames from 'classnames';
-import { ColorPickerNewContext } from '../context.js';
 import { cssColorPickerContainer, cssColorPickerRbgcp } from '../css_classes.js';
+import { useColorPicker } from '../hooks/use_color_picker.js';
 import styles from '../../../css/color_picker_new/main.module.less.js';
-import { ColorPicker } from '../../../../../../external/react-best-gradient-color-picker/dist/esm/components/index.js';
-import { COLOR_PICKER_WIDTH, COLOR_PICKER_HEIGHT } from '../constants.js';
-import { ColorPickerShades } from './color-picker-shades.js';
-import { ColorPickerHeader } from './color-picker-header.js';
-import { ColorPickerInputs } from './color-picker-inputs/color-picker-inputs.js';
-import { ColorPickerVariables } from './color-picker-variables.js';
-import { ColorPickerFooter } from './color-picker-footer.js';
+import { Color_picker_header } from './color_picker_header.js';
+import { Color_picker_variables } from './color_picker_variables.js';
+import { Color_picker_footer } from './color_picker_footer.js';
+import { ColorPickerImpl } from './color_picker_impl/color_picker_impl.js';
 
 var ColorPickerContent = function ColorPickerContent() {
-  var _useContext = useContext(ColorPickerNewContext),
-      color = _useContext.color,
-      setColor = _useContext.setColor,
-      colorVariables = _useContext.colorVariables;
+  var _useColorPicker = useColorPicker(),
+      color = _useColorPicker.color,
+      setColor = _useColorPicker.setColor,
+      colorVariables = _useColorPicker.colorVariables;
 
   var colorValue = typeof color === 'string' ? color : color.value;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ColorPickerHeader, null), /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Color_picker_header, null), /*#__PURE__*/React.createElement("div", {
     className: "".concat(styles[cssColorPickerContainer])
-  }, /*#__PURE__*/React.createElement(ColorPicker, {
+  }, /*#__PURE__*/React.createElement(ColorPickerImpl, {
     value: colorValue,
     onChange: setColor,
     width: COLOR_PICKER_WIDTH,
     height: COLOR_PICKER_HEIGHT,
-    hideColorTypeBtns: true,
-    hideColorGuide: true,
-    hideAdvancedSliders: true,
-    hideInputType: true,
-    hideInputs: true,
-    hidePresets: true,
     className: classnames(styles[cssColorPickerRbgcp], cssColorPickerRbgcp)
-  }), /*#__PURE__*/React.createElement(ColorPickerInputs, null), /*#__PURE__*/React.createElement(ColorPickerShades, null), (colorVariables === null || colorVariables === void 0 ? void 0 : colorVariables.isVisible) && /*#__PURE__*/React.createElement(ColorPickerVariables, {
+  }), (colorVariables === null || colorVariables === void 0 ? void 0 : colorVariables.isVisible) && /*#__PURE__*/React.createElement(Color_picker_variables, {
     variables: colorVariables.variables
-  })), /*#__PURE__*/React.createElement(ColorPickerFooter, null));
+  })), /*#__PURE__*/React.createElement(Color_picker_footer, null));
 };
 
 export { ColorPickerContent };

package/build/esm/packages/aurora/src/components/color_picker_new/components/color_picker_content.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,4BAA4B,0FAA8F;AAC1H;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;"}

package/build/esm/packages/aurora/src/components/color_picker_new/components/color_picker_controls.d.ts

@@ -0,0 +1 @@
+export declare const ColorPickerControls: () => JSX.Element;

package/build/esm/packages/aurora/src/components/color_picker_new/components/color_picker_controls.js

@@ -0,0 +1,44 @@
+import React from 'react';
+import { GRADIENT_TYPES } from '../constants.js';
+import Stack from '../../stack/index.js';
+import { cssColorPickerControls } from '../css_classes.js';
+import { useColorPicker } from '../hooks/use_color_picker.js';
+import styles from '../../../css/color_picker_new/main.module.less.js';
+import { usePicker } from '../../../../../../external/react-best-gradient-color-picker/dist/esm/context.js';
+import { ColorPickerModeToggler } from './color_picker_mode_toggler.js';
+import Dropper from '../../../../../../external/react-best-gradient-color-picker/dist/esm/components/EyeDropper.js';
+import { ColorPickerGradientAngle } from './color_picker_gradient_controls/color_picker_gradient_angle.js';
+import GradientControls from '../../../../../../external/react-best-gradient-color-picker/dist/esm/components/GradientControls.js';
+import GradientBar from '../../../../../../external/react-best-gradient-color-picker/dist/esm/components/GradientBar.js';
+
+var ColorPickerControls = function ColorPickerControls() {
+  var _usePicker = usePicker(),
+      handleChange = _usePicker.handleChange;
+
+  var _useColorPicker = useColorPicker(),
+      gradientType = _useColorPicker.gradientType;
+
+  var isLinearGradient = gradientType === GRADIENT_TYPES.linear;
+
+  var _useColorPicker2 = useColorPicker(),
+      withGradient = _useColorPicker2.withGradient,
+      isCurrentValueGradient = _useColorPicker2.isCurrentValueGradient;
+
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Stack, {
+    className: styles[cssColorPickerControls],
+    justify: withGradient ? 'space-between' : 'flex-end'
+  }, withGradient ? /*#__PURE__*/React.createElement(Stack, {
+    spacing: 8
+  }, /*#__PURE__*/React.createElement(ColorPickerModeToggler, null)) : null, /*#__PURE__*/React.createElement(Dropper, {
+    onSelect: handleChange
+  })), withGradient && isCurrentValueGradient ? /*#__PURE__*/React.createElement(Stack, {
+    justify: isLinearGradient ? 'space-between' : 'flex-end'
+  }, isLinearGradient ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ColorPickerGradientAngle, null), " ", /*#__PURE__*/React.createElement(GradientControls, {
+    hideGradientType: true,
+    hideGradientAngle: true,
+    hideGradientStop: true
+  })) : null) : null, withGradient && isCurrentValueGradient ? /*#__PURE__*/React.createElement(Stack, null, /*#__PURE__*/React.createElement(GradientBar, null)) : null);
+};
+
+export { ColorPickerControls };
+//# sourceMappingURL=color_picker_controls.js.map

package/build/esm/packages/aurora/src/components/color_picker_new/components/color_picker_controls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,0BAA0B,iFAAqF;AAC/G;AACA,oBAAoB,+FAAmG;AACvH;AACA,6BAA6B,qGAAyG;AACtI,wBAAwB,gGAAoG;AAC5H;AACA;AACA;AACA;AACA;AACA;AACA;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/packages/aurora/src/components/color_picker_new/components/color_picker_footer.d.ts

@@ -0,0 +1 @@
+export declare const Color_picker_footer: () => JSX.Element;

package/build/esm/packages/aurora/src/components/color_picker_new/components/{color-picker-footer.js → color_picker_footer.js}

@@ -3,19 +3,19 @@ import { useTranslation } from '../../../../../../external/react-i18next/dist/es
 import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import Button from '../../button/index.js';
 import { DropdownContext } from '../../dropdown/context/index.js';
-import { ColorPickerNewContext } from '../context.js';
 import { cssColorPickerFooter } from '../css_classes.js';
+import { useColorPicker } from '../hooks/use_color_picker.js';
 import styles from '../../../css/color_picker_new/main.module.less.js';
 import { ColorPickerUtils } from '../color_picker_utils.js';
 
-var ColorPickerFooter = function ColorPickerFooter() {
+var Color_picker_footer = function Color_picker_footer() {
   var _useContext = useContext(DropdownContext),
       closeDropdown = _useContext.closeDropdown;
 
-  var _useContext2 = useContext(ColorPickerNewContext),
-      color = _useContext2.color,
-      handleCancel = _useContext2.handleCancel,
-      handleSave = _useContext2.handleSave;
+  var _useColorPicker = useColorPicker(),
+      color = _useColorPicker.color,
+      handleCancel = _useColorPicker.handleCancel,
+      handleSave = _useColorPicker.handleSave;
 
   var _useTranslation = useTranslation(),
       _useTranslation2 = _slicedToArray(_useTranslation, 1),
@@ -45,5 +45,5 @@ var ColorPickerFooter = function ColorPickerFooter() {
   }, t('choose')));
 };
 
-export { ColorPickerFooter };
-//# sourceMappingURL=color-picker-footer.js.map
+export { Color_picker_footer };
+//# sourceMappingURL=color_picker_footer.js.map

package/build/esm/packages/aurora/src/components/color_picker_new/components/color_picker_gradient_controls/color_picker_gradient_angle.d.ts

@@ -0,0 +1 @@
+export declare const ColorPickerGradientAngle: () => JSX.Element;