@dreamcommerce/aurora 2.12.1-21 → 2.12.1-23

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

@@ -0,0 +1,104 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var tinycolor = require('../../external/tinycolor2/tinycolor.js');
+var formatters = require('./utils/formatters.js');
+var utils = require('./utils/utils.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const PickerContext = React.createContext(null);
+function PickerContextWrapper({ value, classes, children, onChange, squareWidth, hideOpacity, squareHeight, }) {
+    const colors = formatters.getColors(value);
+    const { degrees, degreeStr, isGradient, gradientType } = utils.getDetails(value);
+    const { currentColor, selectedColor, currentLeft } = utils.getColorObj(colors);
+    const [inputType, setInputType] = React.useState('rgb');
+    const [previous, setPrevious] = React.useState({});
+    const tinyColor = tinycolor['default'](currentColor);
+    const rgba = tinyColor.toRgb();
+    const hsv = tinyColor.toHsv();
+    const [hc, setHc] = React.useState({ ...rgba, ...hsv });
+    React.useEffect(() => {
+        if (hsv?.s === 0) {
+            setHc({ ...rgba, ...hsv, h: hc?.h });
+        }
+        else {
+            setHc({ ...rgba, ...hsv });
+        }
+    }, [currentColor]);
+    const createGradientStr = (newColors) => {
+        const sorted = newColors.sort((a, b) => a.left - b.left);
+        const colorString = sorted?.map((cc) => `${cc?.value} ${cc.left}%`);
+        const newGrade = `${gradientType}(${degreeStr}, ${colorString.join(', ')})`;
+        setPrevious({ ...previous, gradient: newGrade });
+        onChange(newGrade);
+    };
+    const handleGradient = (newColor, left) => {
+        const remaining = colors?.filter((c) => !utils.isUpperCase(c.value));
+        const newColors = [
+            { value: newColor.toUpperCase(), left: left || currentLeft },
+            ...remaining,
+        ];
+        createGradientStr(newColors);
+    };
+    const handleChange = (newColor) => {
+        if (isGradient) {
+            handleGradient(newColor);
+        }
+        else {
+            setPrevious({ ...previous, color: newColor });
+            onChange(newColor);
+        }
+    };
+    const deletePoint = () => {
+        if (colors?.length > 2) {
+            const formatted = colors?.map((fc, i) => ({
+                ...fc,
+                value: i === selectedColor - 1 ? formatters.high(fc) : formatters.low(fc),
+            }));
+            const remaining = formatted?.filter((_, i) => i !== selectedColor);
+            createGradientStr(remaining);
+        }
+    };
+    const pickerContext = {
+        hc,
+        setHc,
+        value,
+        colors,
+        degrees,
+        classes,
+        onChange,
+        previous,
+        inputType,
+        tinyColor,
+        isGradient,
+        squareWidth,
+        hideOpacity,
+        currentLeft,
+        deletePoint,
+        squareHeight,
+        setInputType,
+        gradientType,
+        handleChange,
+        currentColor,
+        selectedColor,
+        handleGradient,
+        createGradientStr,
+    };
+    return (React__default['default'].createElement(PickerContext.Provider, { value: pickerContext }, children));
+}
+function usePicker() {
+    const pickerContext = React.useContext(PickerContext);
+    if (!pickerContext) {
+        throw new Error('usePicker has to be used within <PickerContext.Provider>');
+    }
+    return pickerContext;
+}
+
+exports.default = PickerContextWrapper;
+exports.usePicker = usePicker;
+//# sourceMappingURL=context.js.map

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

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

package/build/cjs/external/react-best-gradient-color-picker/dist/esm/core.module.css.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styleInject_es = require('../../../style-inject/dist/style-inject.es.js');
+
+var css_248z = "/* coreCss */\n/* body {\n  box-sizing: border-box;\n} */\n\n.core-module_ac__37gse {\n  display: flex;\n  align-items: center;\n}\n\n.core-module_jc__3E6-q {\n  display: flex;\n  justify-content: center;\n}\n\n.core-module_jsb__1jdaj {\n  display: flex;\n  justify-content: space-between;\n}\n\n.core-module_psRl__2LDR1 {\n  position: relative;\n}\n\n.core-module_cResize__2ZFf5 {\n  cursor: ew-resize;\n}\n\n.core-module_cCross__1nX16 {\n  cursor: crosshair;\n}\n\n.core-module_rbgcpControlBtn__1SRcA {\n  padding-left: 8px;\n  padding-right: 8px;\n  line-height: 1;\n  border-radius: 4px;\n  font-weight: 700;\n  font-size: 12px;\n  height: 24px;\n  transition: all 160ms ease;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: rgba(255, 255, 255, 0);\n  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0);\n  color: rgb(86, 86, 86);\n  box-sizing: border-box;\n}\n\n.core-module_rbgcpControlIcon__3qRB_ {\n  stroke: rgb(50, 49, 54);\n}\n\n.core-module_rbgcpControlIconBtn__2fRDy {\n  width: 30px;\n  height: 24px;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  box-sizing: border-box;\n}\n\n.core-module_rbgcpControlBtnWrapper__2D0CM {\n  height: 28px;\n  background: #e9e9f5;\n  border-radius: 6px;\n  padding: 2px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  box-sizing: border-box;\n}\n\n.core-module_rbgcpColorModelDropdown__1jpJ7 {\n  position: absolute;\n  right: -2px;\n  top: 34px;\n  padding: 5px;\n  background: #e9e9f5;\n  z-index: 100000000;\n  border-radius: 6px;\n  box-shadow: 1px 1px 14px 1px rgba(0, 0, 0, 0.25);\n}\n\n/* coreCss (continuazione) */\n.core-module_rbgcpEyedropperCover__3DsLX {\n  position: fixed;\n  left: 0px;\n  top: 0px;\n  z-index: 100000000;\n  width: 100vw;\n  height: 100vh;\n  cursor: copy;\n}\n\n.core-module_rbgcpControlInput__1HtU0 {\n  height: 24px;\n  border-radius: 4px;\n  border: none;\n  outline: none;\n  text-align: center;\n  width: 34px;\n  font-weight: 500;\n  color: rgb(50, 49, 54);\n  font-size: 13px;\n  background: transparent;\n  box-sizing: border-box;\n}\n\n.core-module_rbgcpInputLabel__PM2t0 {\n  text-align: center;\n  line-height: 1.2;\n  font-weight: 700;\n  color: rgb(86, 86, 86);\n  font-size: 11px;\n}\n\n.core-module_rbgcpInput__A5enE {\n  height: 32px;\n  border-radius: 6px;\n  border: 1px solid #bebebe;\n  width: 100%;\n  padding: 2px;\n  outline: none;\n  color: black;\n  font-weight: 400;\n  text-align: center;\n  box-sizing: border-box;\n}\n\n.core-module_rbgcpHandle__2hfny {\n  position: absolute;\n  border: 2px solid white;\n  border-radius: 50%;\n  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);\n  width: 18px;\n  height: 18px;\n  z-index: 1000;\n  transition: all 10ms linear;\n  box-sizing: border-box;\n}\n\n.core-module_rbgcpCanvasWrapper__138_2 {\n  border-radius: 6px;\n  overflow: hidden;\n  height: 294px;\n}\n\n.core-module_rbgcpCheckered__Zj2xQ {\n  background: linear-gradient(\n      45deg,\n      rgba(0, 0, 0, 0.18) 25%,\n      transparent 25%,\n      transparent 75%,\n      rgba(0, 0, 0, 0.18) 75%,\n      rgba(0, 0, 0, 0.18) 0\n    ),\n    linear-gradient(\n      45deg,\n      rgba(0, 0, 0, 0.18) 25%,\n      transparent 25%,\n      transparent 75%,\n      rgba(0, 0, 0, 0.18) 75%,\n      rgba(0, 0, 0, 0.18) 0\n    ),\n    white;\n  background-repeat: repeat, repeat;\n  background-position:\n    0px 0,\n    7px 7px;\n  transform-origin: 0 0 0;\n  background-origin: padding-box, padding-box;\n  background-clip: border-box, border-box;\n  background-size:\n    14px 14px,\n    14px 14px;\n  box-shadow: none;\n  text-shadow: none;\n  transition: none;\n  transform: scaleX(1) scaleY(1) scaleZ(1);\n  border-radius: 10px;\n}\n\n.core-module_rbgcpOpacityOverlay__3wzNT {\n  position: absolute;\n  left: 0px;\n  top: 0px;\n  width: 100%;\n  height: 100%;\n  border-radius: 10px;\n}\n\n.core-module_rbgcpGradientHandleWrap__2uFkJ {\n  position: absolute;\n  z-index: 10000;\n  top: -2px;\n  outline: none;\n}\n\n.core-module_rbgcpGradientHandle__28d4H {\n  border: 2px solid white;\n  border-radius: 50%;\n  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);\n  width: 18px;\n  height: 18px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n}\n\n.core-module_rbgcpControlIcon2__8p892 {\n  fill: #323136;\n}\n\n.core-module_rbgcpControlBtnSelected__1uBZ6 {\n  background: white;\n  color: #568cf5;\n  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);\n}\n\n.core-module_rbgcpComparibleLabel__LjS5G {\n  color: #323136;\n}\n\n@media (prefers-color-scheme: dark) {\n  .core-module_rbgcpInputLabel__PM2t0 {\n    color: rgb(212, 212, 212);\n  }\n  .core-module_rbgcpControlBtnWrapper__2D0CM {\n    background: rgb(54, 54, 54);\n  }\n  .core-module_rbgcpInput__A5enE {\n    border: none;\n    color: white;\n    background: rgb(54, 54, 54);\n  }\n  .core-module_rbgcpControlBtn__1SRcA {\n    color: rgb(212, 212, 212);\n  }\n  .core-module_rbgcpControlIcon__3qRB_ {\n    stroke: rgb(212, 212, 212);\n  }\n  .core-module_rbgcpControlIcon2__8p892 {\n    fill: rgb(212, 212, 212);\n  }\n  .core-module_rbgcpControlInput__1HtU0 {\n    color: white;\n  }\n  .core-module_rbgcpControlBtnSelected__1uBZ6 {\n    background: black;\n    color: #568cf5;\n  }\n  .core-module_rbgcpDegreeIcon__1ohsU {\n    color: rgb(212, 212, 212);\n  }\n  .core-module_rbgcpColorModelDropdown__1jpJ7 {\n    background: rgb(32, 32, 32);\n  }\n  .core-module_rbgcpComparibleLabel__LjS5G {\n    color: rgb(212, 212, 212);\n  }\n}\n";
+var coreCss = {"ac":"core-module_ac__37gse","jc":"core-module_jc__3E6-q","jsb":"core-module_jsb__1jdaj","psRl":"core-module_psRl__2LDR1","cResize":"core-module_cResize__2ZFf5","cCross":"core-module_cCross__1nX16","rbgcpControlBtn":"core-module_rbgcpControlBtn__1SRcA","rbgcpControlIcon":"core-module_rbgcpControlIcon__3qRB_","rbgcpControlIconBtn":"core-module_rbgcpControlIconBtn__2fRDy","rbgcpControlBtnWrapper":"core-module_rbgcpControlBtnWrapper__2D0CM","rbgcpColorModelDropdown":"core-module_rbgcpColorModelDropdown__1jpJ7","rbgcpEyedropperCover":"core-module_rbgcpEyedropperCover__3DsLX","rbgcpControlInput":"core-module_rbgcpControlInput__1HtU0","rbgcpInputLabel":"core-module_rbgcpInputLabel__PM2t0","rbgcpInput":"core-module_rbgcpInput__A5enE","rbgcpHandle":"core-module_rbgcpHandle__2hfny","rbgcpCanvasWrapper":"core-module_rbgcpCanvasWrapper__138_2","rbgcpCheckered":"core-module_rbgcpCheckered__Zj2xQ","rbgcpOpacityOverlay":"core-module_rbgcpOpacityOverlay__3wzNT","rbgcpGradientHandleWrap":"core-module_rbgcpGradientHandleWrap__2uFkJ","rbgcpGradientHandle":"core-module_rbgcpGradientHandle__28d4H","rbgcpControlIcon2":"core-module_rbgcpControlIcon2__8p892","rbgcpControlBtnSelected":"core-module_rbgcpControlBtnSelected__1uBZ6","rbgcpComparibleLabel":"core-module_rbgcpComparibleLabel__LjS5G","rbgcpDegreeIcon":"core-module_rbgcpDegreeIcon__1ohsU"};
+styleInject_es['default'](css_248z);
+
+exports.default = coreCss;
+//# sourceMappingURL=core.module.css.js.map

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

@@ -0,0 +1,227 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var constants = require('../constants.js');
+var tinycolor = require('../../../external/tinycolor2/tinycolor.js');
+var formatters = require('../utils/formatters.js');
+var utils = require('../utils/utils.js');
+var converters = require('../utils/converters.js');
+
+const { defaultColor, defaultGradient } = constants.config;
+const useColorPicker = (value, onChange) => {
+    const colors = formatters.getColors(value);
+    const { degrees, degreeStr, isGradient, gradientType } = utils.getDetails(value);
+    const { currentColor, selectedColor, currentLeft } = utils.getColorObj(colors);
+    const [previousColors, setPreviousColors] = React.useState([]);
+    const getGradientObject = () => {
+        if (value) {
+            if (isGradient) {
+                return {
+                    isGradient: true,
+                    gradientType: gradientType,
+                    degrees: degreeStr,
+                    colors: colors?.map((c) => ({
+                        ...c,
+                        value: c.value?.toLowerCase(),
+                    })),
+                };
+            }
+            else {
+                return {
+                    isGradient: false,
+                    gradientType: null,
+                    degrees: null,
+                    colors: colors?.map((c) => ({
+                        ...c,
+                        value: c.value?.toLowerCase(),
+                    })),
+                };
+            }
+        }
+        else {
+            console.log('RBGCP ERROR - YOU MUST PASS A VALUE AND CALLBACK TO THE useColorPicker HOOK');
+        }
+    };
+    const tiny = tinycolor['default'](currentColor);
+    const { r, g, b, a } = tiny.toRgb();
+    const { h, s, l } = tiny.toHsl();
+    React.useEffect(() => {
+        if (tinycolor['default'](currentColor)?.isValid() && previousColors[0] !== currentColor) {
+            // @ts-expect-error - currentColor type issue
+            setPreviousColors([currentColor, ...previousColors.slice(0, 19)]);
+        }
+    }, [currentColor, previousColors]);
+    const setLinear = () => {
+        const remaining = value.split(/,(.+)/)[1];
+        onChange(`linear-gradient(90deg, ${remaining}`);
+    };
+    const setRadial = () => {
+        const remaining = value.split(/,(.+)/)[1];
+        onChange(`radial-gradient(circle, ${remaining}`);
+    };
+    const setDegrees = (newDegrees) => {
+        const remaining = value.split(/,(.+)/)[1];
+        onChange(`linear-gradient(${formatters.formatInputValues(newDegrees, 0, 360)}deg, ${remaining}`);
+        if (gradientType !== 'linear-gradient') {
+            console.log('Warning: you are updating degrees when the gradient type is not linear. This will change the gradients type which may be undesired');
+        }
+    };
+    const setSolid = (startingColor) => {
+        const newValue = startingColor || defaultColor;
+        onChange(newValue);
+    };
+    const setGradient = (startingGradiant) => {
+        const newValue = startingGradiant || defaultGradient;
+        onChange(newValue);
+    };
+    const createGradientStr = (newColors) => {
+        const sorted = newColors.sort((a, b) => a.left - b.left);
+        const colorString = sorted?.map((cc) => `${cc?.value} ${cc.left}%`);
+        onChange(`${gradientType}(${degreeStr}, ${colorString.join(', ')})`);
+    };
+    const handleGradient = (newColor, left) => {
+        const remaining = colors?.filter((c) => !utils.isUpperCase(c.value));
+        const newColors = [
+            { value: newColor.toUpperCase(), left: left || currentLeft },
+            ...remaining,
+        ];
+        createGradientStr(newColors);
+    };
+    const handleChange = (newColor) => {
+        if (isGradient) {
+            handleGradient(newColor);
+        }
+        else {
+            onChange(newColor);
+        }
+    };
+    const setR = (newR) => {
+        const newVal = formatters.formatInputValues(newR, 0, 255);
+        handleChange(`rgba(${newVal}, ${g}, ${b}, ${a})`);
+    };
+    const setG = (newG) => {
+        const newVal = formatters.formatInputValues(newG, 0, 255);
+        handleChange(`rgba(${r}, ${newVal}, ${b}, ${a})`);
+    };
+    const setB = (newB) => {
+        const newVal = formatters.formatInputValues(newB, 0, 255);
+        handleChange(`rgba(${r}, ${g}, ${newVal}, ${a})`);
+    };
+    const setA = (newA) => {
+        const newVal = formatters.formatInputValues(newA, 0, 100);
+        handleChange(`rgba(${r}, ${g}, ${b}, ${newVal / 100})`);
+    };
+    const setHue = (newHue) => {
+        const newVal = formatters.formatInputValues(newHue, 0, 360);
+        const tinyNew = tinycolor['default']({ h: newVal, s: s, l: l });
+        const { r, g, b } = tinyNew.toRgb();
+        handleChange(`rgba(${r}, ${g}, ${b}, ${a})`);
+    };
+    const setSaturation = (newSat) => {
+        const newVal = formatters.formatInputValues(newSat, 0, 100);
+        const tinyNew = tinycolor['default']({ h: h, s: newVal / 100, l: l });
+        const { r, g, b } = tinyNew.toRgb();
+        handleChange(`rgba(${r}, ${g}, ${b}, ${a})`);
+    };
+    const setLightness = (newLight) => {
+        const newVal = formatters.formatInputValues(newLight, 0, 100);
+        const tinyNew = tinycolor['default']({ h: h, s: s, l: newVal / 100 });
+        if (tinyNew?.isValid()) {
+            const { r, g, b } = tinyNew.toRgb();
+            handleChange(`rgba(${r}, ${g}, ${b}, ${a})`);
+        }
+        else {
+            console.log('The new color was invalid, perhaps the lightness you passed in was a decimal? Please pass the new value between 0 - 100');
+        }
+    };
+    const valueToHSL = () => {
+        return tiny.toHslString();
+    };
+    const valueToHSV = () => {
+        return tiny.toHsvString();
+    };
+    const valueToHex = () => {
+        return tiny.toHexString();
+    };
+    const valueToCmyk = () => {
+        const { c, m, y, k } = converters.rgb2cmyk(r, g, b);
+        return `cmyk(${c}, ${m}, ${y}, ${k})`;
+    };
+    const setSelectedPoint = (index) => {
+        if (isGradient) {
+            const newGradStr = colors?.map((cc, i) => ({
+                ...cc,
+                value: i === index ? formatters.high(cc) : formatters.low(cc),
+            }));
+            createGradientStr(newGradStr);
+        }
+        else {
+            console.log('This function is only relevant when the picker is in gradient mode');
+        }
+    };
+    const addPoint = (left) => {
+        const newColors = [
+            ...colors.map((c) => ({ ...c, value: formatters.low(c) })),
+            { value: currentColor, left: left },
+        ];
+        createGradientStr(newColors);
+        if (!left) {
+            console.log('You did not pass a stop value (left amount) for the new color point so it defaulted to 50');
+        }
+    };
+    const deletePoint = (index) => {
+        if (colors?.length > 2) {
+            const pointToDelete = index || selectedColor;
+            const remaining = colors?.filter((rc, i) => i !== pointToDelete);
+            createGradientStr(remaining);
+            if (!index) {
+                console.log('You did not pass in the index of the point you wanted to delete so the function default to the currently selected point');
+            }
+        }
+        else {
+            console.log('A gradient must have atleast two colors, disable your delete button when necessary');
+        }
+    };
+    const setPointLeft = (left) => {
+        handleGradient(currentColor, formatters.formatInputValues(left, 0, 100));
+    };
+    const rgbaArr = [r, g, b, a];
+    const hslArr = [h, s, l];
+    return {
+        setR,
+        setG,
+        setB,
+        setA,
+        setHue,
+        addPoint,
+        setSolid,
+        setLinear,
+        setRadial,
+        valueToHSL,
+        valueToHSV,
+        valueToHex,
+        valueToCmyk,
+        setDegrees,
+        setGradient,
+        setLightness,
+        setSaturation,
+        setSelectedPoint,
+        deletePoint,
+        isGradient,
+        gradientType,
+        degrees,
+        setPointLeft,
+        currentLeft,
+        rgbaArr,
+        hslArr,
+        handleChange,
+        previousColors,
+        getGradientObject,
+        selectedPoint: selectedColor,
+    };
+};
+
+exports.useColorPicker = useColorPicker;
+//# sourceMappingURL=useColorPicker.js.map

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

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

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

@@ -0,0 +1,70 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var tinycolor = require('../../../external/tinycolor2/tinycolor.js');
+
+const usePaintHue = (canvas, squareWidth) => {
+    React.useEffect(() => {
+        const ctx = canvas?.current?.getContext('2d', { willReadFrequently: true });
+        if (ctx) {
+            ctx.rect(0, 0, squareWidth, 14);
+            const gradient = ctx.createLinearGradient(0, 0, squareWidth, 0);
+            for (let i = 0; i <= 360; i += 30) {
+                gradient.addColorStop(i / 360, `hsl(${i}, 100%, 50%)`);
+            }
+            ctx.fillStyle = gradient;
+            ctx.fill();
+        }
+    }, [canvas, squareWidth]);
+};
+const usePaintSat = (canvas, h, l, squareWidth) => {
+    React.useEffect(() => {
+        const ctx = canvas?.current?.getContext('2d', { willReadFrequently: true });
+        if (ctx) {
+            ctx.rect(0, 0, squareWidth, 14);
+            const gradient = ctx.createLinearGradient(0, 0, squareWidth, 0);
+            for (let i = 0; i <= 100; i += 10) {
+                gradient.addColorStop(i / 100, `hsl(${h}, ${i}%, ${l}%)`);
+            }
+            ctx.fillStyle = gradient;
+            ctx.fill();
+        }
+    }, [canvas, h, l, squareWidth]);
+};
+const usePaintLight = (canvas, h, s, squareWidth) => {
+    React.useEffect(() => {
+        const ctx = canvas?.current?.getContext('2d', { willReadFrequently: true });
+        if (ctx) {
+            ctx.rect(0, 0, squareWidth, 14);
+            const gradient = ctx.createLinearGradient(0, 0, squareWidth, 0);
+            for (let i = 0; i <= 100; i += 10) {
+                gradient.addColorStop(i / 100, `hsl(${h}, ${s}%, ${i}%)`);
+            }
+            ctx.fillStyle = gradient;
+            ctx.fill();
+        }
+    }, [canvas, h, s, squareWidth]);
+};
+const usePaintBright = (canvas, h, s, squareWidth) => {
+    React.useEffect(() => {
+        const ctx = canvas?.current?.getContext('2d', { willReadFrequently: true });
+        if (ctx) {
+            ctx.rect(0, 0, squareWidth, 14);
+            const gradient = ctx.createLinearGradient(0, 0, squareWidth, 0);
+            for (let i = 0; i <= 100; i += 10) {
+                const hsl = tinycolor['default']({ h: h, s: s, v: i });
+                gradient.addColorStop(i / 100, hsl.toHslString());
+            }
+            ctx.fillStyle = gradient;
+            ctx.fill();
+        }
+    }, [canvas, h, s, squareWidth]);
+};
+
+exports.default = usePaintHue;
+exports.usePaintBright = usePaintBright;
+exports.usePaintLight = usePaintLight;
+exports.usePaintSat = usePaintSat;
+//# sourceMappingURL=usePaintHue.js.map

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

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

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

@@ -0,0 +1,30 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+const usePaintSquare = (canvas, hue, squareWidth, squareHeight) => {
+    React.useEffect(() => {
+        if (canvas.current) {
+            const ctx = canvas.current.getContext('2d', { willReadFrequently: true });
+            if (ctx) {
+                ctx.fillStyle = `hsl(${hue}, 100%, 50%)`;
+                ctx.fillRect(0, 0, squareWidth, squareHeight);
+                const gradientWhite = ctx.createLinearGradient(0, 0, squareWidth, 0);
+                gradientWhite.addColorStop(0, `rgba(255, 255, 255, 1)`);
+                gradientWhite.addColorStop(1, `rgba(255, 255, 255, 0)`);
+                ctx.fillStyle = gradientWhite;
+                ctx.fillRect(0, 0, squareWidth, squareHeight);
+                const gradientBlack = ctx.createLinearGradient(0, 0, 0, squareHeight);
+                gradientBlack.addColorStop(0, `rgba(0, 0, 0, 0)`);
+                gradientBlack.addColorStop(1, `rgba(0, 0, 0, 1)`);
+                ctx.fillStyle = gradientBlack;
+                ctx.fillRect(0, 0, squareWidth, squareHeight);
+            }
+        }
+    }, [canvas, hue, squareWidth, squareHeight]);
+};
+
+exports.default = usePaintSquare;
+//# sourceMappingURL=usePaintSquare.js.map

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

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var index = require('./components/index.js');
+
+
+
+exports.default = index.ColorPicker;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,46 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function rgb2cmyk(r, g, b) {
+    let computedC = 0;
+    let computedM = 0;
+    let computedY = 0;
+    let computedK = 0;
+    if (r === null ||
+        g === null ||
+        b === null ||
+        isNaN(r) ||
+        isNaN(g) ||
+        isNaN(b)) {
+        console.log('Please enter numeric RGB values!');
+        return { c: 0, m: 0, k: 0, y: 1 };
+    }
+    if (r < 0 || g < 0 || b < 0 || r > 255 || g > 255 || b > 255) {
+        console.log('RGB values must be in the range 0 to 255.');
+        return { c: 0, m: 0, k: 0, y: 1 };
+    }
+    if (r === 0 && g === 0 && b === 0) {
+        computedK = 1;
+        return { c: 0, m: 0, k: 0, y: 1 };
+    }
+    computedC = 1 - r / 255;
+    computedM = 1 - g / 255;
+    computedY = 1 - b / 255;
+    const minCMY = Math.min(computedC, Math.min(computedM, computedY));
+    computedC = (computedC - minCMY) / (1 - minCMY);
+    computedM = (computedM - minCMY) / (1 - minCMY);
+    computedY = (computedY - minCMY) / (1 - minCMY);
+    computedK = minCMY;
+    return { c: computedC, m: computedM, y: computedY, k: computedK };
+}
+const cmykToRgb = ({ c, m, y, k, }) => {
+    const r = 255 * (1 - c) * (1 - k);
+    const g = 255 * (1 - m) * (1 - k);
+    const b = 255 * (1 - y) * (1 - k);
+    return { r: r, g: g, b: b };
+};
+
+exports.cmykToRgb = cmykToRgb;
+exports.rgb2cmyk = rgb2cmyk;
+//# sourceMappingURL=converters.js.map

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

@@ -0,0 +1,43 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var constants = require('../constants.js');
+var gradientParser = require('./gradientParser.js');
+
+const { defaultColor, defaultGradient } = constants.config;
+const low = (color) => {
+    return color.value.toLowerCase();
+};
+const high = (color) => {
+    return color.value.toUpperCase();
+};
+const getColors = (value) => {
+    const isGradient = value?.includes('gradient');
+    if (isGradient) {
+        const isConic = value?.includes('conic');
+        const safeValue = !isConic ? value : defaultGradient;
+        if (isConic) {
+            console.log('Sorry we cant handle conic gradients yet');
+        }
+        const obj = gradientParser.gradientParser(safeValue);
+        return obj?.colorStops;
+    }
+    else {
+        const safeValue = value || defaultColor;
+        return [{ value: safeValue }];
+    }
+};
+const formatInputValues = (value, min, max) => {
+    return isNaN(value) ? min : value < min ? min : value > max ? max : value;
+};
+const round = (val) => {
+    return Math.round(val);
+};
+
+exports.formatInputValues = formatInputValues;
+exports.getColors = getColors;
+exports.high = high;
+exports.low = low;
+exports.round = round;
+//# sourceMappingURL=formatters.js.map