@dreamcommerce/aurora 3.0.0-90 → 3.0.0-91

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

@@ -1,53 +1,30 @@
+import { ColorPickerContent } from '@auroraComponents/color_picker/components/color_picker_content';
+import { ColorPickerInput } from '@auroraComponents/color_picker/components/color_label_input';
+import { ColorPickerSwatch } from '@auroraComponents/color_picker/components/color_picker_swatch';
+import { ColorPickerUtils } from '@auroraComponents/color_picker/color_picker_utils';
+import '../color_picker_types';
+import { Popover } from '@auroraComponents/popover/popover';
+import { PopoverContent } from '@auroraComponents/popover/components/popover_content';
+import { PopoverTrigger } from '@auroraComponents/popover/components/popover_trigger';
 import React from 'react';
-import { Popover } from '../../popover/popover.js';
-import { PopoverTrigger } from '../../popover/components/popover_trigger.js';
-import { ColorPickerUtils } from '../color_picker_utils.js';
-import { useColorPicker } from '../hooks/use_color_picker.js';
-import { ColorPickerSwatch } from './color_picker_swatch.js';
-import { ColorPickerContent } from './color_picker_content.js';
-import { ColorPickerInput } from './color_label_input.js';
-import { PopoverContent } from '../../popover/components/popover_content.js';
-
-var ColorPickerPure = function ColorPickerPure(_ref) {
-  var id = _ref.id,
-    name = _ref.name,
-    errors = _ref.errors;
-  var _useColorPicker = useColorPicker(),
-    color = _useColorPicker.color,
-    handleCancel = _useColorPicker.handleCancel,
-    isColorPickerOpened = _useColorPicker.isColorPickerOpened,
-    setIsColorPickerOpened = _useColorPicker.setIsColorPickerOpened;
-  var colorValue = typeof color === 'string' ? color : color.value;
-  var colorTiny = ColorPickerUtils.getTinyColorInstance(colorValue);
-  var handleClosePopover = function handleClosePopover() {
-    setIsColorPickerOpened(false);
-    handleCancel === null || handleCancel === void 0 ? void 0 : handleCancel();
-  };
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Popover, {
-    open: isColorPickerOpened,
-    onOpenChange: function onOpenChange(value) {
-      return !value && handleClosePopover();
-    }
-  }, /*#__PURE__*/React.createElement(PopoverTrigger, {
-    onClick: function onClick() {
-      return setIsColorPickerOpened(true);
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "color-picker__input-container aurora-relative"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "aurora-absolute aurora-top-1.5 aurora-left-2.5"
-  }, /*#__PURE__*/React.createElement(ColorPickerSwatch, {
-    color: ColorPickerUtils.isGradient(colorValue) ? colorValue : ColorPickerUtils.getHexValue(colorTiny),
-    cssColor: ColorPickerUtils.isGradient(colorValue) ? colorValue : ColorPickerUtils.getHexValueString(colorTiny),
-    size: "big"
-  })), /*#__PURE__*/React.createElement(ColorPickerInput, {
-    id: id,
-    name: name,
-    errors: errors
-  }))), /*#__PURE__*/React.createElement(PopoverContent, {
-    className: "aurora-mt-2 aurora-rounded-16 aurora-overflow-hidden"
-  }, /*#__PURE__*/React.createElement(ColorPickerContent, null))));
+import { useColorPicker } from '@auroraComponents/color_picker/hooks/use_color_picker';
+const ColorPickerPure = ({ id, name, errors }) => {
+    const { color, handleCancel, isColorPickerOpened, setIsColorPickerOpened } = useColorPicker();
+    const colorValue = typeof color === 'string' ? color : color.value;
+    const colorTiny = ColorPickerUtils.getTinyColorInstance(colorValue);
+    const handleClosePopover = () => {
+        setIsColorPickerOpened(false);
+        handleCancel?.();
+    };
+    return (React.createElement("div", null,
+        React.createElement(Popover, { open: isColorPickerOpened, onOpenChange: (value) => !value && handleClosePopover() },
+            React.createElement(PopoverTrigger, { onClick: () => setIsColorPickerOpened(true) },
+                React.createElement("div", { className: "color-picker__input-container aurora-relative" },
+                    React.createElement("div", { className: "aurora-absolute aurora-top-1.5 aurora-left-2.5" },
+                        React.createElement(ColorPickerSwatch, { color: ColorPickerUtils.isGradient(colorValue) ? colorValue : ColorPickerUtils.getHexValue(colorTiny), cssColor: ColorPickerUtils.isGradient(colorValue) ? colorValue : ColorPickerUtils.getHexValueString(colorTiny), size: "big" })),
+                    React.createElement(ColorPickerInput, { id: id, name: name, errors: errors }))),
+            React.createElement(PopoverContent, { className: "aurora-mt-2 aurora-rounded-16 aurora-overflow-hidden" },
+                React.createElement(ColorPickerContent, null)))));
 };
-
 export default ColorPickerPure;
-//# sourceMappingURL=pure_color_picker.js.map
+//# sourceMappingURL=pure_color_picker.js.map

package/build/esm/packages/aurora/src/components/color_picker/components/pure_color_picker.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;"}
+{"version":3,"file":"pure_color_picker.js","sourceRoot":"","sources":["../../../../../../../../src/components/color_picker/components/pure_color_picker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,gEAAgE,CAAC;AACpG,OAAO,EAAE,gBAAgB,EAAE,MAAM,6DAA6D,CAAC;AAC/F,OAAO,EAAE,iBAAiB,EAAE,MAAM,+DAA+D,CAAC;AAClG,OAAO,EAAE,gBAAgB,EAAE,MAAM,mDAAmD,CAAC;AACrF,OAAsC,uBAAuB,CAAC;AAC9D,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,sDAAsD,CAAC;AACtF,OAAO,EAAE,cAAc,EAAE,MAAM,sDAAsD,CAAC;AACtF,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,uDAAuD,CAAC;AAEvF,MAAM,eAAe,GAAoC,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE;IAC9E,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,GAAG,cAAc,EAAE,CAAC;IAC9F,MAAM,UAAU,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC;IACnE,MAAM,SAAS,GAAG,gBAAgB,CAAC,oBAAoB,CAAC,UAAU,CAAC,CAAC;IAEpE,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC5B,sBAAsB,CAAC,KAAK,CAAC,CAAC;QAC9B,YAAY,EAAE,EAAE,CAAC;IACrB,CAAC,CAAC;IAEF,OAAO,CACH;QACI,oBAAC,OAAO,IAAC,IAAI,EAAE,mBAAmB,EAAE,YAAY,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,IAAI,kBAAkB,EAAE;YACvF,oBAAC,cAAc,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,sBAAsB,CAAC,IAAI,CAAC;gBACvD,6BAAK,SAAS,EAAC,+CAA+C;oBAC1D,6BAAK,SAAS,EAAC,gDAAgD;wBAC3D,oBAAC,iBAAiB,IACd,KAAK,EAAE,gBAAgB,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,gBAAgB,CAAC,WAAW,CAAC,SAAS,CAAC,EACrG,QAAQ,EAAE,gBAAgB,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,SAAS,CAAC,EAC9G,IAAI,EAAC,KAAK,GACZ,CACA;oBAEN,oBAAC,gBAAgB,IAAC,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAI,CACtD,CACO;YAEjB,oBAAC,cAAc,IAAC,SAAS,EAAC,sDAAsD;gBAC5E,oBAAC,kBAAkB,OAAG,CACT,CACX,CACR,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}

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

@@ -1,36 +1,36 @@
-/// <reference types="react" />
-import { ColorPickerVariable, IColorPickerColor, IColorPickerColorVariables, TGradientType } from '../color_picker_types';
-export declare type ColorPickerHookProps = {
-    initialColor?: string | ColorPickerVariable;
-    onChange?: (color: IColorPickerColor) => void;
-    onCancel?: () => void;
-    onSave?: (color: IColorPickerColor) => void;
-    colorVariables?: IColorPickerColorVariables;
-    withGradient?: boolean;
-};
-declare const useSetupColorPicker: ({ initialColor, onChange, onCancel, onSave, colorVariables, withGradient: isWithGradient }: ColorPickerHookProps) => {
-    color: ColorPickerVariable;
-    previousSolidColor: string | undefined;
-    previousGradientColor: string | undefined;
-    setColor: (newColor: string | ColorPickerVariable) => void;
-    hex: string;
-    hslArr: number[];
-    handleOnChangeAlpha: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    alphaValue: string;
-    rgbaArr: number[];
-    setR: (newR: number) => void;
-    setG: (newG: number) => void;
-    setB: (newB: number) => void;
-    handleCancel: () => void;
-    handleSave: () => void;
-    colorVariables: IColorPickerColorVariables | undefined;
-    isCurrentValueGradient: boolean;
-    setSolid: (value?: string) => void;
-    setRadial: (value?: string) => void;
-    setLinear: (value?: string) => void;
-    gradientType: TGradientType;
-    withGradient: boolean;
-    isColorPickerOpened: boolean;
-    setIsColorPickerOpened: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-};
-export default useSetupColorPicker;
+/// <reference types="react" />
+import { ColorPickerVariable, IColorPickerColor, IColorPickerColorVariables, TGradientType } from '../color_picker_types';
+export declare type ColorPickerHookProps = {
+    initialColor?: string | ColorPickerVariable;
+    onChange?: (color: IColorPickerColor) => void;
+    onCancel?: () => void;
+    onSave?: (color: IColorPickerColor) => void;
+    colorVariables?: IColorPickerColorVariables;
+    withGradient?: boolean;
+};
+declare const useSetupColorPicker: ({ initialColor, onChange, onCancel, onSave, colorVariables, withGradient: isWithGradient }: ColorPickerHookProps) => {
+    color: ColorPickerVariable;
+    previousSolidColor: string | undefined;
+    previousGradientColor: string | undefined;
+    setColor: (newColor: string | ColorPickerVariable) => void;
+    hex: string;
+    hslArr: number[];
+    handleOnChangeAlpha: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    alphaValue: string;
+    rgbaArr: number[];
+    setR: (newR: number) => void;
+    setG: (newG: number) => void;
+    setB: (newB: number) => void;
+    handleCancel: () => void;
+    handleSave: () => void;
+    colorVariables: IColorPickerColorVariables | undefined;
+    isCurrentValueGradient: boolean;
+    setSolid: (value?: string) => void;
+    setRadial: (value?: string) => void;
+    setLinear: (value?: string) => void;
+    gradientType: TGradientType;
+    withGradient: boolean;
+    isColorPickerOpened: boolean;
+    setIsColorPickerOpened: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+};
+export default useSetupColorPicker;

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

@@ -1,154 +1,116 @@
-import { useState, useEffect } from 'react';
-import { slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import { COLOR_PICKER_ALPHA_MAX_VALUE } from '../color_picker_constants.js';
-import { ColorPickerUtils } from '../color_picker_utils.js';
-import isEqual from 'lodash/isEqual';
-import { useColorPicker } from '../../../../../../external/react-best-gradient-color-picker/dist/esm/hooks/useColorPicker.js';
-
-var defaultGradient = 'linear-gradient(90deg, #000000 0%, #FFFFFF 100%)';
-var useSetupColorPicker = function useSetupColorPicker(_ref) {
-  var initialColor = _ref.initialColor,
-    onChange = _ref.onChange,
-    onCancel = _ref.onCancel,
-    onSave = _ref.onSave,
-    colorVariables = _ref.colorVariables,
-    _ref$withGradient = _ref.withGradient,
-    isWithGradient = _ref$withGradient === void 0 ? false : _ref$withGradient;
-  var initialColorObject = ColorPickerUtils.getColorPickerValue(initialColor);
-  var _useState = useState(initialColorObject),
-    _useState2 = _slicedToArray(_useState, 2),
-    color = _useState2[0],
-    setColorValue = _useState2[1];
-  var _useState3 = useState(),
-    _useState4 = _slicedToArray(_useState3, 2),
-    previousSolidColor = _useState4[0],
-    setPreviousSolidColor = _useState4[1];
-  var _useState5 = useState(),
-    _useState6 = _slicedToArray(_useState5, 2),
-    previousGradientColor = _useState6[0],
-    setPreviousGradientColor = _useState6[1];
-  var _useState7 = useState(initialColor),
-    _useState8 = _slicedToArray(_useState7, 2),
-    prevInitialColor = _useState8[0],
-    setPrevInitialColor = _useState8[1];
-  var withGradient = isWithGradient || ColorPickerUtils.isGradient(initialColorObject.value);
-  var _useState9 = useState(false),
-    _useState10 = _slicedToArray(_useState9, 2),
-    isColorPickerOpened = _useState10[0],
-    setIsColorPickerOpened = _useState10[1];
-  var setColor = function setColor(newColor) {
-    var newColorValue = ColorPickerUtils.getColorPickerValue(newColor);
-    !ColorPickerUtils.isGradient(color.value) ? setPreviousSolidColor(color.value) : setPreviousGradientColor(color.value);
-    setColorValue(function (prevColor) {
-      var _prevColor$value;
-      return {
-        value: newColorValue.value,
-        name: ((_prevColor$value = prevColor.value) !== null && _prevColor$value !== void 0 ? _prevColor$value : prevColor) === newColorValue.value ? prevColor === null || prevColor === void 0 ? void 0 : prevColor.name : typeof newColor === 'string' ? '' : newColor === null || newColor === void 0 ? void 0 : newColor.name
-      };
-    });
-  };
-  useEffect(function () {
-    if (!initialColor) return;
-    if (!isEqual(initialColor, prevInitialColor) && !isColorPickerOpened) {
-      setColor(initialColor);
-      setPrevInitialColor(initialColor);
-    }
-  }, [initialColor]);
-  var _useBestGradientColor = useColorPicker(color.value, setColor),
-    hslArr = _useBestGradientColor.hslArr,
-    rgbaArr = _useBestGradientColor.rgbaArr,
-    setR = _useBestGradientColor.setR,
-    setG = _useBestGradientColor.setG,
-    setB = _useBestGradientColor.setB,
-    setA = _useBestGradientColor.setA,
-    isGradient = _useBestGradientColor.isGradient,
-    gradientType = _useBestGradientColor.gradientType,
-    getGradientObject = _useBestGradientColor.getGradientObject;
-  var tinyColor = typeof color === 'string' ? ColorPickerUtils.getTinyColorInstance(color) : ColorPickerUtils.getTinyColorInstance(color.value);
-  var hex = ColorPickerUtils.getHexValue(tinyColor);
-  var _useState11 = useState(rgbaArr[3] * 100),
-    _useState12 = _slicedToArray(_useState11, 2),
-    alpha = _useState12[0],
-    setAlpha = _useState12[1];
-  var _useState13 = useState("".concat(alpha)),
-    _useState14 = _slicedToArray(_useState13, 2),
-    alphaValue = _useState14[0],
-    setAlphaValue = _useState14[1];
-  var setSolid = function setSolid(value) {
-    setColor(ColorPickerUtils.getColorPickerValue(value).value);
-  };
-  var setLinear = function setLinear(value) {
-    var gradientColor = value || defaultGradient;
-    if (value && !ColorPickerUtils.isGradient(value)) {
-      setGradient(gradientColor);
-    }
-    var remaining = gradientColor.split(/,(.+)/)[1];
-    setColor("linear-gradient(90deg, ".concat(remaining));
-  };
-  var setRadial = function setRadial(value) {
-    var gradientColor = value || defaultGradient;
-    if (value && !ColorPickerUtils.isGradient(value)) {
-      setGradient(gradientColor);
-    }
-    var remaining = gradientColor.split(/,(.+)/)[1];
-    setColor("radial-gradient(circle, ".concat(remaining));
-  };
-  var setGradient = function setGradient(value) {
-    var gradientColor = value || defaultGradient;
-    setColor(gradientColor);
-  };
-  var handleOnChangeAlpha = function handleOnChangeAlpha(event) {
-    changeAlphaValue(Number(event.target.value));
-  };
-  var changeAlphaValue = function changeAlphaValue(value) {
-    setAlpha(value > COLOR_PICKER_ALPHA_MAX_VALUE ? COLOR_PICKER_ALPHA_MAX_VALUE : value);
-  };
-  useEffect(function () {
-    setA(alpha);
-  }, [alpha]);
-  useEffect(function () {
-    setAlphaValue("".concat(Math.round(rgbaArr[3] * 100)));
-  }, [rgbaArr[3]]);
-  useEffect(function () {
-    var colorObject = ColorPickerUtils.getAllColorTypes(color);
-    var gradientObject = getGradientObject();
-    onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread2(_objectSpread2({}, colorObject), {}, {
-      gradient: gradientObject !== null && gradientObject !== void 0 && gradientObject.isGradient ? ColorPickerUtils.getColorPickerGradientValue(gradientObject) : undefined
-    }));
-  }, [color]);
-  var handleCancel = function handleCancel() {
-    setColor(ColorPickerUtils.getColorPickerValue(initialColor));
-    onCancel === null || onCancel === void 0 ? void 0 : onCancel();
-  };
-  var handleSave = function handleSave() {
-    onSave === null || onSave === void 0 ? void 0 : onSave(ColorPickerUtils.getAllColorTypes(color));
-  };
-  return {
-    color: color,
-    previousSolidColor: previousSolidColor,
-    previousGradientColor: previousGradientColor,
-    setColor: setColor,
-    hex: hex,
-    hslArr: hslArr,
-    handleOnChangeAlpha: handleOnChangeAlpha,
-    alphaValue: alphaValue,
-    rgbaArr: rgbaArr,
-    setR: setR,
-    setG: setG,
-    setB: setB,
-    handleCancel: handleCancel,
-    handleSave: handleSave,
-    colorVariables: colorVariables,
-    isCurrentValueGradient: isGradient,
-    setSolid: setSolid,
-    setRadial: setRadial,
-    setLinear: setLinear,
-    gradientType: gradientType,
-    withGradient: withGradient,
-    isColorPickerOpened: isColorPickerOpened,
-    setIsColorPickerOpened: setIsColorPickerOpened
-  };
+import '../color_picker_types';
+import { useEffect, useState } from 'react';
+import { COLOR_PICKER_ALPHA_MAX_VALUE } from '../color_picker_constants';
+import { ColorPickerUtils } from '../color_picker_utils';
+import { isEqual } from 'lodash';
+import { useColorPicker as useBestGradientColorPicker } from 'react-best-gradient-color-picker';
+const defaultGradient = 'linear-gradient(90deg, #000000 0%, #FFFFFF 100%)';
+const useSetupColorPicker = ({ initialColor, onChange, onCancel, onSave, colorVariables, withGradient: isWithGradient = false }) => {
+    const initialColorObject = ColorPickerUtils.getColorPickerValue(initialColor);
+    const [color, setColorValue] = useState(initialColorObject);
+    const [previousSolidColor, setPreviousSolidColor] = useState();
+    const [previousGradientColor, setPreviousGradientColor] = useState();
+    const [prevInitialColor, setPrevInitialColor] = useState(initialColor);
+    const withGradient = isWithGradient || ColorPickerUtils.isGradient(initialColorObject.value);
+    const [isColorPickerOpened, setIsColorPickerOpened] = useState(false);
+    const setColor = (newColor) => {
+        const newColorValue = ColorPickerUtils.getColorPickerValue(newColor);
+        !ColorPickerUtils.isGradient(color.value) ? setPreviousSolidColor(color.value) : setPreviousGradientColor(color.value);
+        setColorValue((prevColor) => {
+            return {
+                value: newColorValue.value,
+                name: (prevColor.value ?? prevColor) === newColorValue.value ? prevColor?.name : typeof newColor === 'string' ? '' : newColor?.name
+            };
+        });
+    };
+    useEffect(() => {
+        if (!initialColor)
+            return;
+        if (!isEqual(initialColor, prevInitialColor) && !isColorPickerOpened) {
+            setColor(initialColor);
+            setPrevInitialColor(initialColor);
+        }
+    }, [initialColor]);
+    const { hslArr, rgbaArr, setR, setG, setB, setA, isGradient, gradientType, getGradientObject } = useBestGradientColorPicker(color.value, setColor);
+    const tinyColor = typeof color === 'string' ? ColorPickerUtils.getTinyColorInstance(color) : ColorPickerUtils.getTinyColorInstance(color.value);
+    const hex = ColorPickerUtils.getHexValue(tinyColor);
+    const [alpha, setAlpha] = useState(rgbaArr[3] * 100);
+    const [alphaValue, setAlphaValue] = useState(`${alpha}`);
+    const setSolid = (value) => {
+        setColor(ColorPickerUtils.getColorPickerValue(value).value);
+    };
+    const setLinear = (value) => {
+        const gradientColor = value || defaultGradient;
+        if (value && !ColorPickerUtils.isGradient(value)) {
+            setGradient(gradientColor);
+        }
+        const remaining = gradientColor.split(/,(.+)/)[1];
+        setColor(`linear-gradient(90deg, ${remaining}`);
+    };
+    const setRadial = (value) => {
+        const gradientColor = value || defaultGradient;
+        if (value && !ColorPickerUtils.isGradient(value)) {
+            setGradient(gradientColor);
+        }
+        const remaining = gradientColor.split(/,(.+)/)[1];
+        setColor(`radial-gradient(circle, ${remaining}`);
+    };
+    const setGradient = (value) => {
+        const gradientColor = value || defaultGradient;
+        setColor(gradientColor);
+    };
+    const handleOnChangeAlpha = (event) => {
+        changeAlphaValue(Number(event.target.value));
+    };
+    const changeAlphaValue = (value) => {
+        setAlpha(value > COLOR_PICKER_ALPHA_MAX_VALUE ? COLOR_PICKER_ALPHA_MAX_VALUE : value);
+    };
+    useEffect(() => {
+        setA(alpha);
+    }, [alpha]);
+    useEffect(() => {
+        setAlphaValue(`${Math.round(rgbaArr[3] * 100)}`);
+    }, [rgbaArr[3]]);
+    useEffect(() => {
+        const colorObject = ColorPickerUtils.getAllColorTypes(color);
+        const gradientObject = getGradientObject();
+        onChange?.({
+            ...colorObject,
+            gradient: gradientObject?.isGradient ? ColorPickerUtils.getColorPickerGradientValue(gradientObject) : undefined
+        });
+    }, [color]);
+    const handleCancel = () => {
+        setColor(ColorPickerUtils.getColorPickerValue(initialColor));
+        onCancel?.();
+    };
+    const handleSave = () => {
+        onSave?.(ColorPickerUtils.getAllColorTypes(color));
+    };
+    return {
+        color,
+        previousSolidColor,
+        previousGradientColor,
+        setColor,
+        hex,
+        hslArr,
+        handleOnChangeAlpha,
+        alphaValue,
+        rgbaArr,
+        setR,
+        setG,
+        setB,
+        handleCancel,
+        handleSave,
+        colorVariables,
+        isCurrentValueGradient: isGradient,
+        setSolid,
+        setRadial,
+        setLinear,
+        gradientType: gradientType,
+        withGradient,
+        isColorPickerOpened,
+        setIsColorPickerOpened
+    };
 };
-
 export default useSetupColorPicker;
-//# sourceMappingURL=setup_color_piceker.js.map
+//# sourceMappingURL=setup_color_piceker.js.map

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,+BAA+B,8FAAkG;AACjI;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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":"setup_color_piceker.js","sourceRoot":"","sources":["../../../../../../../../src/components/color_picker/hooks/setup_color_piceker.ts"],"names":[],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-import { IColorPickerContext } from '../color_picker_types';
-export declare const useColorPicker: () => IColorPickerContext;
+import { IColorPickerContext } from '../color_picker_types';
+export declare const useColorPicker: () => IColorPickerContext;

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

@@ -1,9 +1,7 @@
+import { ColorPickerContext } from '@auroraComponents/color_picker/color_picker_context';
+import '../color_picker_types';
 import { useContext } from 'react';
-import { ColorPickerContext } from '../color_picker_context.js';
-
-var useColorPicker = function useColorPicker() {
-  return useContext(ColorPickerContext);
+export const useColorPicker = () => {
+    return useContext(ColorPickerContext);
 };
-
-export { useColorPicker };
-//# sourceMappingURL=use_color_picker.js.map
+//# sourceMappingURL=use_color_picker.js.map

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":"use_color_picker.js","sourceRoot":"","sources":["../../../../../../../../src/components/color_picker/hooks/use_color_picker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,qDAAqD,CAAC;AACzF,OAAoC,uBAAuB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,MAAM,CAAC,MAAM,cAAc,GAAG,GAAwB,EAAE;IACpD,OAAO,UAAU,CAAC,kBAAkB,CAAC,CAAC;AAC1C,CAAC,CAAC"}

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

@@ -1,3 +1,3 @@
-import { IControlProps } from './control_types';
-import React from 'react';
-export declare const Control: React.FC<IControlProps>;
+import { IControlProps } from './control_types';
+import React from 'react';
+export declare const Control: React.FC<IControlProps>;

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

@@ -1,13 +1,5 @@
+import './control_types';
 import React from 'react';
-import { cn } from '../../utilities/cn.js';
-
-var Control = function Control(_ref) {
-  var children = _ref.children,
-    classname = _ref.classname;
-  return /*#__PURE__*/React.createElement("div", {
-    className: cn("aurora-flex aurora-gap-1 aurora-w-full", classname)
-  }, children);
-};
-
-export { Control };
-//# sourceMappingURL=control.js.map
+import { cn } from '@auroraUtilities/cn';
+export const Control = ({ children, classname }) => (React.createElement("div", { className: cn(`aurora-flex aurora-gap-1 aurora-w-full`, classname) }, children));
+//# sourceMappingURL=control.js.map

package/build/esm/packages/aurora/src/components/control/control.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;"}
+{"version":3,"file":"control.js","sourceRoot":"","sources":["../../../../../../../src/components/control/control.tsx"],"names":[],"mappings":"AAAA,OAA8B,iBAAiB,CAAC;AAChD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAEzC,MAAM,CAAC,MAAM,OAAO,GAA4B,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CACzE,6BAAK,SAAS,EAAE,EAAE,CAAC,wCAAwC,EAAE,SAAS,CAAC,IAAG,QAAQ,CAAO,CAC5F,CAAC"}

package/build/esm/packages/aurora/src/components/control/control_types.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-export interface IControlProps {
-    children: React.ReactNode;
-    classname?: string;
-}
-export declare type TControlErrors = string | string[] | null;
+import React from 'react';
+export interface IControlProps {
+    children: React.ReactNode;
+    classname?: string;
+}
+export declare type TControlErrors = string | string[] | null;

package/build/esm/packages/aurora/src/components/controls/checkbox_control/checkbox_control.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-import { TCheckboxControlProps } from './checkbox_control_types';
-export declare const CheckboxControl: React.FC<TCheckboxControlProps>;
+import React from 'react';
+import { TCheckboxControlProps } from './checkbox_control_types';
+export declare const CheckboxControl: React.FC<TCheckboxControlProps>;

package/build/esm/packages/aurora/src/components/controls/checkbox_control/checkbox_control.js

@@ -1,51 +1,15 @@
+import { Checkbox } from '@auroraComponents/checkbox/checkbox';
+import { Control } from '@auroraComponents/control/control';
+import { ErrorList } from '@auroraComponents/error_list/error_list';
+import { HelperText } from '@auroraComponents/helper_text/helper_text';
+import { Label } from '@auroraComponents/label/label';
 import React from 'react';
-import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import { Label } from '../../label/label.js';
-import { HelperText } from '../../helper_text/helper_text.js';
-import { ErrorList } from '../../error_list/error_list.js';
-import { Control } from '../../control/control.js';
-import { Checkbox } from '../../checkbox/checkbox.js';
-
-var _excluded = ["id", "name", "label", "value", "tooltip", "helperText", "errors", "checked", "disabled", "required", "onCheckedChange"];
-var CheckboxControl = function CheckboxControl(_ref) {
-  var id = _ref.id,
-    name = _ref.name,
-    label = _ref.label,
-    value = _ref.value,
-    tooltip = _ref.tooltip,
-    helperText = _ref.helperText,
-    errors = _ref.errors,
-    _ref$checked = _ref.checked,
-    checked = _ref$checked === void 0 ? false : _ref$checked,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    _ref$required = _ref.required,
-    required = _ref$required === void 0 ? false : _ref$required,
-    onCheckedChange = _ref.onCheckedChange,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Control, null, /*#__PURE__*/React.createElement(Checkbox, _objectSpread2({
-    id: id,
-    name: name,
-    value: value,
-    checked: checked,
-    onCheckedChange: onCheckedChange,
-    required: required,
-    disabled: disabled,
-    errors: errors
-  }, rest)), /*#__PURE__*/React.createElement("div", {
-    className: "aurora-ml-2 aurora-flex aurora-flex-col aurora-gap-1"
-  }, label && (/*#__PURE__*/React.createElement("div", {
-    className: "aurora-mb-1"
-  }, /*#__PURE__*/React.createElement(Label, {
-    htmlFor: id,
-    required: required,
-    disabled: disabled,
-    tooltip: tooltip,
-    className: "aurora-text"
-  }, label))), helperText && /*#__PURE__*/React.createElement(HelperText, null, helperText), errors && /*#__PURE__*/React.createElement(ErrorList, {
-    errors: errors
-  })));
-};
-
-export { CheckboxControl };
-//# sourceMappingURL=checkbox_control.js.map
+import './checkbox_control_types';
+export const CheckboxControl = ({ id, name, label, value, tooltip, helperText, errors, checked = false, disabled = false, required = false, onCheckedChange, ...rest }) => (React.createElement(Control, null,
+    React.createElement(Checkbox, { id: id, name: name, value: value, checked: checked, onCheckedChange: onCheckedChange, required: required, disabled: disabled, errors: errors, ...rest }),
+    React.createElement("div", { className: "aurora-ml-2 aurora-flex aurora-flex-col aurora-gap-1" },
+        label && (React.createElement("div", { className: "aurora-mb-1" },
+            React.createElement(Label, { htmlFor: id, required: required, disabled: disabled, tooltip: tooltip, className: "aurora-text" }, label))),
+        helperText && React.createElement(HelperText, null, helperText),
+        errors && React.createElement(ErrorList, { errors: errors }))));
+//# sourceMappingURL=checkbox_control.js.map

package/build/esm/packages/aurora/src/components/controls/checkbox_control/checkbox_control.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;"}
+{"version":3,"file":"checkbox_control.js","sourceRoot":"","sources":["../../../../../../../../src/components/controls/checkbox_control/checkbox_control.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAC/D,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,2CAA2C,CAAC;AACvE,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAsC,0BAA0B,CAAC;AAEjE,MAAM,CAAC,MAAM,eAAe,GAAoC,CAAC,EAC7D,EAAE,EACF,IAAI,EACJ,KAAK,EACL,KAAK,EACL,OAAO,EACP,UAAU,EACV,MAAM,EACN,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,eAAe,EACf,GAAG,IAAI,EACV,EAAE,EAAE,CAAC,CACF,oBAAC,OAAO;IACJ,oBAAC,QAAQ,IACL,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,KACV,IAAI,GACV;IAEF,6BAAK,SAAS,EAAC,sDAAsD;QAChE,KAAK,IAAI,CACN,6BAAK,SAAS,EAAC,aAAa;YACxB,oBAAC,KAAK,IAAC,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,aAAa,IAChG,KAAK,CACF,CACN,CACT;QACA,UAAU,IAAI,oBAAC,UAAU,QAAE,UAAU,CAAc;QACnD,MAAM,IAAI,oBAAC,SAAS,IAAC,MAAM,EAAE,MAAM,GAAI,CACtC,CACA,CACb,CAAC"}