@dreamcommerce/aurora 3.0.0-280 → 3.0.0-281

package/build/esm/packages/aurora/src/components/color_picker/color_picker.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { IColorPickerProps } from './color_picker_types';
-export declare const ColorPicker: ({ id, name, value, colorVariables, errors, onChange, onCancel, onSave, withGradient: isWithGradient, disabled, ...rest }: IColorPickerProps) => React.JSX.Element;
+export declare const ColorPicker: ({ id, name, initialColor, colorVariables, errors, onChange, onCancel, onSave, withGradient: isWithGradient, disabled, ...rest }: IColorPickerProps) => React.JSX.Element;

package/build/esm/packages/aurora/src/components/color_picker/color_picker.js

@@ -4,11 +4,11 @@ import { ColorPickerContext } from './color_picker_context.js';
 import ColorPickerPure from './components/pure_color_picker.js';
 import useSetupColorPicker from './hooks/setup_color_picker.js';
 
-var _excluded = ["id", "name", "value", "colorVariables", "errors", "onChange", "onCancel", "onSave", "withGradient", "disabled"];
+var _excluded = ["id", "name", "initialColor", "colorVariables", "errors", "onChange", "onCancel", "onSave", "withGradient", "disabled"];
 var ColorPicker = function ColorPicker(_ref) {
   var id = _ref.id,
     name = _ref.name,
-    value = _ref.value,
+    initialColor = _ref.initialColor,
     colorVariables = _ref.colorVariables,
     errors = _ref.errors,
     onChange = _ref.onChange,
@@ -19,7 +19,7 @@ var ColorPicker = function ColorPicker(_ref) {
     rest = _objectWithoutProperties(_ref, _excluded);
   var _useSetupColorPicker = useSetupColorPicker({
       colorVariables: colorVariables,
-      value: value,
+      initialColor: initialColor,
       onChange: onChange,
       onCancel: onCancel,
       onSave: onSave,
@@ -48,8 +48,8 @@ var ColorPicker = function ColorPicker(_ref) {
     isColorPickerOpened = _useSetupColorPicker.isColorPickerOpened,
     setIsColorPickerOpened = _useSetupColorPicker.setIsColorPickerOpened,
     degrees = _useSetupColorPicker.degrees,
-    shadeName = _useSetupColorPicker.shadeName;
-  var contextVal = useMemo(function () {
+    setDegrees = _useSetupColorPicker.setDegrees;
+  var value = useMemo(function () {
     return {
       color: color,
       setColor: setColor,
@@ -75,11 +75,11 @@ var ColorPicker = function ColorPicker(_ref) {
       isColorPickerOpened: isColorPickerOpened,
       setIsColorPickerOpened: setIsColorPickerOpened,
       degrees: degrees,
-      shadeName: shadeName
+      setDegrees: setDegrees
     };
-  }, [color, setColor, hex, hslArr, handleOnChangeAlpha, alphaValue, rgbaArr, setR, setG, setB, handleCancel, handleSave, previousSolidColor, colorVariables, isCurrentValueGradient, setLinear, setRadial, gradientType, previousGradientColor, setSolid, withGradient, isColorPickerOpened, setIsColorPickerOpened, degrees, shadeName]);
+  }, [color, setColor, hex, hslArr, handleOnChangeAlpha, alphaValue, rgbaArr, setR, setG, setB, handleCancel, handleSave, previousSolidColor, colorVariables, isCurrentValueGradient, setLinear, setRadial, gradientType, previousGradientColor, setSolid, withGradient, isColorPickerOpened, setIsColorPickerOpened, degrees, setDegrees]);
   return /*#__PURE__*/React.createElement(ColorPickerContext.Provider, {
-    value: contextVal
+    value: value
   }, /*#__PURE__*/React.createElement(ColorPickerPure, _objectSpread2({
     id: id,
     name: name,

package/build/esm/packages/aurora/src/components/color_picker/color_picker_constants.js

@@ -19,6 +19,10 @@ var GRADIENT_TYPES = {
   linear: 'linear-gradient',
   radial: 'radial-gradient'
 };
+var GRADIENT_RADIAL_SHAPES = {
+  circle: 'circle',
+  ellipse: 'ellipse'
+};
 
-export { COLOR_PICKER_ALPHA_MAX_VALUE, COLOR_PICKER_CONTENT_MAX_HEIGHT, COLOR_PICKER_HEIGHT, COLOR_PICKER_INITIAL_STATE, COLOR_PICKER_PADDING_LEFT, COLOR_PICKER_SWATCH_SIZES, COLOR_PICKER_TYPES, COLOR_PICKER_WIDTH, GRADIENT_TYPES };
+export { COLOR_PICKER_ALPHA_MAX_VALUE, COLOR_PICKER_CONTENT_MAX_HEIGHT, COLOR_PICKER_HEIGHT, COLOR_PICKER_INITIAL_STATE, COLOR_PICKER_PADDING_LEFT, COLOR_PICKER_SWATCH_SIZES, COLOR_PICKER_TYPES, COLOR_PICKER_WIDTH, GRADIENT_RADIAL_SHAPES, GRADIENT_TYPES };
 //# sourceMappingURL=color_picker_constants.js.map

package/build/esm/packages/aurora/src/components/color_picker/color_picker_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;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;"}

package/build/esm/packages/aurora/src/components/color_picker/color_picker_types.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { Dispatch, HTMLAttributes, SetStateAction } from 'react';
 import { GRADIENT_RADIAL_SHAPES, GRADIENT_TYPES } from "./color_picker_constants";
 import { Any } from 'ts-toolbelt';
 export interface IColorPickerPureProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
@@ -21,7 +21,7 @@ export interface IColorPickerColorVariablesType {
 export interface IColorPickerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
     id: string;
     name?: string;
-    value?: ColorPickerColorTypes['hex'] | undefined;
+    initialColor?: ColorPickerColorTypes['hex'] | ColorPickerVariable | undefined;
     withGradient?: boolean;
     colorVariables?: IColorPickerColorVariables;
     errors?: string | string[];
@@ -31,11 +31,11 @@ export interface IColorPickerProps extends Omit<HTMLAttributes<HTMLDivElement>,
     disabled?: boolean;
 }
 export interface IColorPickerContext {
-    color: string;
-    setColor: (newColor: string, shadeName?: string) => void;
+    color: ColorPickerVariable;
+    setColor: Dispatch<SetStateAction<string | ColorPickerVariable>>;
     hex: string;
     hslArr: number[];
-    handleOnChangeAlpha: (val: number) => void;
+    handleOnChangeAlpha: (event: React.ChangeEvent<HTMLInputElement>) => void;
     alphaValue: string;
     rgbaArr: number[];
     setR: (newR: number) => void;
@@ -43,19 +43,19 @@ export interface IColorPickerContext {
     setB: (newB: number) => void;
     handleCancel: () => void;
     withGradient: boolean;
-    handleSave: () => void;
+    handleSave: (color: IColorPickerColor) => void;
     colorVariables?: IColorPickerColorVariables;
     isCurrentValueGradient: boolean;
     setSolid: (value?: string) => void;
     setRadial: (value?: string) => void;
-    setLinear: (value?: string) => void;
+    setLinear: (value?: string, deg?: number) => void;
     gradientType?: TGradientType;
     previousSolidColor?: string;
     previousGradientColor?: string;
     isColorPickerOpened: boolean;
     setIsColorPickerOpened: (isOpened: boolean) => void;
     degrees: number;
-    shadeName: string;
+    setDegrees: Dispatch<SetStateAction<number>>;
 }
 export declare type ColorPickerColorTypes = {
     hex: string;
@@ -95,3 +95,14 @@ export declare type TGradientObject = {
     radialShape?: TGradientRadialShape;
     angle?: number;
 };
+export declare type TGradientColoPickerLibGradientObject = {
+    isGradient: boolean;
+    gradientType: string | undefined;
+    degrees: string;
+    colors: any;
+} | {
+    isGradient: boolean;
+    gradientType: null;
+    degrees: null;
+    colors: any;
+};

package/build/esm/packages/aurora/src/components/color_picker/color_picker_types.js.map

@@ -1 +1 @@
-{"version":3,"file":"color_picker_types.js","sourceRoot":"","sources":["../../../../../../../src/components/color_picker/color_picker_types.ts"],"names":[],"mappings":"AAAA,OAA+B,OAAO,CAAC;AACvC,OAAuD,uDAAuD,CAAC;AAE/G,OAAoB,aAAa,CAAC"}
+{"version":3,"file":"color_picker_types.js","sourceRoot":"","sources":["../../../../../../../src/components/color_picker/color_picker_types.ts"],"names":[],"mappings":"AAAA,OAAyD,OAAO,CAAC;AACjE,OAAuD,uDAAuD,CAAC;AAE/G,OAAoB,aAAa,CAAC"}

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

@@ -1,18 +1,20 @@
-import { ColorPickerColors, ColorPickerVariable, IColorPickerColor, IColorPickerColorVariablesType } from './color_picker_types';
+import { ColorPickerColors, ColorPickerVariable, IColorPickerColor, TGradientColoPickerLibGradientObject, TGradientObject } from './color_picker_types';
 import { GradientProps } from 'react-best-gradient-color-picker';
 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;
+    static isHexChar: (value: string) => boolean;
     static getAllColorTypes: (color: ColorPickerVariable) => IColorPickerColor;
     static getVariableShades: ({ color, name }: {
         color: ColorPickerColors;
         name: string;
     }) => ColorPickerVariable[];
     private static convertVariableShadesToHex;
+    static getColorPickerGradientValue(gradient: TGradientColoPickerLibGradientObject): TGradientObject;
     static updateGradientWithActiveColor: (colors: GradientProps[], index: number, newColor: string) => GradientProps[];
-    static findVariable: (variables: IColorPickerColorVariablesType | ColorPickerVariable[], color: string) => string | undefined;
 }

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

@@ -1,6 +1,7 @@
 import { createClass as _createClass, defineProperty as _defineProperty, objectSpread2 as _objectSpread2, toConsumableArray as _toConsumableArray, classCallCheck as _classCallCheck } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import tinycolor from '../../../../../external/tinycolor2/esm/tinycolor.js';
+import { COLOR_PICKER_INITIAL_STATE, GRADIENT_TYPES, GRADIENT_RADIAL_SHAPES } from './color_picker_constants.js';
 import { high, low } from '../../../../../external/react-best-gradient-color-picker/dist/esm/utils/formatters.js';
+import tinycolor from '../../../../../external/tinycolor2/esm/tinycolor.js';
 
 var _ColorPickerUtils;
 var ColorPickerUtils = /*#__PURE__*/function () {
@@ -10,7 +11,25 @@ var ColorPickerUtils = /*#__PURE__*/function () {
   return _createClass(ColorPickerUtils, null, [{
     key: "isGradient",
     value: function isGradient(color) {
-      return /(linear|radial|conic)-gradient\s*\(/.test(color);
+      return color.includes('linear-gradient') || color.includes('radial-gradient');
+    }
+  }, {
+    key: "getColorPickerGradientValue",
+    value: function getColorPickerGradientValue(gradient) {
+      var _gradient$degrees;
+      return {
+        gradientType: gradient.gradientType,
+        angle: gradient.gradientType === GRADIENT_TYPES.radial ? undefined : parseFloat((_gradient$degrees = gradient.degrees) !== null && _gradient$degrees !== void 0 ? _gradient$degrees : '90deg'),
+        radialShape: gradient.gradientType === GRADIENT_TYPES.radial ? GRADIENT_RADIAL_SHAPES.circle : undefined,
+        colors: gradient.colors.map(function (_ref) {
+          var left = _ref.left,
+            value = _ref.value;
+          return {
+            stop: left,
+            value: "#".concat(ColorPickerUtils.getTinyColorInstance(value).toHex8())
+          };
+        })
+      };
     }
   }]);
 }();
@@ -18,6 +37,22 @@ _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();
 });
@@ -28,8 +63,12 @@ _defineProperty(ColorPickerUtils, "getHexValue", function (colorSet) {
 _defineProperty(ColorPickerUtils, "getHexValueString", function (colorSet) {
   return "#".concat(_ColorPickerUtils.getHexValue(colorSet));
 });
+_defineProperty(ColorPickerUtils, "isHexChar", function (value) {
+  var hexRegEx = /^$|[0-9a-fA-F]+$/;
+  return hexRegEx.test(value);
+});
 _defineProperty(ColorPickerUtils, "getAllColorTypes", function (color) {
-  var tinyColor = _ColorPickerUtils.getTinyColorInstance(color.value);
+  var tinyColor = typeof color === 'string' ? _ColorPickerUtils.getTinyColorInstance(color) : _ColorPickerUtils.getTinyColorInstance(color.value);
   var rgba = _ColorPickerUtils.getRgbaValue(tinyColor);
   var hex = _ColorPickerUtils.getHexValue(tinyColor);
   var hexString = _ColorPickerUtils.getHexValueString(tinyColor);
@@ -48,9 +87,9 @@ _defineProperty(ColorPickerUtils, "getAllColorTypes", function (color) {
   };
   return _objectSpread2(_objectSpread2({}, allColorTypes), variableName && variableName);
 });
-_defineProperty(ColorPickerUtils, "getVariableShades", function (_ref) {
-  var color = _ref.color,
-    name = _ref.name;
+_defineProperty(ColorPickerUtils, "getVariableShades", function (_ref2) {
+  var color = _ref2.color,
+    name = _ref2.name;
   var colorTiny = _ColorPickerUtils.getTinyColorInstance(color);
   var colorHsl = colorTiny.toHsl();
   var isNeutral = name.includes('neutral');
@@ -153,14 +192,6 @@ _defineProperty(ColorPickerUtils, "updateGradientWithActiveColor", function (col
     });
   });
 });
-_defineProperty(ColorPickerUtils, "findVariable", function (variables, color) {
-  var _Object$values$find;
-  return (_Object$values$find = Object.values(variables).find(function (v) {
-    var variableTiny = _ColorPickerUtils.getTinyColorInstance(v.value);
-    var colorTiny = _ColorPickerUtils.getTinyColorInstance(color);
-    return variableTiny.toHexString() === colorTiny.toHexString();
-  })) === null || _Object$values$find === void 0 ? void 0 : _Object$values$find.name;
-});
 
 export { ColorPickerUtils };
 //# sourceMappingURL=color_picker_utils.js.map

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,sBAAsB,qDAAyD;AAC/E,0BAA0B,uFAA2F;AACrH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,0BAA0B,uFAA2F;AACrH,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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/color_picker/components/color_label_input.js

@@ -4,7 +4,6 @@ import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rol
 import { Input } from '../../input/input.js';
 import { GRADIENT_TYPES } from '../color_picker_constants.js';
 import { useColorPicker } from '../hooks/use_color_picker.js';
-import { ColorPickerUtils } from '../color_picker_utils.js';
 
 var ColorPickerInput = function ColorPickerInput(_ref) {
   var id = _ref.id,
@@ -16,14 +15,11 @@ var ColorPickerInput = function ColorPickerInput(_ref) {
     hex = _useColorPicker.hex,
     color = _useColorPicker.color,
     isCurrentValueGradient = _useColorPicker.isCurrentValueGradient,
-    gradientType = _useColorPicker.gradientType,
-    colorVariables = _useColorPicker.colorVariables,
-    shadeName = _useColorPicker.shadeName;
+    gradientType = _useColorPicker.gradientType;
   var _useTranslation = useTranslation(),
     _useTranslation2 = _slicedToArray(_useTranslation, 1),
     t = _useTranslation2[0];
-  var variableName = (colorVariables === null || colorVariables === void 0 ? void 0 : colorVariables.variables) && ColorPickerUtils.findVariable(colorVariables.variables, color) || shadeName || '';
-  var colorName = variableName ? "".concat(t(variableName)) : "# ".concat(hex === null || hex === void 0 ? void 0 : hex.toUpperCase());
+  var colorName = color.name ? "".concat(t(color.name)) : "# ".concat(hex === null || hex === void 0 ? void 0 : hex.toUpperCase());
   if (isCurrentValueGradient) colorName = gradientType === GRADIENT_TYPES.linear ? t('Linear gradient') : t('Radial gradient');
   return /*#__PURE__*/React.createElement(Input, {
     className: "aurora-cursor-pointer",

package/build/esm/packages/aurora/src/components/color_picker/components/color_label_input.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,oEAAwE;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,+BAA+B,oEAAwE;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/components/color_picker_content.js

@@ -1,11 +1,11 @@
 import React from 'react';
 import { objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { COLOR_PICKER_WIDTH, COLOR_PICKER_HEIGHT, COLOR_PICKER_PADDING_LEFT, COLOR_PICKER_CONTENT_MAX_HEIGHT } from '../color_picker_constants.js';
-import { useColorPicker } from '../hooks/use_color_picker.js';
-import { ColorPickerFooter } from './color_picker_footer.js';
 import { objectToString } from '../../../../../../external/react-best-gradient-color-picker/dist/esm/utils/utils.js';
 import PickerContextWrapper from '../../../../../../external/react-best-gradient-color-picker/dist/esm/context.js';
 import { getStyles } from '../../../../../../external/react-best-gradient-color-picker/dist/esm/styles/styles.js';
+import { useColorPicker } from '../hooks/use_color_picker.js';
+import { ColorPickerFooter } from './color_picker_footer.js';
 import { ColorPickerVariables } from './color_picker_variables.js';
 import { ColorPickerControls } from './color_picker_controls.js';
 import { ColorPickerImpl } from './color_picker_impl.js';
@@ -16,7 +16,8 @@ var ColorPickerContent = function ColorPickerContent() {
     setColor = _useColorPicker.setColor,
     colorVariables = _useColorPicker.colorVariables,
     isCurrentValueGradient = _useColorPicker.isCurrentValueGradient;
-  var safeValue = objectToString(color);
+  var colorValue = typeof color === 'string' ? color : color.value;
+  var safeValue = objectToString(colorValue);
   var defaultStyles = getStyles(true);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(PickerContextWrapper, {
     value: safeValue,

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,+BAA+B,qFAAyF;AACxH,iCAAiC,iFAAqF;AACtH,0BAA0B,uFAA2F;AACrH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,+BAA+B,qFAAyF;AACxH,iCAAiC,iFAAqF;AACtH,0BAA0B,uFAA2F;AACrH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/components/color_picker_controls.js

@@ -8,8 +8,8 @@ import { TooltipTrigger } from '../../tooltip/components/tooltip_trigger.js';
 import { TooltipContent } from '../../tooltip/components/tooltip_content.js';
 import { TooltipProvider } from '../../tooltip/context/tooltip_provider.js';
 import { GRADIENT_TYPES } from '../color_picker_constants.js';
-import { useColorPicker } from '../hooks/use_color_picker.js';
 import { usePicker } from '../../../../../../external/react-best-gradient-color-picker/dist/esm/context.js';
+import { useColorPicker } from '../hooks/use_color_picker.js';
 import { ColorPickerGradientAngle } from './color_picker_gradient_controls/color_picker_gradient_angle.js';
 import { ColorPickerModeToggler } from './color_picker_mode_toggler.js';
 import { GradientBar } from './color_picker_overrides/color_picker_gradient_bar.js';

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,oEAAwE;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,0BAA0B,iFAAqF;AAC/G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,+BAA+B,oEAAwE;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,0BAA0B,iFAAqF;AAC/G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/components/color_picker_footer.js

@@ -2,10 +2,12 @@ import React from 'react';
 import { useTranslation } from '../../../../../../external/react-i18next/dist/es/useTranslation.js';
 import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { Button } from '../../button/button.js';
+import { ColorPickerUtils } from '../color_picker_utils.js';
 import { useColorPicker } from '../hooks/use_color_picker.js';
 
 var ColorPickerFooter = function ColorPickerFooter() {
   var _useColorPicker = useColorPicker(),
+    color = _useColorPicker.color,
     handleCancel = _useColorPicker.handleCancel,
     handleSave = _useColorPicker.handleSave,
     setIsColorPickerOpened = _useColorPicker.setIsColorPickerOpened;
@@ -18,7 +20,7 @@ var ColorPickerFooter = function ColorPickerFooter() {
   };
   var handleSaveButton = function handleSaveButton() {
     setIsColorPickerOpened(false);
-    handleSave();
+    handleSave(ColorPickerUtils.getAllColorTypes(color));
   };
   return /*#__PURE__*/React.createElement("div", {
     className: "aurora-flex aurora-items-center aurora-justify-between aurora-gap-2 aurora-pt-2 aurora-pb-3 aurora-px-4 aurora-border aurora-border-subtle aurora-rounded-b-16 aurora-bg-neutral-0"

package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_footer.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,oEAAwE;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,+BAA+B,oEAAwE;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/components/color_picker_gradient_controls/color_picker_gradient_angle.js

@@ -1,7 +1,7 @@
 import React from 'react';
-import { useColorPicker } from '../../hooks/use_color_picker.js';
 import { formatInputValues } from '../../../../../../../external/react-best-gradient-color-picker/dist/esm/utils/formatters.js';
 import { usePicker } from '../../../../../../../external/react-best-gradient-color-picker/dist/esm/context.js';
+import { useColorPicker } from '../../hooks/use_color_picker.js';
 import { AngleIcon } from '../../../../assets/icons/angle_icon.js';
 
 var ColorPickerGradientAngle = function ColorPickerGradientAngle() {
@@ -9,10 +9,12 @@ var ColorPickerGradientAngle = function ColorPickerGradientAngle() {
     onChange = _usePicker.onChange,
     value = _usePicker.value;
   var _useColorPicker = useColorPicker(),
-    degrees = _useColorPicker.degrees;
+    degrees = _useColorPicker.degrees,
+    setDegrees = _useColorPicker.setDegrees;
   var handleDegrees = function handleDegrees(e) {
     var newValue = formatInputValues(e.target.value, 0, 360);
     var remaining = value.split(/,(.+)/)[1];
+    setDegrees(newValue);
     onChange("linear-gradient(".concat(newValue || 0, "deg, ").concat(remaining));
   };
   return /*#__PURE__*/React.createElement("div", {

package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_gradient_controls/color_picker_gradient_angle.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA,kCAAkC,6FAAiG;AACnI,0BAA0B,oFAAwF;AAClH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,kCAAkC,6FAAiG;AACnI,0BAA0B,oFAAwF;AAClH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/components/color_picker_inputs/color_picker_inputs_hex.js

@@ -1,10 +1,10 @@
-import React, { useState, useRef, useEffect } from 'react';
+import React, { useState, useEffect } from 'react';
 import { slicedToArray as _slicedToArray } from '../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { Input } from '../../../input/input.js';
-import { useColorPicker } from '../../hooks/use_color_picker.js';
-import tinycolor from '../../../../../../../external/tinycolor2/esm/tinycolor.js';
 import { usePicker } from '../../../../../../../external/react-best-gradient-color-picker/dist/esm/context.js';
+import tinycolor from '../../../../../../../external/tinycolor2/esm/tinycolor.js';
 import { ColorPickerUtils } from '../../color_picker_utils.js';
+import { useColorPicker } from '../../hooks/use_color_picker.js';
 import { InputUtils } from '@dreamcommerce/utilities';
 
 var ColorPickerInputsHex = function ColorPickerInputsHex() {
@@ -19,7 +19,6 @@ var ColorPickerInputsHex = function ColorPickerInputsHex() {
     _useState2 = _slicedToArray(_useState, 2),
     value = _useState2[0],
     setValue = _useState2[1];
-  var valueRef = useRef(value);
   var _useState3 = useState(false),
     _useState4 = _slicedToArray(_useState3, 2),
     disable = _useState4[0],
@@ -31,7 +30,6 @@ var ColorPickerInputsHex = function ColorPickerInputsHex() {
   var handleOnChange = function handleOnChange(event) {
     var inputValue = event.target.value.replace('%', '');
     setValue(inputValue);
-    valueRef.current = inputValue;
     if (!tinycolor(inputValue).isValid()) return;
     if (isCurrentValueGradient && gradientType) {
       var newColors = ColorPickerUtils.updateGradientWithActiveColor(colors, selectedColor, inputValue);
@@ -47,10 +45,8 @@ var ColorPickerInputsHex = function ColorPickerInputsHex() {
     setDisable(false);
   };
   useEffect(function () {
-    if (hex === valueRef.current) return;
     if (!disable) {
       setValue(hex);
-      valueRef.current = hex;
     }
   }, [hex, disable]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Input, {
@@ -67,10 +63,8 @@ var ColorPickerInputsHex = function ColorPickerInputsHex() {
     className: "aurora-w-full focus:aurora-outline-none focus:aurora-shadow-none aurora-rounded-6 aurora-h-full aurora-text-xs",
     type: "text",
     value: alphaValue,
-    onChange: function onChange(e) {
-      return handleOnChangeAlpha(Number(e.target.value));
-    },
-    onKeyDown: InputUtils.preventTypingLetters
+    onChange: handleOnChangeAlpha,
+    onKeyPress: InputUtils.preventTypingLetters
   }), /*#__PURE__*/React.createElement("div", {
     className: "aurora-text-xs aurora-pl-0.5"
   }, "%")));

package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_inputs/color_picker_inputs_hex.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,sBAAsB,2DAA+D;AACrF,0BAA0B,oFAAwF;AAClH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,0BAA0B,oFAAwF;AAClH,sBAAsB,2DAA+D;AACrF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/components/color_picker_inputs/color_picker_inputs_rgba.js

@@ -18,7 +18,7 @@ var ColorPickerInputsRgba = function ColorPickerInputsRgba() {
     onChange: function onChange(e) {
       return setR(Number(e.target.value));
     },
-    onKeyDown: InputUtils.preventTypingLetters
+    onKeyPress: InputUtils.preventTypingLetters
   }), /*#__PURE__*/React.createElement(Input, {
     className: "aurora-h-full aurora-px-1.5 aurora-text-xs",
     type: "text",
@@ -26,7 +26,7 @@ var ColorPickerInputsRgba = function ColorPickerInputsRgba() {
     onChange: function onChange(e) {
       return setG(Number(e.target.value));
     },
-    onKeyDown: InputUtils.preventTypingLetters
+    onKeyPress: InputUtils.preventTypingLetters
   }), /*#__PURE__*/React.createElement(Input, {
     className: "aurora-h-full aurora-px-1.5 aurora-text-xs",
     type: "text",
@@ -34,17 +34,15 @@ var ColorPickerInputsRgba = function ColorPickerInputsRgba() {
     onChange: function onChange(e) {
       return setB(Number(e.target.value));
     },
-    onKeyDown: InputUtils.preventTypingLetters
+    onKeyPress: InputUtils.preventTypingLetters
   }), /*#__PURE__*/React.createElement("div", {
     className: "aurora-flex aurora-rounded-6 focus aurora-text aurora-w-[46px] aurora-flex-none aurora-px-1 aurora-items-center"
   }, /*#__PURE__*/React.createElement("input", {
     className: "aurora-w-full focus:aurora-outline-none focus:aurora-shadow-none aurora-rounded-6 aurora-h-full aurora-text-xs",
     type: "text",
     value: alphaValue,
-    onChange: function onChange(e) {
-      return handleOnChangeAlpha(Number(e.target.value));
-    },
-    onKeyDown: InputUtils.preventTypingLetters
+    onChange: handleOnChangeAlpha,
+    onKeyPress: InputUtils.preventTypingLetters
   }), /*#__PURE__*/React.createElement("div", {
     className: "aurora-text-xs aurora-pl-0.5"
   }, "%")));

package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_inputs/color_picker_inputs_rgba.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;"}
+{"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;"}

package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_mode_toggler.js

@@ -21,7 +21,8 @@ var ColorPickerModeToggler = function ColorPickerModeToggler() {
     setLinear = _useColorPicker.setLinear,
     previousSolidColor = _useColorPicker.previousSolidColor,
     previousGradientColor = _useColorPicker.previousGradientColor,
-    color = _useColorPicker.color;
+    color = _useColorPicker.color,
+    degrees = _useColorPicker.degrees;
   var commonClassNames = 'aurora-block aurora-w-6 aurora-h-6 aurora-border aurora-border-solid aurora-rounded-4 aurora-cursor-pointer hover:aurora-border-strong hover:aurora-border-2';
   var activeClassNames = 'aurora-border-2 aurora-border-solid !aurora-border-active';
   var changeToSolid = function changeToSolid() {
@@ -29,17 +30,17 @@ var ColorPickerModeToggler = function ColorPickerModeToggler() {
   };
   var changeToLinear = function changeToLinear() {
     if (!isCurrentValueGradient) {
-      setLinear(previousGradientColor);
+      setLinear(previousGradientColor, degrees);
       return;
     }
-    setLinear(color);
+    setLinear(color.value, degrees);
   };
   var changeToRadial = function changeToRadial() {
     if (!isCurrentValueGradient) {
       setRadial(previousGradientColor);
       return;
     }
-    setRadial(color);
+    setRadial(color.value);
   };
   return /*#__PURE__*/React.createElement(Stack, {
     spacing: "1",

package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_mode_toggler.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,oEAAwE;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,+BAA+B,oEAAwE;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/components/color_picker_overrides/color_picker_eye_dropper.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import { objectSpread2 as _objectSpread2 } from '../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import tinycolor from '../../../../../../../external/tinycolor2/esm/tinycolor.js';
 import { usePicker } from '../../../../../../../external/react-best-gradient-color-picker/dist/esm/context.js';
 import { controlBtnStyles } from '../../../../../../../external/react-best-gradient-color-picker/dist/esm/styles/styles.js';
+import tinycolor from '../../../../../../../external/tinycolor2/esm/tinycolor.js';
 import { DropperFillIcon } from '../../../../assets/icons/dropper_fill_icon.js';
 
 /**

package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_overrides/color_picker_eye_dropper.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA,sBAAsB,2DAA+D;AACrF,0BAA0B,oFAAwF;AAClH,iCAAiC,0FAA8F;AAC/H;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,0BAA0B,oFAAwF;AAClH,iCAAiC,0FAA8F;AAC/H,sBAAsB,2DAA+D;AACrF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/components/color_picker_overrides/color_picker_hue.js

@@ -1,9 +1,9 @@
 import React, { useRef, useCallback, useEffect } from 'react';
 import { objectSpread2 as _objectSpread2 } from '../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import tinycolor from '../../../../../../../external/tinycolor2/esm/tinycolor.js';
 import { getHandleValue } from '../../../../../../../external/react-best-gradient-color-picker/dist/esm/utils/utils.js';
 import { usePicker } from '../../../../../../../external/react-best-gradient-color-picker/dist/esm/context.js';
 import usePaintHue from '../../../../../../../external/react-best-gradient-color-picker/dist/esm/hooks/usePaintHue.js';
+import tinycolor from '../../../../../../../external/tinycolor2/esm/tinycolor.js';
 
 /**
  * Zmieniono wzgledem react-best-gradient-color-picker:

package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_overrides/color_picker_hue.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA,sBAAsB,2DAA+D;AACrF,+BAA+B,wFAA4F;AAC3H,0BAA0B,oFAAwF;AAClH,wBAAwB,8FAAkG;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,+BAA+B,wFAA4F;AAC3H,0BAA0B,oFAAwF;AAClH,wBAAwB,8FAAkG;AAC1H,sBAAsB,2DAA+D;AACrF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/components/color_picker_overrides/color_picker_square.js

@@ -1,10 +1,10 @@
 import React, { useState, useRef, useEffect, useCallback } from 'react';
 import { slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import tinycolor from '../../../../../../../external/tinycolor2/esm/tinycolor.js';
 import { config } from '../../../../../../../external/react-best-gradient-color-picker/dist/esm/constants.js';
 import { computeSquareXY, computePickerPosition } from '../../../../../../../external/react-best-gradient-color-picker/dist/esm/utils/utils.js';
 import { usePicker } from '../../../../../../../external/react-best-gradient-color-picker/dist/esm/context.js';
 import usePaintSquare from '../../../../../../../external/react-best-gradient-color-picker/dist/esm/hooks/usePaintSquare.js';
+import tinycolor from '../../../../../../../external/tinycolor2/esm/tinycolor.js';
 
 var crossSize = config.crossSize;
 /**

package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_overrides/color_picker_square.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA,sBAAsB,2DAA+D;AACrF,uBAAuB,sFAA0F;AACjH,uDAAuD,wFAA4F;AACnJ,0BAA0B,oFAAwF;AAClH,2BAA2B,iGAAqG;AAChI;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,uBAAuB,sFAA0F;AACjH,uDAAuD,wFAA4F;AACnJ,0BAA0B,oFAAwF;AAClH,2BAA2B,iGAAqG;AAChI,sBAAsB,2DAA+D;AACrF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}