react-science 0.19.1

package/lib-esm/components/color-picker/react-color/common/EditableInput.js

@@ -0,0 +1,101 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useRef, useCallback, useEffect } from 'react';
+const DEFAULT_ARROW_OFFSET = 1;
+const UP_KEY_CODE = 38;
+const DOWN_KEY_CODE = 40;
+const VALID_KEY_CODES = new Set([UP_KEY_CODE, DOWN_KEY_CODE]);
+const isValidKeyCode = (keyCode) => VALID_KEY_CODES.has(keyCode);
+const getNumberValue = (value) => Number(String(value).replace(/%/g, ''));
+let idCounter = 1;
+const styles = {
+    wrap: {
+        position: 'relative',
+    },
+};
+const EditableInput = (props) => {
+    const [state, setState] = useState({
+        value: String(props.value).toUpperCase(),
+        blurValue: String(props.value).toUpperCase(),
+    });
+    const inputRef = useRef();
+    const valueRef = useRef(props.value);
+    const inputId = useRef(`rc-editable-input-${idCounter++}`).current;
+    useEffect(() => {
+        valueRef.current = props.value;
+        if (inputRef.current === document.activeElement) {
+            setState({ blurValue: String(props.value).toUpperCase() });
+        }
+        else {
+            setState((prevState) => ({
+                value: String(props.value).toUpperCase(),
+                blurValue: !prevState.blurValue && String(props.value).toUpperCase(),
+            }));
+        }
+    }, [props.value]);
+    const getValueObjectWithLabel = useCallback((value) => {
+        return {
+            [props.label]: value,
+        };
+    }, [props.label]);
+    const handleBlur = useCallback(() => {
+        if (state.blurValue) {
+            setState({ value: state.blurValue, blurValue: null });
+        }
+    }, [state.blurValue]);
+    const setUpdatedValue = useCallback((value, e) => {
+        const onChangeValue = props.label
+            ? getValueObjectWithLabel(value)
+            : value;
+        if (props.onChange) {
+            props.onChange(onChangeValue, e);
+        }
+        setState({ value });
+    }, [getValueObjectWithLabel, props]);
+    const handleChange = useCallback((e) => {
+        setUpdatedValue(e.target.value, e);
+    }, [setUpdatedValue]);
+    const handleKeyDown = useCallback((e) => {
+        // In case `e.target.value` is a percentage remove the `%` character
+        // and update accordingly with a percentage
+        // https://github.com/casesandberg/react-color/issues/383
+        const value = getNumberValue(e.target.value);
+        const offset = props.arrowOffset || DEFAULT_ARROW_OFFSET;
+        if (!Number.isNaN(value) && isValidKeyCode(e.keyCode)) {
+            const updatedValue = e.keyCode === UP_KEY_CODE ? value + offset : value - offset;
+            setUpdatedValue(updatedValue, e);
+        }
+    }, [props.arrowOffset, setUpdatedValue]);
+    const handleDrag = useCallback((e) => {
+        if (props.dragLabel) {
+            const newValue = Math.round(valueRef.current + e.movementX);
+            if (newValue >= 0 && newValue <= props.dragMax) {
+                valueRef.current = newValue;
+                if (props.onChange) {
+                    props.onChange(getValueObjectWithLabel(newValue), e);
+                }
+            }
+        }
+    }, [props, getValueObjectWithLabel]);
+    const handleMouseDown = useCallback((e) => {
+        function mouseUp() {
+            window.removeEventListener('mousemove', handleDrag);
+            window.removeEventListener('mouseup', mouseUp);
+        }
+        if (props.dragLabel) {
+            e.preventDefault();
+            handleDrag(e);
+            window.addEventListener('mousemove', handleDrag);
+            window.addEventListener('mouseup', mouseUp);
+        }
+    }, [handleDrag, props.dragLabel]);
+    const { wrap = {}, input = {}, label = {} } = props.style || {};
+    return (_jsxs("div", { style: { ...styles.wrap, ...wrap }, children: [_jsx("input", { id: inputId, style: input, ref: inputRef, value: state.value, onKeyDown: handleKeyDown, onChange: handleChange, onBlur: handleBlur, placeholder: props.placeholder, spellCheck: "false" }), props.label && !props.hideLabel ? (_jsx("label", { htmlFor: inputId, style: {
+                    ...label,
+                    ...(props.dragLabel === 'true' && {
+                        cursor: 'ew-resize',
+                        userSelect: 'none',
+                    }),
+                }, onMouseDown: handleMouseDown, children: props.label })) : null] }));
+};
+export default EditableInput;
+//# sourceMappingURL=EditableInput.js.map

package/lib-esm/components/color-picker/react-color/common/EditableInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditableInput.js","sourceRoot":"","sources":["../../../../../src/components/color-picker/react-color/common/EditableInput.jsx"],"names":[],"mappings":"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"}

package/lib-esm/components/color-picker/react-color/common/Hue.d.ts

@@ -0,0 +1,3 @@
+export default Hue;
+declare function Hue(props: any): JSX.Element;
+//# sourceMappingURL=Hue.d.ts.map

package/lib-esm/components/color-picker/react-color/common/Hue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Hue.d.ts","sourceRoot":"","sources":["../../../../../src/components/color-picker/react-color/common/Hue.jsx"],"names":[],"mappings":";AAyDA,8CA0CC"}

package/lib-esm/components/color-picker/react-color/common/Hue.js

@@ -0,0 +1,66 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useRef } from 'react';
+import * as hue from '../helpers/hue';
+import { useOnChange } from './useOnChange';
+const styles = {
+    hue: (borderRadius, boxShadow) => ({
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        borderRadius,
+        boxShadow,
+    }),
+    container: (direction, borderRadius) => {
+        let gradientDirection = 'right';
+        if (direction === 'vertical') {
+            gradientDirection = 'bottom';
+        }
+        return {
+            padding: '0 2px',
+            position: 'relative',
+            height: '100%',
+            borderRadius,
+            background: `linear-gradient(to ${gradientDirection}, #f00 0%, #ff0 17%, #0f0
+      33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%)`,
+        };
+    },
+    pointer: (direction, hsl) => {
+        if (direction === 'vertical') {
+            return {
+                position: 'absolute',
+                left: 0,
+                top: `${-((hsl.h * 100) / 360) + 100}%`,
+            };
+        }
+        return {
+            position: 'absolute',
+            left: `${(hsl.h * 100) / 360}%`,
+        };
+    },
+    slider: {
+        marginTop: '1px',
+        width: '4px',
+        borderRadius: '1px',
+        height: '8px',
+        boxShadow: '0 0 2px rgba(0, 0, 0, .6)',
+        background: '#fff',
+        transform: 'translateX(-2px)',
+    },
+};
+const Hue = (props) => {
+    const containerRef = useRef();
+    const handleChange = useCallback((e) => {
+        const change = hue.calculateChange(e, props.direction, props.hsl, containerRef.current);
+        if (change && typeof props.onChange === 'function') {
+            props.onChange(change, e);
+        }
+    }, [props]);
+    const handleMouseDown = useOnChange(handleChange);
+    const { direction = 'horizontal', hsl, style, pointer } = props;
+    const { borderRadius, boxShadow } = style;
+    return (_jsx("div", { style: styles.hue(borderRadius, boxShadow), children: _jsx("div", { style: styles.container(direction, borderRadius), ref: containerRef, onMouseDown: handleMouseDown, onTouchMove: handleChange, onTouchStart: handleChange, children: _jsx("div", { style: styles.pointer(direction, hsl), children: pointer ? (_jsx(props.pointer, { ...props })) : (_jsx("div", { style: styles.slider })) }) }) }));
+};
+export default Hue;
+//# sourceMappingURL=Hue.js.map

package/lib-esm/components/color-picker/react-color/common/Hue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Hue.js","sourceRoot":"","sources":["../../../../../src/components/color-picker/react-color/common/Hue.jsx"],"names":[],"mappings":"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"}

package/lib-esm/components/color-picker/react-color/common/Saturation.d.ts

@@ -0,0 +1,3 @@
+export default Saturation;
+declare function Saturation(props: any): JSX.Element;
+//# sourceMappingURL=Saturation.d.ts.map

package/lib-esm/components/color-picker/react-color/common/Saturation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Saturation.d.ts","sourceRoot":"","sources":["../../../../../src/components/color-picker/react-color/common/Saturation.jsx"],"names":[],"mappings":";AAmDA,qDA8CC"}

package/lib-esm/components/color-picker/react-color/common/Saturation.js

@@ -0,0 +1,64 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import lodashThrottle from 'lodash/throttle';
+import { useCallback, useRef } from 'react';
+import * as saturation from '../helpers/saturation';
+import { useOnChange } from './useOnChange';
+const styles = {
+    color: (hsl) => ({
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        background: `hsl(${hsl.h},100%, 50%)`,
+        userDraggle: 'none',
+        userSelect: 'none',
+    }),
+    white: () => ({
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        background: `linear-gradient(to right, #fff, rgba(255,255,255,0))`,
+    }),
+    black: () => ({
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        background: `linear-gradient(to top, #000, rgba(0,0,0,0))`,
+    }),
+    pointer: (hsv) => ({
+        position: 'absolute',
+        top: `${-(hsv.v * 100) + 100}%`,
+        left: `${hsv.s * 100}%`,
+        cursor: 'default',
+    }),
+    circle: {
+        width: '4px',
+        height: '4px',
+        boxShadow: `0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0,0,0,.3),
+          0 0 1px 2px rgba(0,0,0,.4)`,
+        borderRadius: '50%',
+        cursor: 'hand',
+        transform: 'translate(-2px, -2px)',
+    },
+};
+const Saturation = (props) => {
+    const { onChange, hsl, hsv, pointer } = props;
+    const throttle = useRef(lodashThrottle((fn, data, e) => {
+        fn(data, e);
+    }, 50)).current;
+    const containerRef = useRef();
+    const handleChange = useCallback((e) => {
+        if (onChange && typeof onChange === 'function') {
+            throttle(onChange, saturation.calculateChange(e, hsl, containerRef.current), e);
+        }
+    }, [hsl, onChange, throttle]);
+    const handleMouseDown = useOnChange(handleChange);
+    return (_jsx("div", { style: styles.color(hsl), ref: containerRef, onMouseDown: handleMouseDown, onTouchMove: handleChange, onTouchStart: handleChange, children: _jsxs("div", { style: styles.white(), children: [_jsx("div", { style: styles.black() }), _jsx("div", { style: styles.pointer(hsv), children: pointer ? (_jsx(props.pointer, { ...props })) : (_jsx("div", { style: styles.circle })) })] }) }));
+};
+export default Saturation;
+//# sourceMappingURL=Saturation.js.map

package/lib-esm/components/color-picker/react-color/common/Saturation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Saturation.js","sourceRoot":"","sources":["../../../../../src/components/color-picker/react-color/common/Saturation.jsx"],"names":[],"mappings":"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"}

package/lib-esm/components/color-picker/react-color/common/Swatch.d.ts

@@ -0,0 +1,69 @@
+export function Swatch({ color, style, onClick, onHover, title, children, focus, focusStyle, }: {
+    color: any;
+    style: any;
+    onClick: any;
+    onHover: any;
+    title?: any;
+    children: any;
+    focus: any;
+    focusStyle?: {} | undefined;
+}): JSX.Element;
+declare const _default: {
+    new (props: any): {
+        state: {
+            focus: boolean;
+        };
+        handleFocus: () => void;
+        handleBlur: () => void;
+        render(): JSX.Element;
+        context: unknown;
+        setState<K extends string | number | symbol>(state: any, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<any>;
+        refs: {
+            [key: string]: import("react").ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<any>, nextState: Readonly<any>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<any>, prevState: Readonly<any>): any;
+        componentDidUpdate?(prevProps: Readonly<any>, prevState: Readonly<any>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<any>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<any>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<any>, nextState: Readonly<any>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<any>, nextState: Readonly<any>, nextContext: any): void;
+    };
+    new (props: any, context: any): {
+        state: {
+            focus: boolean;
+        };
+        handleFocus: () => void;
+        handleBlur: () => void;
+        render(): JSX.Element;
+        context: unknown;
+        setState<K extends string | number | symbol>(state: any, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<any>;
+        refs: {
+            [key: string]: import("react").ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<any>, nextState: Readonly<any>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<any>, prevState: Readonly<any>): any;
+        componentDidUpdate?(prevProps: Readonly<any>, prevState: Readonly<any>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<any>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<any>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<any>, nextState: Readonly<any>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<any>, nextState: Readonly<any>, nextContext: any): void;
+    };
+    contextType?: import("react").Context<any> | undefined;
+};
+export default _default;
+//# sourceMappingURL=Swatch.d.ts.map

package/lib-esm/components/color-picker/react-color/common/Swatch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Swatch.d.ts","sourceRoot":"","sources":["../../../../../src/components/color-picker/react-color/common/Swatch.jsx"],"names":[],"mappings":"AAuBO;;;;;;;;;gBAmDN"}

package/lib-esm/components/color-picker/react-color/common/Swatch.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback } from 'react';
+import CheckBoard from './CheckBoard';
+import { handleFocus } from './interaction';
+// interface SwatchProps {
+//   color: string;
+//   style: any;
+//   onClick: (color: string, event: MouseEvent<HTMLDivElement>) => void;
+//   onHover?: (color: string, event: Event) => void;
+//   title: string;
+//   focus: boolean;
+//   focusStyle: any;
+//   children: ReactNode;
+// }
+const styles = {
+    height: '100%',
+    width: '100%',
+    cursor: 'pointer',
+    position: 'relative',
+    outline: 'none',
+};
+export const Swatch = ({ color, style, onClick, onHover, title = color, children, focus, focusStyle = {}, }) => {
+    const transparent = color === 'transparent';
+    const handleClick = useCallback((e) => onClick?.(color, e), [color, onClick]);
+    const handleKeyDown = useCallback((e) => {
+        if (e.key.toLowerCase() === 'enter') {
+            onClick?.(color, e);
+        }
+    }, [color, onClick]);
+    const handleHover = useCallback((e) => onHover?.(color, e), [color, onHover]);
+    const optionalEvents = {};
+    if (onHover) {
+        optionalEvents.onMouseOver = handleHover;
+    }
+    return (_jsxs("div", { style: {
+            ...styles,
+            background: color,
+            ...style,
+            ...(focus ? focusStyle : {}),
+        }, onClick: handleClick, title: title, tabIndex: 0, onKeyDown: handleKeyDown, ...optionalEvents, children: [children, transparent && (_jsx(CheckBoard, { borderRadius: style.borderRadius, boxShadow: "inset 0 0 0 1px rgba(0,0,0,0.1)" }))] }));
+};
+export default handleFocus(Swatch);
+//# sourceMappingURL=Swatch.js.map

package/lib-esm/components/color-picker/react-color/common/Swatch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Swatch.js","sourceRoot":"","sources":["../../../../../src/components/color-picker/react-color/common/Swatch.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,0BAA0B;AAC1B,mBAAmB;AACnB,gBAAgB;AAChB,yEAAyE;AACzE,qDAAqD;AACrD,mBAAmB;AACnB,oBAAoB;AACpB,qBAAqB;AACrB,yBAAyB;AACzB,IAAI;AACJ,MAAM,MAAM,GAAG;IACb,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,SAAS;IACjB,QAAQ,EAAE,UAAU;IACpB,OAAO,EAAE,MAAM;CAChB,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EACrB,KAAK,EACL,KAAK,EACL,OAAO,EACP,OAAO,EACP,KAAK,GAAG,KAAK,EACb,QAAQ,EACR,KAAK,EACL,UAAU,GAAG,EAAE,GAChB,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,KAAK,KAAK,aAAa,CAAC;IAE5C,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC;IAC9E,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,CAAC,EAAE,EAAE;QACJ,IAAI,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,KAAK,OAAO,EAAE;YACnC,OAAO,EAAE,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;SACrB;IACH,CAAC,EACD,CAAC,KAAK,EAAE,OAAO,CAAC,CACjB,CAAC;IACF,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC;IAE9E,MAAM,cAAc,GAAG,EAAE,CAAC;IAC1B,IAAI,OAAO,EAAE;QACX,cAAc,CAAC,WAAW,GAAG,WAAW,CAAC;KAC1C;IAED,OAAO,CACL,eACE,KAAK,EAAE;YACL,GAAG,MAAM;YACT,UAAU,EAAE,KAAK;YACjB,GAAG,KAAK;YACR,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;SAC7B,EACD,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,aAAa,KACpB,cAAc,aAEjB,QAAQ,EACR,WAAW,IAAI,CACd,KAAC,UAAU,IACT,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,SAAS,EAAC,iCAAiC,GAC3C,CACH,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC,MAAM,CAAC,CAAC"}

package/lib-esm/components/color-picker/react-color/common/index.d.ts

@@ -0,0 +1,7 @@
+export { default as Alpha } from "./Alpha";
+export { default as CheckBoard } from "./CheckBoard";
+export { default as EditableInput } from "./EditableInput";
+export { default as Saturation } from "./Saturation";
+export { default as Hue } from "./Hue";
+export { default as Swatch } from "./Swatch";
+//# sourceMappingURL=index.d.ts.map

package/lib-esm/components/color-picker/react-color/common/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/color-picker/react-color/common/index.js"],"names":[],"mappings":""}

package/lib-esm/components/color-picker/react-color/common/index.js

@@ -0,0 +1,7 @@
+export { default as Alpha } from './Alpha';
+export { default as CheckBoard } from './CheckBoard';
+export { default as EditableInput } from './EditableInput';
+export { default as Saturation } from './Saturation';
+export { default as Hue } from './Hue';
+export { default as Swatch } from './Swatch';
+//# sourceMappingURL=index.js.map

package/lib-esm/components/color-picker/react-color/common/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/color-picker/react-color/common/index.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC"}

package/lib-esm/components/color-picker/react-color/common/interaction.d.ts

@@ -0,0 +1,58 @@
+export function handleFocus(WrappedComponent: any, Span?: string): {
+    new (props: any): {
+        state: {
+            focus: boolean;
+        };
+        handleFocus: () => void;
+        handleBlur: () => void;
+        render(): JSX.Element;
+        context: unknown;
+        setState<K extends string | number | symbol>(state: any, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<any>;
+        refs: {
+            [key: string]: import("react").ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<any>, nextState: Readonly<any>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<any>, prevState: Readonly<any>): any;
+        componentDidUpdate?(prevProps: Readonly<any>, prevState: Readonly<any>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<any>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<any>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<any>, nextState: Readonly<any>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<any>, nextState: Readonly<any>, nextContext: any): void;
+    };
+    new (props: any, context: any): {
+        state: {
+            focus: boolean;
+        };
+        handleFocus: () => void;
+        handleBlur: () => void;
+        render(): JSX.Element;
+        context: unknown;
+        setState<K extends string | number | symbol>(state: any, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<any>;
+        refs: {
+            [key: string]: import("react").ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<any>, nextState: Readonly<any>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<any>, prevState: Readonly<any>): any;
+        componentDidUpdate?(prevProps: Readonly<any>, prevState: Readonly<any>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<any>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<any>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<any>, nextState: Readonly<any>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<any>, nextState: Readonly<any>, nextContext: any): void;
+    };
+    contextType?: import("react").Context<any> | undefined;
+};
+//# sourceMappingURL=interaction.d.ts.map

package/lib-esm/components/color-picker/react-color/common/interaction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"interaction.d.ts","sourceRoot":"","sources":["../../../../../src/components/color-picker/react-color/common/interaction.jsx"],"names":[],"mappings":"AAEO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAaJ"}

package/lib-esm/components/color-picker/react-color/common/interaction.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Component } from 'react';
+export const handleFocus = (WrappedComponent, Span = 'span') => class Focus extends Component {
+    constructor() {
+        super(...arguments);
+        this.state = { focus: false };
+        this.handleFocus = () => this.setState({ focus: true });
+        this.handleBlur = () => this.setState({ focus: false });
+    }
+    render() {
+        return (_jsx(Span, { onFocus: this.handleFocus, onBlur: this.handleBlur, children: _jsx(WrappedComponent, { ...this.props, ...this.state }) }));
+    }
+};
+//# sourceMappingURL=interaction.js.map

package/lib-esm/components/color-picker/react-color/common/interaction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interaction.js","sourceRoot":"","sources":["../../../../../src/components/color-picker/react-color/common/interaction.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,gBAAgB,EAAE,IAAI,GAAG,MAAM,EAAE,EAAE,CAC7D,MAAM,KAAM,SAAQ,SAAS;IAA7B;;QACE,UAAK,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC;QACzB,gBAAW,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;QACnD,eAAU,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;IASrD,CAAC;IAPC,MAAM;QACJ,OAAO,CACL,KAAC,IAAI,IAAC,OAAO,EAAE,IAAI,CAAC,WAAW,EAAE,MAAM,EAAE,IAAI,CAAC,UAAU,YACtD,KAAC,gBAAgB,OAAK,IAAI,CAAC,KAAK,KAAM,IAAI,CAAC,KAAK,GAAI,GAC/C,CACR,CAAC;IACJ,CAAC;CACF,CAAC"}

package/lib-esm/components/color-picker/react-color/common/useOnChange.d.ts

@@ -0,0 +1,2 @@
+export declare function useOnChange(onChange: (event: Event) => void): (event: Event) => void;
+//# sourceMappingURL=useOnChange.d.ts.map

package/lib-esm/components/color-picker/react-color/common/useOnChange.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnChange.d.ts","sourceRoot":"","sources":["../../../../../src/components/color-picker/react-color/common/useOnChange.tsx"],"names":[],"mappings":"AAEA,wBAAgB,WAAW,CACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,GAC/B,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAexB"}

package/lib-esm/components/color-picker/react-color/common/useOnChange.js

@@ -0,0 +1,13 @@
+import { useCallback } from 'react';
+export function useOnChange(onChange) {
+    return useCallback((e) => {
+        onChange(e);
+        function handleMouseUp() {
+            window.removeEventListener('mousemove', onChange);
+            window.removeEventListener('mouseup', handleMouseUp);
+        }
+        window.addEventListener('mousemove', onChange);
+        window.addEventListener('mouseup', handleMouseUp);
+    }, [onChange]);
+}
+//# sourceMappingURL=useOnChange.js.map

package/lib-esm/components/color-picker/react-color/common/useOnChange.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnChange.js","sourceRoot":"","sources":["../../../../../src/components/color-picker/react-color/common/useOnChange.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEpC,MAAM,UAAU,WAAW,CACzB,QAAgC;IAEhC,OAAO,WAAW,CAChB,CAAC,CAAC,EAAE,EAAE;QACJ,QAAQ,CAAC,CAAC,CAAC,CAAC;QAEZ,SAAS,aAAa;YACpB,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;YAClD,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACvD,CAAC;QAED,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;QAC/C,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IACpD,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;AACJ,CAAC"}

package/lib-esm/components/color-picker/react-color/helpers/alpha.d.ts

@@ -0,0 +1,8 @@
+export function calculateChange(e: any, hsl: any, direction: any, initialA: any, container: any): {
+    h: any;
+    s: any;
+    l: any;
+    a: number;
+    source: string;
+} | null;
+//# sourceMappingURL=alpha.d.ts.map

package/lib-esm/components/color-picker/react-color/helpers/alpha.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alpha.d.ts","sourceRoot":"","sources":["../../../../../src/components/color-picker/react-color/helpers/alpha.js"],"names":[],"mappings":"AAAA;;;;;;SAiDC"}

package/lib-esm/components/color-picker/react-color/helpers/alpha.js

@@ -0,0 +1,52 @@
+export function calculateChange(e, hsl, direction, initialA, container) {
+    const containerWidth = container.clientWidth;
+    const containerHeight = container.clientHeight;
+    const x = typeof e.pageX === 'number' ? e.pageX : e.touches[0].pageX;
+    const y = typeof e.pageY === 'number' ? e.pageY : e.touches[0].pageY;
+    const left = x - (container.getBoundingClientRect().left + window.pageXOffset);
+    const top = y - (container.getBoundingClientRect().top + window.pageYOffset);
+    if (direction === 'vertical') {
+        let a;
+        if (top < 0) {
+            a = 0;
+        }
+        else if (top > containerHeight) {
+            a = 1;
+        }
+        else {
+            a = Math.round((top * 100) / containerHeight) / 100;
+        }
+        if (hsl.a !== a) {
+            return {
+                h: hsl.h,
+                s: hsl.s,
+                l: hsl.l,
+                a,
+                source: 'rgb',
+            };
+        }
+    }
+    else {
+        let a;
+        if (left < 0) {
+            a = 0;
+        }
+        else if (left > containerWidth) {
+            a = 1;
+        }
+        else {
+            a = Math.round((left * 100) / containerWidth) / 100;
+        }
+        if (initialA !== a) {
+            return {
+                h: hsl.h,
+                s: hsl.s,
+                l: hsl.l,
+                a,
+                source: 'rgb',
+            };
+        }
+    }
+    return null;
+}
+//# sourceMappingURL=alpha.js.map

package/lib-esm/components/color-picker/react-color/helpers/alpha.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alpha.js","sourceRoot":"","sources":["../../../../../src/components/color-picker/react-color/helpers/alpha.js"],"names":[],"mappings":"AAAA,MAAM,UAAU,eAAe,CAAC,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS;IACpE,MAAM,cAAc,GAAG,SAAS,CAAC,WAAW,CAAC;IAC7C,MAAM,eAAe,GAAG,SAAS,CAAC,YAAY,CAAC;IAC/C,MAAM,CAAC,GAAG,OAAO,CAAC,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IACrE,MAAM,CAAC,GAAG,OAAO,CAAC,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IACrE,MAAM,IAAI,GACR,CAAC,GAAG,CAAC,SAAS,CAAC,qBAAqB,EAAE,CAAC,IAAI,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;IACpE,MAAM,GAAG,GAAG,CAAC,GAAG,CAAC,SAAS,CAAC,qBAAqB,EAAE,CAAC,GAAG,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;IAE7E,IAAI,SAAS,KAAK,UAAU,EAAE;QAC5B,IAAI,CAAC,CAAC;QACN,IAAI,GAAG,GAAG,CAAC,EAAE;YACX,CAAC,GAAG,CAAC,CAAC;SACP;aAAM,IAAI,GAAG,GAAG,eAAe,EAAE;YAChC,CAAC,GAAG,CAAC,CAAC;SACP;aAAM;YACL,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,eAAe,CAAC,GAAG,GAAG,CAAC;SACrD;QAED,IAAI,GAAG,CAAC,CAAC,KAAK,CAAC,EAAE;YACf,OAAO;gBACL,CAAC,EAAE,GAAG,CAAC,CAAC;gBACR,CAAC,EAAE,GAAG,CAAC,CAAC;gBACR,CAAC,EAAE,GAAG,CAAC,CAAC;gBACR,CAAC;gBACD,MAAM,EAAE,KAAK;aACd,CAAC;SACH;KACF;SAAM;QACL,IAAI,CAAC,CAAC;QACN,IAAI,IAAI,GAAG,CAAC,EAAE;YACZ,CAAC,GAAG,CAAC,CAAC;SACP;aAAM,IAAI,IAAI,GAAG,cAAc,EAAE;YAChC,CAAC,GAAG,CAAC,CAAC;SACP;aAAM;YACL,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,GAAG,GAAG,CAAC,GAAG,cAAc,CAAC,GAAG,GAAG,CAAC;SACrD;QAED,IAAI,QAAQ,KAAK,CAAC,EAAE;YAClB,OAAO;gBACL,CAAC,EAAE,GAAG,CAAC,CAAC;gBACR,CAAC,EAAE,GAAG,CAAC,CAAC;gBACR,CAAC,EAAE,GAAG,CAAC,CAAC;gBACR,CAAC;gBACD,MAAM,EAAE,KAAK;aACd,CAAC;SACH;KACF;IACD,OAAO,IAAI,CAAC;AACd,CAAC"}

package/lib-esm/components/color-picker/react-color/helpers/checkBoard.d.ts

@@ -0,0 +1,3 @@
+export function render(c1: any, c2: any, size: any, ServerCanvas: any): any;
+export function get(c1: any, c2: any, size: any, ServerCanvas: any): any;
+//# sourceMappingURL=checkBoard.d.ts.map

package/lib-esm/components/color-picker/react-color/helpers/checkBoard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkBoard.d.ts","sourceRoot":"","sources":["../../../../../src/components/color-picker/react-color/helpers/checkBoard.js"],"names":[],"mappings":"AAEA,4EAoBC;AAED,yEAUC"}