@dreamcommerce/aurora 2.12.1-21 → 2.12.1-23

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

@@ -0,0 +1,132 @@
+'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 context = require('../context.js');
+var converters = require('../utils/converters.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const Input = ({ value, callback, max = 100, label, }) => {
+    const [temp, setTemp] = React.useState(value);
+    const { hideOpacity, classes } = context.usePicker();
+    const width = hideOpacity ? '22%' : '18%';
+    React.useEffect(() => {
+        setTemp(value);
+    }, [value]);
+    const onChange = (e) => {
+        const newVal = formatters.formatInputValues(parseFloat(e.target.value), 0, max);
+        setTemp(newVal);
+        callback(newVal);
+    };
+    return (React__default['default'].createElement("div", { style: { width: width } },
+        React__default['default'].createElement("input", { value: temp, id: "rbgcp-input", onChange: (e) => onChange(e), className: classes.rbgcpInput }),
+        React__default['default'].createElement("div", { className: classes.rbgcpInputLabel }, label)));
+};
+const HexInput = ({ opacity }) => {
+    const { handleChange, tinyColor, classes } = context.usePicker();
+    const [disable, setDisable] = React.useState('');
+    const hex = tinyColor.toHex();
+    const [newHex, setNewHex] = React.useState(hex);
+    React.useEffect(() => {
+        if (disable !== 'hex') {
+            setNewHex(hex);
+        }
+    }, [tinyColor, disable, hex]);
+    const hexFocus = () => {
+        setDisable('hex');
+    };
+    const hexBlur = () => {
+        setDisable('');
+    };
+    const handleHex = (e) => {
+        const tinyHex = tinycolor['default'](e.target.value);
+        setNewHex(e.target.value);
+        if (tinyHex.isValid()) {
+            const { r, g, b } = tinyHex.toRgb();
+            const newColor = `rgba(${r}, ${g}, ${b}, ${opacity})`;
+            handleChange(newColor);
+        }
+    };
+    return (React__default['default'].createElement("div", { style: { width: '23%' } },
+        React__default['default'].createElement("input", { value: newHex, onBlur: hexBlur, onFocus: hexFocus, id: "rbgcp-hex-input", onChange: (e) => handleHex(e), className: `${classes.rbgcpInput} ${classes.rbgcpHexInput}` }),
+        React__default['default'].createElement("div", { className: classes.rbgcpInputLabel }, "HEX")));
+};
+const RGBInputs = () => {
+    const { handleChange, hc } = context.usePicker();
+    const handleRgb = ({ r, g, b }) => {
+        handleChange(`rgba(${r}, ${g}, ${b}, ${hc?.a})`);
+    };
+    return (React__default['default'].createElement(React__default['default'].Fragment, null,
+        React__default['default'].createElement(Input, { value: hc?.r, callback: (newVal) => handleRgb({ r: newVal, g: hc?.g, b: hc?.b }), label: "R", max: 255 }),
+        React__default['default'].createElement(Input, { value: hc?.g, callback: (newVal) => handleRgb({ r: hc?.r, g: newVal, b: hc?.b }), label: "G", max: 255 }),
+        React__default['default'].createElement(Input, { value: hc?.b, callback: (newVal) => handleRgb({ r: hc?.r, g: hc?.g, b: newVal }), label: "B", max: 255 })));
+};
+const HSLInputs = () => {
+    const { handleChange, tinyColor, setHc, hc } = context.usePicker();
+    const { s, l } = tinyColor.toHsl();
+    const handleH = (h, s, l) => {
+        const { r, g, b } = tinycolor['default']({ h: h, s: s, l: l }).toRgb();
+        handleChange(`rgba(${r}, ${g}, ${b}, ${hc?.a})`);
+        setHc({ ...hc, h });
+    };
+    const handleSl = (value) => {
+        const { r, g, b } = tinycolor['default'](value).toRgb();
+        handleChange(`rgba(${r}, ${g}, ${b}, ${hc?.a})`);
+    };
+    return (React__default['default'].createElement(React__default['default'].Fragment, null,
+        React__default['default'].createElement(Input, { value: formatters.round(hc?.h), callback: (newVal) => handleH(newVal, s, l), label: "H", max: 360 }),
+        React__default['default'].createElement(Input, { value: formatters.round(s * 100), callback: (newVal) => handleSl({ h: hc?.h, s: newVal, l: l }), label: "S" }),
+        React__default['default'].createElement(Input, { value: formatters.round(l * 100), callback: (newVal) => handleSl({ h: hc?.h, s: s, l: newVal }), label: "L" })));
+};
+const HSVInputs = () => {
+    const { handleChange, setHc, hc } = context.usePicker();
+    const handleH = (h, s, v) => {
+        const { r, g, b } = tinycolor['default']({ h: h, s: s, v: v }).toRgb();
+        handleChange(`rgba(${r}, ${g}, ${b}, ${hc?.a})`);
+        setHc({ ...hc, h });
+    };
+    const handleSV = (value) => {
+        const { r, g, b } = tinycolor['default'](value).toRgb();
+        handleChange(`rgba(${r}, ${g}, ${b}, ${hc?.a})`);
+    };
+    return (React__default['default'].createElement(React__default['default'].Fragment, null,
+        React__default['default'].createElement(Input, { value: formatters.round(hc?.h), callback: (newVal) => handleH(newVal, hc?.s, hc?.v), label: "H", max: 360 }),
+        React__default['default'].createElement(Input, { value: formatters.round(hc?.s * 100), callback: (newVal) => handleSV({ h: hc?.h, s: newVal, v: hc?.v }), label: "S" }),
+        React__default['default'].createElement(Input, { value: formatters.round(hc?.v * 100), callback: (newVal) => handleSV({ h: hc?.h, s: hc?.s, v: newVal }), label: "V" })));
+};
+const CMKYInputs = () => {
+    const { handleChange, hc } = context.usePicker();
+    const { c, m, y, k } = converters.rgb2cmyk(hc?.r, hc?.g, hc?.b);
+    const handleCmyk = (value) => {
+        const { r, g, b } = converters.cmykToRgb(value);
+        handleChange(`rgba(${r}, ${g}, ${b}, ${hc?.a})`);
+    };
+    return (React__default['default'].createElement(React__default['default'].Fragment, null,
+        React__default['default'].createElement(Input, { value: formatters.round(c * 100), callback: (newVal) => handleCmyk({ c: newVal / 100, m: m, y: y, k: k }), label: "C" }),
+        React__default['default'].createElement(Input, { value: formatters.round(m * 100), callback: (newVal) => handleCmyk({ c: c, m: newVal / 100, y: y, k: k }), label: "M" }),
+        React__default['default'].createElement(Input, { value: formatters.round(y * 100), callback: (newVal) => handleCmyk({ c: c, m: m, y: newVal / 100, k: k }), label: "Y" }),
+        React__default['default'].createElement(Input, { value: formatters.round(k * 100), callback: (newVal) => handleCmyk({ c: c, m: m, y: y, k: newVal / 100 }), label: "K" })));
+};
+const Inputs = () => {
+    const { handleChange, inputType, hideOpacity, hc, classes } = context.usePicker();
+    return (React__default['default'].createElement("div", { style: {
+            paddingTop: 14,
+            display: 'flex',
+            justifyContent: 'space-between',
+        }, id: "rbgcp-inputs-wrap", className: classes.rbgcpInputsWrap },
+        inputType !== 'cmyk' && React__default['default'].createElement(HexInput, { opacity: hc?.a }),
+        inputType === 'hsl' && React__default['default'].createElement(HSLInputs, null),
+        inputType === 'rgb' && React__default['default'].createElement(RGBInputs, null),
+        inputType === 'hsv' && React__default['default'].createElement(HSVInputs, null),
+        inputType === 'cmyk' && React__default['default'].createElement(CMKYInputs, null),
+        !hideOpacity && (React__default['default'].createElement(Input, { value: Math.round(hc?.a * 100), callback: (newVal) => handleChange(`rgba(${hc?.r}, ${hc?.g}, ${hc?.b}, ${newVal / 100})`), label: "A" }))));
+};
+
+exports.default = Inputs;
+//# sourceMappingURL=Inputs.js.map

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

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

@@ -0,0 +1,62 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var utils = require('../utils/utils.js');
+var context = require('../context.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const Opacity = () => {
+    const { handleChange, hc = {}, squareWidth, classes } = context.usePicker();
+    const [dragging, setDragging] = React.useState(false);
+    const { r, g, b } = hc;
+    const bg = `linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(${r},${g},${b},.5) 100%)`;
+    const stopDragging = () => {
+        setDragging(false);
+    };
+    const handleDown = () => {
+        setDragging(true);
+    };
+    const handleOpacity = (e) => {
+        const newO = utils.getHandleValue(e) / 100;
+        const newColor = `rgba(${r}, ${g}, ${b}, ${newO})`;
+        handleChange(newColor);
+    };
+    const handleMove = (e) => {
+        if (dragging) {
+            handleOpacity(e);
+        }
+    };
+    const handleClick = (e) => {
+        if (!dragging) {
+            handleOpacity(e);
+        }
+    };
+    const left = squareWidth - 18;
+    React.useEffect(() => {
+        const handleUp = () => {
+            stopDragging();
+        };
+        window.addEventListener('mouseup', handleUp);
+        return () => {
+            window.removeEventListener('mouseup', handleUp);
+        };
+    }, []);
+    return (React__default['default'].createElement("div", { onMouseDown: handleDown, onMouseMove: (e) => handleMove(e), style: {
+            height: 14,
+            marginTop: 17,
+            marginBottom: 4,
+            cursor: 'ew-resize',
+            position: 'relative',
+        } },
+        React__default['default'].createElement("div", { style: { width: '100%', height: 14 }, className: classes.rbgcpCheckered }),
+        React__default['default'].createElement("div", { style: { left: left * hc?.a, top: -2 }, className: classes.rbgcpHandle }),
+        React__default['default'].createElement("div", { style: { background: bg }, onClick: (e) => handleClick(e), className: classes.rbgcpOpacityOverlay })));
+};
+
+exports.default = Opacity;
+//# sourceMappingURL=Opacity.js.map

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

@@ -0,0 +1,32 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var context = require('../context.js');
+var Hue = require('./Hue.js');
+var Inputs = require('./Inputs.js');
+var Square = require('./Square.js');
+var Opacity = require('./Opacity.js');
+var Presets = require('./Presets.js');
+var Controls = require('./Controls.js');
+var GradientBar = require('./GradientBar.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const Picker = ({ locales, presets, hideHue, hideInputs, hidePresets, hideOpacity, hideEyeDrop, hideControls, hideInputType, hideColorGuide, hideGradientType, hideGradientStop, hideGradientAngle, hideColorTypeBtns, hideAdvancedSliders, hideGradientControls, }) => {
+    const { isGradient } = context.usePicker();
+    return (React__default['default'].createElement("div", { style: { userSelect: 'none' }, id: "rbgcp-wrapper" },
+        React__default['default'].createElement(Square['default'], null),
+        !hideControls && (React__default['default'].createElement(Controls['default'], { locales: locales, hideEyeDrop: hideEyeDrop, hideInputType: hideInputType, hideColorGuide: hideColorGuide, hideGradientType: hideGradientType, hideGradientStop: hideGradientStop, hideColorTypeBtns: hideColorTypeBtns, hideGradientAngle: hideGradientAngle, hideAdvancedSliders: hideAdvancedSliders, hideGradientControls: hideGradientControls })),
+        isGradient && React__default['default'].createElement(GradientBar['default'], null),
+        !hideHue && React__default['default'].createElement(Hue['default'], null),
+        !hideOpacity && React__default['default'].createElement(Opacity['default'], null),
+        !hideInputs && React__default['default'].createElement(Inputs['default'], null),
+        !hidePresets && React__default['default'].createElement(Presets['default'], { presets: presets })));
+};
+
+exports.default = Picker;
+//# sourceMappingURL=Picker.js.map

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

@@ -0,0 +1,30 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var reactDom = require('react-dom');
+
+const Portal = ({ children }) => {
+    const id = 'id' + Math.random().toString(16).slice(2);
+    const el = React.useRef(document.getElementById(id) || document.createElement('div'));
+    const [dynamic] = React.useState(!el.current.parentElement);
+    React.useEffect(() => {
+        const refValue = el.current;
+        if (dynamic) {
+            el.current.id = id;
+            document.body.appendChild(el.current);
+        }
+        return () => {
+            if (dynamic && refValue.parentElement) {
+                refValue.parentElement.removeChild(refValue);
+            }
+        };
+        //eslint-disable-next-line
+    }, [id]);
+    return reactDom.createPortal(children, el.current);
+};
+var Portal$1 = React.memo(Portal);
+
+exports.default = Portal$1;
+//# sourceMappingURL=Portal.js.map

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

@@ -0,0 +1,59 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var constants = require('../constants.js');
+var context = require('../context.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const Presets = ({ presets = [] }) => {
+    const { value, onChange, handleChange, squareWidth } = context.usePicker();
+    const getPresets = () => {
+        if (presets?.length > 0) {
+            return presets?.slice(0, 18);
+        }
+        else {
+            return constants.fakePresets;
+        }
+    };
+    const handlePresetClick = (preset) => {
+        if (preset?.includes('gradient')) {
+            onChange(preset);
+        }
+        else {
+            handleChange(preset);
+        }
+    };
+    return (React__default['default'].createElement("div", { style: {
+            display: 'flex',
+            marginTop: 14,
+            justifyContent: 'space-between',
+        } },
+        React__default['default'].createElement("div", { style: {
+                width: 50,
+                height: 50,
+                background: value,
+                borderRadius: 6,
+                flexShrink: 0,
+            } }),
+        React__default['default'].createElement("div", { style: {
+                display: 'flex',
+                flexWrap: 'wrap',
+                width: squareWidth - 66,
+                justifyContent: 'space-between',
+            } }, getPresets().map((p, key) => (React__default['default'].createElement("div", { key: `${p}-${key}`, style: {
+                height: 23,
+                width: '10.2%',
+                borderRadius: 4,
+                background: p,
+                marginBottom: 2,
+                border: p === 'rgba(255,255,255, 1)' ? '1px solid #96959c' : '',
+            }, onClick: () => handlePresetClick(p) }))))));
+};
+
+exports.default = Presets;
+//# sourceMappingURL=Presets.js.map

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

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

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

@@ -0,0 +1,91 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var constants = require('../constants.js');
+var tinycolor = require('../../../external/tinycolor2/tinycolor.js');
+var utils = require('../utils/utils.js');
+var context = require('../context.js');
+var usePaintSquare = require('../hooks/usePaintSquare.js');
+var index = require('../../../../lodash.throttle/index.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const { crossSize } = constants.config;
+const Square = () => {
+    const { hc, classes, squareWidth, squareHeight, handleChange } = context.usePicker();
+    const [dragging, setDragging] = React.useState(false);
+    const canvas = React.useRef(null);
+    const [x, y] = utils.computeSquareXY(hc?.s, hc?.v * 100, squareWidth, squareHeight);
+    const [dragPos, setDragPos] = React.useState({ x, y });
+    usePaintSquare['default'](canvas, hc?.h, squareWidth, squareHeight);
+    React.useEffect(() => {
+        if (!dragging) {
+            setDragPos({ x: hc?.v === 0 ? dragPos.x : x, y });
+        }
+    }, [x, y]);
+    const handleColor = (e) => {
+        const onMouseMove = index['default'](() => {
+            const [x, y] = utils.computePickerPosition(e);
+            if (x && y) {
+                const x1 = Math.min(x + crossSize / 2, squareWidth - 1);
+                const y1 = Math.min(y + crossSize / 2, squareHeight - 1);
+                const newS = (x1 / squareWidth) * 100;
+                const newY = 100 - (y1 / squareHeight) * 100;
+                setDragPos({ x: newY === 0 ? dragPos?.x : x, y });
+                const updated = tinycolor['default'](`hsva(${hc?.h}, ${newS}%, ${newY}%, ${hc?.a})`);
+                handleChange(updated.toRgbString());
+            }
+        }, 250);
+        onMouseMove();
+    };
+    const stopDragging = () => {
+        setDragging(false);
+    };
+    const handleMove = (e) => {
+        if (dragging) {
+            handleColor(e);
+        }
+    };
+    // const handleTouchMove = (e: any) => {
+    //   if (dragging && isMobile) {
+    //     document.body.style.overflow = 'hidden'
+    //     handleColor(e)
+    //   }
+    // }
+    const handleClick = (e) => {
+        if (!dragging) {
+            handleColor(e);
+        }
+    };
+    const handleMouseDown = () => {
+        setDragging(true);
+    };
+    const handleCanvasDown = (e) => {
+        setDragging(true);
+        handleColor(e);
+    };
+    React.useEffect(() => {
+        const handleUp = () => {
+            stopDragging();
+        };
+        window.addEventListener('mouseup', handleUp);
+        return () => {
+            window.removeEventListener('mouseup', handleUp);
+        };
+    }, []);
+    return (React__default['default'].createElement("div", { style: { position: 'relative' } },
+        React__default['default'].createElement("div", { onMouseUp: stopDragging, onTouchEnd: stopDragging, onMouseDown: handleCanvasDown, onTouchStart: handleCanvasDown, onMouseMove: (e) => handleMove(e), style: { position: 'relative', cursor: 'ew-cross' } },
+            React__default['default'].createElement("div", { className: classes.rbgcpHandle, style: {
+                    left: dragPos?.x,
+                    top: dragPos?.y,
+                }, onMouseDown: handleMouseDown, role: "button", tabIndex: 0 }),
+            React__default['default'].createElement("div", { className: classes.rbgcpCanvasWrapper, style: { height: squareHeight }, onClick: (e) => handleClick(e) },
+                React__default['default'].createElement("canvas", { ref: canvas, id: "paintSquare", width: `${squareWidth}px`, height: `${squareHeight}px` })))));
+};
+
+exports.default = Square;
+//# sourceMappingURL=Square.js.map

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

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

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

@@ -0,0 +1,126 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var context = require('../context.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const TrashIcon = () => {
+    const { classes } = context.usePicker();
+    const styles = {
+        fill: 'none',
+        strokeWidth: '1.8px',
+    };
+    return (React__default['default'].createElement("svg", { id: "Layer_1", "data-name": "Layer 1", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", style: { width: 15 } },
+        React__default['default'].createElement("polyline", { style: styles, strokeLinecap: "round", strokeLinejoin: "round", className: classes.rbgcpControlIcon, points: "17.96 4.31 2.04 4.3 3.75 4.3 4.81 17.29 5.16 17.96 5.74 18.47 6.59 18.62 13.64 18.62 14.52 18.32 15.07 17.68 15.29 17.12 16.28 4.3 12.87 4.3 12.87 2.38 12.48 1.75 11.83 1.46 8.4 1.46 7.64 1.68 7.26 2.21 7.16 2.52 7.17 4.23" })));
+};
+const LinearIcon = ({ color }) => {
+    const { classes } = context.usePicker();
+    const col = color || '';
+    const styles = {
+        fill: 'none',
+        stroke: col,
+        strokeWidth: '1.8px',
+    };
+    return (React__default['default'].createElement("svg", { id: "Layer_1", "data-name": "Layer 1", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", style: { width: 14 } },
+        React__default['default'].createElement("polyline", { style: styles, strokeLinecap: "round", strokeLinejoin: "round", className: classes.rbgcpControlIcon, points: "0.9 12.73 0.9 19.1 7.27 19.1 0.9 19.1 19.1 0.9 12.73 0.9 19.1 0.9 19.1 7.27" })));
+};
+const RadialIcon = ({ color }) => {
+    const { classes } = context.usePicker();
+    const col = color || '';
+    const styles = {
+        fill: 'none',
+        stroke: col,
+        strokeMiterlimit: 10,
+        strokeWidth: '1.8px',
+    };
+    return (React__default['default'].createElement("svg", { id: "Layer_1", "data-name": "Layer 1", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", style: { width: 15 } },
+        React__default['default'].createElement("circle", { style: styles, className: classes.rbgcpControlIcon, cx: "10", cy: "10", r: "9" }),
+        React__default['default'].createElement("circle", { style: styles, className: classes.rbgcpControlIcon, cx: "10", cy: "10", r: "5" })));
+};
+const SlidersIcon = ({ color }) => {
+    const { classes } = context.usePicker();
+    const col = color || '';
+    const style1 = {
+        fill: 'none',
+        stroke: col,
+        strokeWidth: '1.8px',
+    };
+    const style2 = {
+        fill: col,
+        stroke: col,
+        strokeWidth: '1.8px',
+    };
+    return (React__default['default'].createElement("svg", { id: "Layer_1", "data-name": "Layer 1", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", style: { width: 17 } },
+        React__default['default'].createElement("polyline", { style: style1, fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round", className: classes.rbgcpControlIcon, points: "3.74 2.75 3.74 12.69 0.9 12.71 6.59 12.71" }),
+        React__default['default'].createElement("line", { style: style2, strokeLinecap: "round", strokeLinejoin: "round", className: classes.rbgcpControlIcon, x1: "3.74", y1: "17.26", x2: "3.74", y2: "15.21" }),
+        React__default['default'].createElement("polyline", { style: style1, fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round", className: classes.rbgcpControlIcon, points: "10.1 17.25 10.1 7.31 12.95 7.29 7.26 7.29" }),
+        React__default['default'].createElement("line", { style: style2, strokeLinecap: "round", strokeLinejoin: "round", className: classes.rbgcpControlIcon, x1: "10.1", y1: "2.74", x2: "10.1", y2: "4.79" }),
+        React__default['default'].createElement("polyline", { style: style1, fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round", className: classes.rbgcpControlIcon, points: "16.26 2.75 16.26 12.69 13.41 12.71 19.1 12.71" }),
+        React__default['default'].createElement("line", { style: style2, strokeLinecap: "round", strokeLinejoin: "round", className: classes.rbgcpControlIcon, x1: "16.26", y1: "17.26", x2: "16.26", y2: "15.21" })));
+};
+const InputsIcon = ({ color }) => {
+    const { classes } = context.usePicker();
+    const col = color || '';
+    const style1 = {
+        fill: 'none',
+        stroke: col,
+        strokeWidth: '1.8px',
+    };
+    return (React__default['default'].createElement("svg", { id: "Layer_1", "data-name": "Layer 1", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", style: { width: 17 } },
+        React__default['default'].createElement("path", { style: style1, strokeLinecap: "round", strokeLinejoin: "round", className: classes.rbgcpControlIcon, d: "M6.35,2.72a4.85,4.85,0,0,1,1.86.16,7.94,7.94,0,0,1,.88.43,3.66,3.66,0,0,0,.85.49c.25,0,.58-.27.81-.39A8.25,8.25,0,0,1,11.7,3a4,4,0,0,1,1.79-.23,3.21,3.21,0,0,0-1.34.09,6.39,6.39,0,0,0-1.47.63c-.45.25-.7.3-.7.86s0,1.18,0,1.78c0,1.3,0,2.61,0,3.92h0v5.63a2.46,2.46,0,0,1,0,.47c-.07.28-.43.42-.7.57a5.29,5.29,0,0,1-2.94.61A9.3,9.3,0,0,0,8,17.15l1.09-.37.89-.52c.06,0,.48.21.56.25.32.14.64.27,1,.38a8.54,8.54,0,0,0,2.12.4" }),
+        React__default['default'].createElement("path", { style: style1, strokeLinecap: "round", strokeLinejoin: "round", className: classes.rbgcpControlIcon, d: "M7.57,5.73C6,5.7,4.5,5.65,3,5.77a2.28,2.28,0,0,0-1.76.74A2.3,2.3,0,0,0,.94,7.83l0,3.82A4.73,4.73,0,0,0,1,12.9a1.64,1.64,0,0,0,.68,1,2.44,2.44,0,0,0,1,.27,25,25,0,0,0,4.74.09" }),
+        React__default['default'].createElement("path", { style: style1, strokeLinecap: "round", strokeLinejoin: "round", className: classes.rbgcpControlIcon, d: "M12.43,14.32a44.12,44.12,0,0,0,4.6,0,2.24,2.24,0,0,0,1.76-.74,2.29,2.29,0,0,0,.27-1.32l0-3.81A4.81,4.81,0,0,0,19,7.15a1.62,1.62,0,0,0-.68-1,2.31,2.31,0,0,0-1-.28,26.8,26.8,0,0,0-4.74-.09" })));
+};
+const PaletteIcon = ({ color }) => {
+    const { classes } = context.usePicker();
+    const col = color || '';
+    const style1 = { fill: col };
+    const style2 = {
+        fill: col,
+        stroke: col,
+        strokeMiterlimit: 10,
+        strokeWidth: '0.5px',
+    };
+    return (React__default['default'].createElement("svg", { id: "Layer_1", "data-name": "Layer 1", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", style: { width: 17 } },
+        React__default['default'].createElement("circle", { style: style1, className: classes.rbgcpControlIcon2, cx: "9.36", cy: "5.07", r: "1.71" }),
+        React__default['default'].createElement("circle", { style: style1, className: classes.rbgcpControlIcon2, cx: "13.93", cy: "6.91", r: "1.71" }),
+        React__default['default'].createElement("circle", { style: style1, className: classes.rbgcpControlIcon2, cx: "5.8", cy: "7.55", r: "1.71" }),
+        React__default['default'].createElement("circle", { style: style1, className: classes.rbgcpControlIcon2, cx: "5.45", cy: "12.04", r: "1.71" }),
+        React__default['default'].createElement("path", { style: style2, className: `${classes.rbgcpControlIcon1} ${classes.rbgcpControlIcon2}`, d: "M19.1,10c0,3.58-2.12,2.94-4.06,2.35-1.15-.34-2.24-.67-2.77-.08-.68.78-.54,2.07-.39,3.33.2,1.79.39,3.5-1.88,3.5A9.1,9.1,0,1,1,19.1,10ZM10,18c.7,0,.74-.19.75-.2a2.67,2.67,0,0,0,.07-1.27c0-.19,0-.42-.06-.67-.06-.53-.13-1.15-.14-1.67a3.82,3.82,0,0,1,.8-2.63,2.14,2.14,0,0,1,1.45-.7,4.36,4.36,0,0,1,1.32.12c.39.08.8.21,1.16.32h0c.39.12.74.23,1.08.3.74.17,1,.1,1.13,0S18,11.32,18,10a8,8,0,1,0-8,8Z" })));
+};
+const DegreesIcon = ({ color }) => {
+    const { classes } = context.usePicker();
+    const col = color || '';
+    const style2 = {
+        fill: 'none',
+        stroke: col,
+        strokeMiterlimit: 10,
+        strokeWidth: '1.8px',
+    };
+    return (React__default['default'].createElement("svg", { id: "Layer_1", "data-name": "Layer 1", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", style: { width: 15 } },
+        React__default['default'].createElement("polyline", { style: style2, strokeLinecap: "round", className: classes.rbgcpControlIcon, points: "13.86 2.01 1.7 16.99 18.77 16.99" }),
+        React__default['default'].createElement("polyline", { style: style2, strokeLinecap: "round", className: classes.rbgcpControlIcon, points: "10.96 16.38 10.96 16.38 10.74 15.7 10.44 14.97 10.06 14.21 9.72 13.63 9.21 12.89 8.85 12.44 8.41 11.95 7.91 11.45 7.51 11.1" })));
+};
+const StopIcon = () => {
+    const { classes } = context.usePicker();
+    return (React__default['default'].createElement("svg", { id: "Layer_1", "data-name": "Layer 1", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", style: { width: 20, marginRight: 1 } },
+        React__default['default'].createElement("path", { className: classes.rbgcpControlIcon2, d: "M2.39,8c-.63,0-1,.21-1,.63A.49.49,0,0,0,1.67,9a6.48,6.48,0,0,0,1.11.43A3,3,0,0,1,4,10.09a1.47,1.47,0,0,1,.35,1.09,1.75,1.75,0,0,1-.57,1.42,2.21,2.21,0,0,1-1.48.48,8.32,8.32,0,0,1-1.68-.21l-.31-.06.12-.94a13.7,13.7,0,0,0,1.8.16c.61,0,.92-.26.92-.77a.52.52,0,0,0-.21-.44,3.13,3.13,0,0,0-.85-.34A3.32,3.32,0,0,1,.66,9.79a1.43,1.43,0,0,1-.42-1.1A1.6,1.6,0,0,1,.78,7.36a2.32,2.32,0,0,1,1.49-.44,10.46,10.46,0,0,1,1.64.17l.32.07-.1.95C3.31,8,2.73,8,2.39,8Z" }),
+        React__default['default'].createElement("path", { className: classes.rbgcpControlIcon2, d: "M4.79,8.09V7H9.16V8.09H7.59V13H6.38V8.09Z" }),
+        React__default['default'].createElement("path", { className: classes.rbgcpControlIcon2, d: "M14,12.34a2.25,2.25,0,0,1-1.91.74,2.24,2.24,0,0,1-1.91-.74A3.85,3.85,0,0,1,9.61,10a4,4,0,0,1,.56-2.34,2.2,2.2,0,0,1,1.91-.77A2.21,2.21,0,0,1,14,7.69,4,4,0,0,1,14.55,10,3.85,3.85,0,0,1,14,12.34Zm-2.88-.77a1,1,0,0,0,1,.46,1,1,0,0,0,1-.46A3.25,3.25,0,0,0,13.3,10,3.45,3.45,0,0,0,13,8.46a1,1,0,0,0-1-.49,1,1,0,0,0-1,.49A3.43,3.43,0,0,0,10.85,10,3.38,3.38,0,0,0,11.11,11.57Z" }),
+        React__default['default'].createElement("path", { className: classes.rbgcpControlIcon2, d: "M17.77,11.24h-1V13H15.58V7h2.19a1.85,1.85,0,0,1,2.11,2.07,2.21,2.21,0,0,1-.54,1.6A2.07,2.07,0,0,1,17.77,11.24Zm-1-1h1c.6,0,.9-.37.9-1.12a1.18,1.18,0,0,0-.22-.79.88.88,0,0,0-.68-.24h-1Z" })));
+};
+
+exports.DegreesIcon = DegreesIcon;
+exports.InputsIcon = InputsIcon;
+exports.LinearIcon = LinearIcon;
+exports.PaletteIcon = PaletteIcon;
+exports.RadialIcon = RadialIcon;
+exports.SlidersIcon = SlidersIcon;
+exports.StopIcon = StopIcon;
+exports.default = TrashIcon;
+//# sourceMappingURL=icon.js.map

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

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

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

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var constants = require('../constants.js');
+var utils = require('../utils/utils.js');
+var context = require('../context.js');
+var Picker = require('./Picker.js');
+var core_module = require('../core.module.css.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+function ColorPicker({ value = 'rgba(175, 51, 242, 1)', onChange, hideControls = false, hideInputs = false, hideOpacity = false, hidePresets = false, hideHue = false, presets = [], hideEyeDrop = false, hideAdvancedSliders = false, hideColorGuide = false, hideInputType = false, hideColorTypeBtns = false, hideGradientType = false, hideGradientAngle = false, hideGradientStop = false, hideGradientControls = false, locales = constants.defaultLocales, width = 294, height = 294, style = {}, className, }) {
+    const safeValue = utils.objectToString(value);
+    const contRef = React.useRef(null);
+    return (React__default['default'].createElement("div", { ref: contRef, className: className, style: { ...style, width: width } },
+        React__default['default'].createElement(context['default'], { value: safeValue, classes: core_module['default'], onChange: onChange, squareWidth: width, squareHeight: height, hideOpacity: hideOpacity },
+            React__default['default'].createElement(Picker['default'], { hideControls: hideControls, hideInputs: hideInputs, hidePresets: hidePresets, hideOpacity: hideOpacity, hideHue: hideHue, presets: presets, hideEyeDrop: hideEyeDrop, hideAdvancedSliders: hideAdvancedSliders, hideColorGuide: hideColorGuide, hideInputType: hideInputType, hideColorTypeBtns: hideColorTypeBtns, hideGradientType: hideGradientType, hideGradientAngle: hideGradientAngle, hideGradientStop: hideGradientStop, hideGradientControls: hideGradientControls, locales: locales }))));
+}
+
+exports.ColorPicker = ColorPicker;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,43 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const config = {
+    barSize: 18,
+    crossSize: 18,
+    inputSize: 40,
+    delay: 150,
+    defaultColor: 'rgba(175, 51, 242, 1)',
+    defaultGradient: 'linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%)',
+};
+const defaultLocales = {
+    CONTROLS: {
+        SOLID: 'Solid',
+        GRADIENT: 'Gradient',
+    },
+};
+const fakePresets = [
+    'rgba(0,0,0,1)',
+    'rgba(128,128,128, 1)',
+    'rgba(192,192,192, 1)',
+    'rgba(255,255,255, 1)',
+    'rgba(0,0,128,1)',
+    'rgba(0,0,255,1)',
+    'rgba(0,255,255, 1)',
+    'rgba(0,128,0,1)',
+    'rgba(128,128,0, 1)',
+    'rgba(0,128,128,1)',
+    'rgba(0,255,0, 1)',
+    'rgba(128,0,0, 1)',
+    'rgba(128,0,128, 1)',
+    'rgba(175, 51, 242, 1)',
+    'rgba(255,0,255, 1)',
+    'rgba(255,0,0, 1)',
+    'rgba(240, 103, 46, 1)',
+    'rgba(255,255,0, 1)',
+];
+
+exports.config = config;
+exports.defaultLocales = defaultLocales;
+exports.fakePresets = fakePresets;
+//# sourceMappingURL=constants.js.map