@yogiswara/honcho-editor-ui 2.7.13 → 2.7.14

package/dist/components/editor/HSliderDetailsMobile.js

@@ -1,154 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Stack, Slider, Typography, TextField } from "@mui/material";
-import useHonchoTypography from "../../themes/honchoTheme";
-import useColors from '../../themes/colors';
-export default function HSliderDetailsMobile(props) {
-    const typography = useHonchoTypography();
-    const colors = useColors();
-    const formatValue = (value) => {
-        if (value > 0)
-            return `+${value}`;
-        return value.toString();
-    };
-    const handleInputChange = (event, min, max, onChange) => {
-        const value = event.target.value;
-        if (value === '+' || value === '-')
-            return;
-        let numericValue = parseInt(value, 10);
-        if (isNaN(numericValue))
-            numericValue = 0;
-        const clampedValue = Math.max(min, Math.min(max, numericValue));
-        onChange(clampedValue);
-    };
-    return (_jsx(_Fragment, { children: _jsxs(Stack, { spacing: 0, direction: "column", sx: { width: '100%', paddingX: 1 }, children: [_jsxs(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { pt: '10px', pb: '0px' }, children: [_jsx(Typography, { sx: { ...typography.bodyMedium, color: colors.surface }, children: "Clarity" }), _jsx(TextField, { hiddenLabel: true, id: "filled-hidden-label-small", value: formatValue(props.clarityScore), variant: "filled", onChange: (e) => handleInputChange(e, -100, 100, (val) => props.onClarityChange("clarityScore", val)), sx: {
-                                width: "40px",
-                                alignItems: "center",
-                                textAlign: "right",
-                                pr: "4px",
-                                display: "flex",
-                                '& .MuiFilledInput-root': {
-                                    backgroundColor: 'transparent',
-                                    borderRadius: "0px",
-                                    border: 'none',
-                                    '&:before': {
-                                        borderBottom: 'none',
-                                    },
-                                    '&:after': {
-                                        borderBottom: 'none',
-                                    },
-                                    '&:hover:not(.Mui-disabled):before': {
-                                        borderBottom: 'none',
-                                    },
-                                    '&.Mui-focused:after': {
-                                        borderBottom: 'none',
-                                    },
-                                },
-                                '& .MuiFilledInput-input': {
-                                    textAlign: 'right',
-                                    padding: 0,
-                                    pr: '4px',
-                                    color: colors.surface,
-                                    fontSize: "14px",
-                                },
-                                '& .Mui-focused': {
-                                    '& .MuiFilledInput-input': {
-                                        backgroundColor: "#1C1B1FB2",
-                                        textAlign: 'right',
-                                        borderRadius: '5px 5px 0px 0px',
-                                        borderBottom: 'none',
-                                        pl: '2px',
-                                    }
-                                }
-                            } })] }), _jsx(Slider, { sx: {
-                        width: "100%",
-                        color: colors.onSurfaceVariant,
-                        '& .MuiSlider-rail': {
-                            background: colors.onSurfaceVariant,
-                            opacity: 1,
-                        },
-                        '& .MuiSlider-thumb': {
-                            background: colors.surface,
-                            opacity: 1,
-                        },
-                        '& .MuiSlider-thumb:hover': {
-                            boxShadow: 'none',
-                        }
-                    }, size: "small", value: props.clarityScore, step: 1, min: -100, max: 100, onChange: (_event, newValue) => props.onClarityChange("clarityScore", newValue), onDoubleClick: () => props.onClarityChange("clarityScore", 0), onMouseDown: () => {
-                        if (!props.isBatchMode) {
-                            props.onDragStart();
-                        }
-                    }, onMouseUp: () => {
-                        props.onDragEnd();
-                    }, onTouchStart: () => {
-                        if (!props.isBatchMode) {
-                            props.onDragStart();
-                        }
-                    }, onTouchEnd: () => {
-                        props.onDragEnd();
-                    } }), _jsxs(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { pt: '10px', pb: '0px' }, children: [_jsx(Typography, { sx: { ...typography.bodyMedium, color: colors.surface }, children: "Sharpness" }), _jsx(TextField, { hiddenLabel: true, id: "filled-hidden-label-small", value: formatValue(props.sharpnessScore), variant: "filled", onChange: (e) => handleInputChange(e, -100, 100, (val) => props.onSharpnessChange("sharpnessScore", val)), sx: {
-                                width: "40px",
-                                alignItems: "center",
-                                textAlign: "right",
-                                pr: "4px",
-                                display: "flex",
-                                '& .MuiFilledInput-root': {
-                                    backgroundColor: 'transparent',
-                                    borderRadius: "0px",
-                                    border: 'none',
-                                    '&:before': {
-                                        borderBottom: 'none',
-                                    },
-                                    '&:after': {
-                                        borderBottom: 'none',
-                                    },
-                                    '&:hover:not(.Mui-disabled):before': {
-                                        borderBottom: 'none',
-                                    },
-                                    '&.Mui-focused:after': {
-                                        borderBottom: 'none',
-                                    },
-                                },
-                                '& .MuiFilledInput-input': {
-                                    textAlign: 'right',
-                                    padding: 0,
-                                    pr: '4px',
-                                    color: colors.surface,
-                                    fontSize: "14px",
-                                },
-                                '& .Mui-focused': {
-                                    '& .MuiFilledInput-input': {
-                                        backgroundColor: "#1C1B1FB2",
-                                        textAlign: 'right',
-                                        borderRadius: '5px 5px 0px 0px',
-                                        borderBottom: 'none',
-                                        pl: '2px',
-                                    }
-                                }
-                            } })] }), _jsx(Slider, { sx: {
-                        width: "100%",
-                        color: colors.onSurfaceVariant,
-                        '& .MuiSlider-rail': {
-                            background: colors.onSurfaceVariant,
-                            opacity: 1,
-                        },
-                        '& .MuiSlider-thumb': {
-                            background: colors.surface,
-                            opacity: 1,
-                        },
-                        '& .MuiSlider-thumb:hover': {
-                            boxShadow: 'none',
-                        }
-                    }, size: "small", value: props.sharpnessScore, step: 1, min: -100, max: 100, onChange: (_event, newValue) => props.onSharpnessChange("sharpnessScore", newValue), onDoubleClick: () => props.onSharpnessChange("sharpnessScore", 0), onMouseDown: () => {
-                        if (!props.isBatchMode) {
-                            props.onDragStart();
-                        }
-                    }, onMouseUp: () => {
-                        props.onDragEnd();
-                    }, onTouchStart: () => {
-                        if (!props.isBatchMode) {
-                            props.onDragStart();
-                        }
-                    }, onTouchEnd: () => {
-                        props.onDragEnd();
-                    } })] }) }));
-}

package/dist/components/editor/HSliderLightMobile.d.ts

@@ -1,20 +0,0 @@
-import { AdjustmentState } from '../../hooks/editor/type';
-interface Props {
-    exposureScore: number;
-    contrastScore: number;
-    highlightsScore: number;
-    shadowScore: number;
-    whiteScore: number;
-    blackScore: number;
-    isBatchMode: boolean;
-    onExposureChange: (field: keyof AdjustmentState, value: number) => void;
-    onContrastChange: (field: keyof AdjustmentState, value: number) => void;
-    onHighlightsChange: (field: keyof AdjustmentState, value: number) => void;
-    onShadowsChange: (field: keyof AdjustmentState, value: number) => void;
-    onWhitesChange: (field: keyof AdjustmentState, value: number) => void;
-    onBlacksChange: (field: keyof AdjustmentState, value: number) => void;
-    onDragStart: () => void;
-    onDragEnd: () => void;
-}
-export default function HSliderLightMobile(props: Props): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/editor/HSliderLightMobile.js

@@ -1,420 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Stack, Slider, Typography, TextField } from "@mui/material";
-import useHonchoTypography from "../../themes/honchoTheme";
-import useColors from '../../themes/colors';
-export default function HSliderLightMobile(props) {
-    const typography = useHonchoTypography();
-    const colors = useColors();
-    const formatValue = (value) => {
-        if (value > 0)
-            return `+${value}`;
-        return value.toString();
-    };
-    const handleInputChange = (event, min, max, onChange) => {
-        const value = event.target.value;
-        if (value === '+' || value === '-')
-            return;
-        let numericValue = parseInt(value, 10);
-        if (isNaN(numericValue))
-            numericValue = 0;
-        const clampedValue = Math.max(min, Math.min(max, numericValue));
-        onChange(clampedValue);
-    };
-    return (_jsx(_Fragment, { children: _jsxs(Stack, { spacing: 0, direction: "column", sx: { width: '100%', paddingX: 1 }, children: [_jsxs(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { pt: '10px', pb: '0px' }, children: [_jsx(Typography, { sx: { ...typography.bodyMedium, color: colors.surface }, children: "Exposure" }), _jsx(TextField, { hiddenLabel: true, id: "filled-hidden-label-small", value: formatValue(props.exposureScore), variant: "filled", onChange: (e) => handleInputChange(e, -100, 100, (val) => props.onExposureChange("exposureScore", val)), sx: {
-                                width: "40px",
-                                alignItems: "center",
-                                textAlign: "right",
-                                pr: "4px",
-                                display: "flex",
-                                '& .MuiFilledInput-root': {
-                                    backgroundColor: 'transparent',
-                                    borderRadius: "0px",
-                                    border: 'none',
-                                    '&:before': {
-                                        borderBottom: 'none',
-                                    },
-                                    '&:after': {
-                                        borderBottom: 'none',
-                                    },
-                                    '&:hover:not(.Mui-disabled):before': {
-                                        borderBottom: 'none',
-                                    },
-                                    '&.Mui-focused:after': {
-                                        borderBottom: 'none',
-                                    },
-                                },
-                                '& .MuiFilledInput-input': {
-                                    textAlign: 'right',
-                                    padding: 0,
-                                    pr: '4px',
-                                    color: colors.surface,
-                                    fontSize: "14px",
-                                },
-                                '& .Mui-focused': {
-                                    '& .MuiFilledInput-input': {
-                                        backgroundColor: "#1C1B1FB2",
-                                        textAlign: 'right',
-                                        borderRadius: '5px 5px 0px 0px',
-                                        borderBottom: 'none',
-                                        pl: '2px',
-                                    }
-                                }
-                            } })] }), _jsx(Slider, { sx: {
-                        width: "100%",
-                        color: colors.onSurfaceVariant,
-                        '& .MuiSlider-rail': {
-                            background: colors.onSurfaceVariant,
-                            opacity: 1,
-                        },
-                        '& .MuiSlider-thumb': {
-                            background: colors.surface,
-                            boxShadow: 'none',
-                            opacity: 1,
-                        },
-                        '& .MuiSlider-thumb:hover': {
-                            boxShadow: 'none',
-                        }
-                    }, size: "small", value: props.exposureScore, step: 1, min: -100, max: 100, onChange: (_event, newValue) => props.onExposureChange("exposureScore", newValue), onDoubleClick: () => props.onExposureChange("exposureScore", 0), onMouseDown: () => {
-                        if (!props.isBatchMode) {
-                            props.onDragStart();
-                        }
-                    }, onMouseUp: () => {
-                        props.onDragEnd();
-                    }, onTouchStart: () => {
-                        if (!props.isBatchMode) {
-                            props.onDragStart();
-                        }
-                    }, onTouchEnd: () => {
-                        props.onDragEnd();
-                    } }), _jsxs(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { pt: '10px', pb: '0px' }, children: [_jsx(Typography, { sx: { ...typography.bodyMedium, color: colors.surface }, children: "Contrast" }), _jsx(TextField, { hiddenLabel: true, id: "filled-hidden-label-small", value: formatValue(props.contrastScore), variant: "filled", onChange: (e) => handleInputChange(e, -100, 100, (val) => props.onContrastChange("contrastScore", val)), sx: {
-                                width: "40px",
-                                alignItems: "center",
-                                textAlign: "right",
-                                pr: "4px",
-                                display: "flex",
-                                '& .MuiFilledInput-root': {
-                                    backgroundColor: 'transparent',
-                                    borderRadius: "0px",
-                                    border: 'none',
-                                    '&:before': {
-                                        borderBottom: 'none',
-                                    },
-                                    '&:after': {
-                                        borderBottom: 'none',
-                                    },
-                                    '&:hover:not(.Mui-disabled):before': {
-                                        borderBottom: 'none',
-                                    },
-                                    '&.Mui-focused:after': {
-                                        borderBottom: 'none',
-                                    },
-                                },
-                                '& .MuiFilledInput-input': {
-                                    textAlign: 'right',
-                                    padding: 0,
-                                    pr: '4px',
-                                    color: colors.surface,
-                                    fontSize: "14px",
-                                },
-                                '& .Mui-focused': {
-                                    '& .MuiFilledInput-input': {
-                                        backgroundColor: "#1C1B1FB2",
-                                        textAlign: 'right',
-                                        borderRadius: '5px 5px 0px 0px',
-                                        borderBottom: 'none',
-                                        pl: '2px',
-                                    }
-                                }
-                            } })] }), _jsx(Slider, { sx: {
-                        width: "100%",
-                        color: colors.onSurfaceVariant,
-                        '& .MuiSlider-rail': {
-                            background: colors.onSurfaceVariant,
-                            opacity: 1,
-                        },
-                        '& .MuiSlider-thumb': {
-                            background: colors.surface,
-                            boxShadow: 'none',
-                            opacity: 1,
-                        },
-                        '& .MuiSlider-thumb:hover': {
-                            boxShadow: 'none',
-                        }
-                    }, size: "small", value: props.contrastScore, step: 1, min: -100, max: 100, onChange: (_event, newValue) => props.onContrastChange("contrastScore", newValue), onDoubleClick: () => props.onContrastChange("contrastScore", 0), onMouseDown: () => {
-                        if (!props.isBatchMode) {
-                            props.onDragStart();
-                        }
-                    }, onMouseUp: () => {
-                        props.onDragEnd();
-                    }, onTouchStart: () => {
-                        if (!props.isBatchMode) {
-                            props.onDragStart();
-                        }
-                    }, onTouchEnd: () => {
-                        props.onDragEnd();
-                    } }), _jsxs(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { pt: '10px', pb: '0px' }, children: [_jsx(Typography, { sx: { ...typography.bodyMedium, color: colors.surface }, children: "Highlights" }), _jsx(TextField, { hiddenLabel: true, id: "filled-hidden-label-small", value: formatValue(props.highlightsScore), variant: "filled", onChange: (e) => handleInputChange(e, -100, 100, (val) => props.onHighlightsChange("highlightsScore", val)), sx: {
-                                width: "40px",
-                                alignItems: "center",
-                                textAlign: "right",
-                                pr: "4px",
-                                display: "flex",
-                                '& .MuiFilledInput-root': {
-                                    backgroundColor: 'transparent',
-                                    borderRadius: "0px",
-                                    border: 'none',
-                                    '&:before': {
-                                        borderBottom: 'none',
-                                    },
-                                    '&:after': {
-                                        borderBottom: 'none',
-                                    },
-                                    '&:hover:not(.Mui-disabled):before': {
-                                        borderBottom: 'none',
-                                    },
-                                    '&.Mui-focused:after': {
-                                        borderBottom: 'none',
-                                    },
-                                },
-                                '& .MuiFilledInput-input': {
-                                    textAlign: 'right',
-                                    padding: 0,
-                                    pr: '4px',
-                                    color: colors.surface,
-                                    fontSize: "14px",
-                                },
-                                '& .Mui-focused': {
-                                    '& .MuiFilledInput-input': {
-                                        backgroundColor: "#1C1B1FB2",
-                                        textAlign: 'right',
-                                        borderRadius: '5px 5px 0px 0px',
-                                        borderBottom: 'none',
-                                        pl: '2px',
-                                    }
-                                }
-                            } })] }), _jsx(Slider, { sx: {
-                        width: "100%",
-                        color: colors.onSurfaceVariant,
-                        '& .MuiSlider-rail': {
-                            background: colors.onSurfaceVariant,
-                            opacity: 1,
-                        },
-                        '& .MuiSlider-thumb': {
-                            background: colors.surface,
-                            boxShadow: 'none',
-                            opacity: 1,
-                        },
-                        '& .MuiSlider-thumb:hover': {
-                            boxShadow: 'none',
-                        }
-                    }, size: "small", value: props.highlightsScore, step: 1, min: -100, max: 100, onChange: (_event, newValue) => props.onHighlightsChange("highlightsScore", newValue), onDoubleClick: () => props.onHighlightsChange("highlightsScore", 0), onMouseDown: () => {
-                        if (!props.isBatchMode) {
-                            props.onDragStart();
-                        }
-                    }, onMouseUp: () => {
-                        props.onDragEnd();
-                    }, onTouchStart: () => {
-                        if (!props.isBatchMode) {
-                            props.onDragStart();
-                        }
-                    }, onTouchEnd: () => {
-                        props.onDragEnd();
-                    } }), _jsxs(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { pt: '10px', pb: '0px' }, children: [_jsx(Typography, { sx: { ...typography.bodyMedium, color: colors.surface }, children: "Shadows" }), _jsx(TextField, { hiddenLabel: true, id: "filled-hidden-label-small", value: formatValue(props.shadowScore), variant: "filled", onChange: (e) => handleInputChange(e, -100, 100, (val) => props.onShadowsChange("shadowsScore", val)), sx: {
-                                width: "40px",
-                                alignItems: "center",
-                                textAlign: "right",
-                                pr: "4px",
-                                display: "flex",
-                                '& .MuiFilledInput-root': {
-                                    backgroundColor: 'transparent',
-                                    borderRadius: "0px",
-                                    border: 'none',
-                                    '&:before': {
-                                        borderBottom: 'none',
-                                    },
-                                    '&:after': {
-                                        borderBottom: 'none',
-                                    },
-                                    '&:hover:not(.Mui-disabled):before': {
-                                        borderBottom: 'none',
-                                    },
-                                    '&.Mui-focused:after': {
-                                        borderBottom: 'none',
-                                    },
-                                },
-                                '& .MuiFilledInput-input': {
-                                    textAlign: 'right',
-                                    padding: 0,
-                                    pr: '4px',
-                                    color: colors.surface,
-                                    fontSize: "14px",
-                                },
-                                '& .Mui-focused': {
-                                    '& .MuiFilledInput-input': {
-                                        backgroundColor: "#1C1B1FB2",
-                                        textAlign: 'right',
-                                        borderRadius: '5px 5px 0px 0px',
-                                        borderBottom: 'none',
-                                        pl: '2px',
-                                    }
-                                }
-                            } })] }), _jsx(Slider, { sx: {
-                        width: "100%",
-                        color: colors.onSurfaceVariant,
-                        '& .MuiSlider-rail': {
-                            background: colors.onSurfaceVariant,
-                            opacity: 1,
-                        },
-                        '& .MuiSlider-thumb': {
-                            background: colors.surface,
-                            boxShadow: 'none',
-                            opacity: 1,
-                        },
-                        '& .MuiSlider-thumb:hover': {
-                            boxShadow: 'none',
-                        }
-                    }, size: "small", value: props.shadowScore, step: 1, min: -100, max: 100, onChange: (_event, newValue) => props.onShadowsChange("shadowsScore", newValue), onDoubleClick: () => props.onShadowsChange("shadowsScore", 0), onMouseDown: () => {
-                        if (!props.isBatchMode) {
-                            props.onDragStart();
-                        }
-                    }, onMouseUp: () => {
-                        props.onDragEnd();
-                    }, onTouchStart: () => {
-                        if (!props.isBatchMode) {
-                            props.onDragStart();
-                        }
-                    }, onTouchEnd: () => {
-                        props.onDragEnd();
-                    } }), _jsxs(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { pt: '10px', pb: '0px' }, children: [_jsx(Typography, { sx: { ...typography.bodyMedium, color: colors.surface }, children: "Whites" }), _jsx(TextField, { hiddenLabel: true, id: "filled-hidden-label-small", value: formatValue(props.whiteScore), variant: "filled", onChange: (e) => handleInputChange(e, -100, 100, (val) => props.onWhitesChange("whitesScore", val)), sx: {
-                                width: "40px",
-                                alignItems: "center",
-                                textAlign: "right",
-                                pr: "4px",
-                                display: "flex",
-                                '& .MuiFilledInput-root': {
-                                    backgroundColor: 'transparent',
-                                    borderRadius: "0px",
-                                    border: 'none',
-                                    '&:before': {
-                                        borderBottom: 'none',
-                                    },
-                                    '&:after': {
-                                        borderBottom: 'none',
-                                    },
-                                    '&:hover:not(.Mui-disabled):before': {
-                                        borderBottom: 'none',
-                                    },
-                                    '&.Mui-focused:after': {
-                                        borderBottom: 'none',
-                                    },
-                                },
-                                '& .MuiFilledInput-input': {
-                                    textAlign: 'right',
-                                    padding: 0,
-                                    pr: '4px',
-                                    color: colors.surface,
-                                    fontSize: "14px",
-                                },
-                                '& .Mui-focused': {
-                                    '& .MuiFilledInput-input': {
-                                        backgroundColor: "#1C1B1FB2",
-                                        textAlign: 'right',
-                                        borderRadius: '5px 5px 0px 0px',
-                                        borderBottom: 'none',
-                                        pl: '2px',
-                                    }
-                                }
-                            } })] }), _jsx(Slider, { sx: {
-                        width: "100%",
-                        color: colors.onSurfaceVariant,
-                        '& .MuiSlider-rail': {
-                            background: colors.onSurfaceVariant,
-                            opacity: 1,
-                        },
-                        '& .MuiSlider-thumb': {
-                            background: colors.surface,
-                            boxShadow: 'none',
-                            opacity: 1,
-                        },
-                        '& .MuiSlider-thumb:hover': {
-                            boxShadow: 'none',
-                        }
-                    }, size: "small", value: props.whiteScore, step: 1, min: -100, max: 100, onChange: (_event, newValue) => props.onWhitesChange("whitesScore", newValue), onDoubleClick: () => props.onWhitesChange("whitesScore", 0), onMouseDown: () => {
-                        if (!props.isBatchMode) {
-                            props.onDragStart();
-                        }
-                    }, onMouseUp: () => {
-                        props.onDragEnd();
-                    }, onTouchStart: () => {
-                        if (!props.isBatchMode) {
-                            props.onDragStart();
-                        }
-                    }, onTouchEnd: () => {
-                        props.onDragEnd();
-                    } }), _jsxs(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { pt: '10px', pb: '0px' }, children: [_jsx(Typography, { sx: { ...typography.bodyMedium, color: colors.surface }, children: "Blacks" }), _jsx(TextField, { hiddenLabel: true, id: "filled-hidden-label-small", value: formatValue(props.blackScore), variant: "filled", onChange: (e) => handleInputChange(e, -100, 100, (val) => props.onBlacksChange("blacksScore", val)), sx: {
-                                width: "40px",
-                                alignItems: "center",
-                                textAlign: "right",
-                                pr: "4px",
-                                display: "flex",
-                                '& .MuiFilledInput-root': {
-                                    backgroundColor: 'transparent',
-                                    borderRadius: "0px",
-                                    border: 'none',
-                                    '&:before': {
-                                        borderBottom: 'none',
-                                    },
-                                    '&:after': {
-                                        borderBottom: 'none',
-                                    },
-                                    '&:hover:not(.Mui-disabled):before': {
-                                        borderBottom: 'none',
-                                    },
-                                    '&.Mui-focused:after': {
-                                        borderBottom: 'none',
-                                    },
-                                },
-                                '& .MuiFilledInput-input': {
-                                    textAlign: 'right',
-                                    padding: 0,
-                                    pr: '4px',
-                                    color: colors.surface,
-                                    fontSize: "14px",
-                                },
-                                '& .Mui-focused': {
-                                    '& .MuiFilledInput-input': {
-                                        backgroundColor: "#1C1B1FB2",
-                                        textAlign: 'right',
-                                        borderRadius: '5px 5px 0px 0px',
-                                        borderBottom: 'none',
-                                        pl: '2px',
-                                    }
-                                },
-                            } })] }), _jsx(Slider, { sx: {
-                        width: "100%",
-                        color: colors.onSurfaceVariant,
-                        '& .MuiSlider-rail': {
-                            background: colors.onSurfaceVariant,
-                            opacity: 1,
-                        },
-                        '& .MuiSlider-thumb': {
-                            background: colors.surface,
-                            boxShadow: 'none',
-                            opacity: 1,
-                        },
-                        '& .MuiSlider-thumb:hover': {
-                            boxShadow: 'none',
-                        }
-                    }, size: "small", value: props.blackScore, step: 1, min: -100, max: 100, onChange: (_event, newValue) => props.onBlacksChange("blacksScore", newValue), onDoubleClick: () => props.onBlacksChange("blacksScore", 0), onMouseDown: () => {
-                        if (!props.isBatchMode) {
-                            props.onDragStart();
-                        }
-                    }, onMouseUp: () => {
-                        props.onDragEnd();
-                    }, onTouchStart: () => {
-                        if (!props.isBatchMode) {
-                            props.onDragStart();
-                        }
-                    }, onTouchEnd: () => {
-                        props.onDragEnd();
-                    } })] }) }));
-}

package/dist/components/editor/HTabAspectRatioMobile.js

@@ -1 +0,0 @@
-"use strict";

package/dist/components/editor/HTabColorAdjustmentMobile.d.ts

@@ -1,33 +0,0 @@
-import { AdjustmentState } from '../../hooks/editor/type';
-interface Props {
-    activeSubPanel: string;
-    tempScore: number;
-    tintScore: number;
-    vibranceScore: number;
-    saturationScore: number;
-    exposureScore: number;
-    highlightsScore: number;
-    shadowScore: number;
-    whiteScore: number;
-    blackScore: number;
-    contrastScore: number;
-    clarityScore: number;
-    sharpnessScore: number;
-    onTempChange: (field: keyof AdjustmentState, value: number) => void;
-    onTintChange: (field: keyof AdjustmentState, value: number) => void;
-    onVibranceChange: (field: keyof AdjustmentState, value: number) => void;
-    onSaturationChange: (field: keyof AdjustmentState, value: number) => void;
-    onExposureChange: (field: keyof AdjustmentState, value: number) => void;
-    onHighlightsChange: (field: keyof AdjustmentState, value: number) => void;
-    onShadowsChange: (field: keyof AdjustmentState, value: number) => void;
-    onWhitesChange: (field: keyof AdjustmentState, value: number) => void;
-    onBlacksChange: (field: keyof AdjustmentState, value: number) => void;
-    onContrastChange: (field: keyof AdjustmentState, value: number) => void;
-    onClarityChange: (field: keyof AdjustmentState, value: number) => void;
-    onSharpnessChange: (field: keyof AdjustmentState, value: number) => void;
-    isBatchMode: boolean;
-    onDragStart: () => void;
-    onDragEnd: () => void;
-}
-export default function HTabColorAdjustmentMobile(props: Props): import("react/jsx-runtime").JSX.Element | null;
-export {};

package/dist/components/editor/HTabColorAdjustmentMobile.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import HSliderColorMobile from "./HSliderColorMobile";
-import HSliderLightMobile from "./HSliderLightMobile";
-import HSliderDetailsMobile from "./HSliderDetailsMobile";
-export default function HTabColorAdjustmentMobile(props) {
-    switch (props.activeSubPanel) {
-        case 'color':
-            return (_jsx(HSliderColorMobile, { tempScore: props.tempScore, tintScore: props.tintScore, onTempChange: props.onTempChange, onTintChange: props.onTintChange, vibranceScore: props.vibranceScore, onVibranceChange: props.onVibranceChange, saturationScore: props.saturationScore, onSaturationChange: props.onSaturationChange, isBatchMode: props.isBatchMode, onDragStart: props.onDragStart, onDragEnd: props.onDragEnd }));
-        case 'light':
-            return (_jsx(HSliderLightMobile, { contrastScore: props.contrastScore, exposureScore: props.exposureScore, highlightsScore: props.highlightsScore, shadowScore: props.shadowScore, whiteScore: props.whiteScore, blackScore: props.blackScore, onExposureChange: props.onExposureChange, onContrastChange: props.onContrastChange, onHighlightsChange: props.onHighlightsChange, onShadowsChange: props.onShadowsChange, onWhitesChange: props.onWhitesChange, onBlacksChange: props.onBlacksChange, isBatchMode: props.isBatchMode, onDragStart: props.onDragStart, onDragEnd: props.onDragEnd }));
-        case 'details':
-            return (_jsx(HSliderDetailsMobile, { clarityScore: props.clarityScore, sharpnessScore: props.sharpnessScore, onClarityChange: props.onClarityChange, onSharpnessChange: props.onSharpnessChange, isBatchMode: props.isBatchMode, onDragStart: props.onDragStart, onDragEnd: props.onDragEnd }));
-        default:
-            return null;
-    }
-}