@yogiswara/honcho-editor-ui 2.7.13 → 2.7.14

package/dist/components/editor/HBulkColorMobile.js

@@ -1,121 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Stack, Typography, CardMedia, IconButton } from "@mui/material";
-import useHonchoTypography from "../../themes/honchoTheme";
-import useColors from '../../themes/colors';
-export default function HBulkColorMobile(props) {
-    const typography = useHonchoTypography();
-    const colors = useColors();
-    return (_jsx(_Fragment, { children: _jsxs(Stack, { spacing: 0, direction: "column", sx: { width: '100%', pl: "10px", m: "0px" }, children: [_jsx(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { mb: "6px" }, children: _jsx(Typography, { sx: { ...typography.bodyMedium, color: colors.surface }, children: "Temperature" }) }), _jsxs(Stack, { direction: "row", justifyContent: "space-between", sx: { p: "0px", m: "0px", pt: "2px", pb: "16px" }, children: [_jsx(IconButton, { onClick: props.onTempDecreaseMax, sx: {
-                                width: "76px",
-                                height: "28px",
-                                py: "2px",
-                                mr: "12px",
-                                border: "1px solid white",
-                                borderRadius: "100px",
-                            }, children: _jsx(CardMedia, { component: "img", image: "/v1/svg/bulk-editor-max-button.svg", sx: { width: "20px", height: "20px", mr: "2px" } }) }), _jsx(IconButton, { onClick: props.onTempDecrease, sx: {
-                                width: "76px",
-                                height: "28px",
-                                py: "2px",
-                                mr: "12px",
-                                border: "1px solid white",
-                                borderRadius: "100px",
-                            }, children: _jsx(CardMedia, { component: "img", image: "/v1/svg/bulk-editor-increment-button.svg", sx: { width: "20px", height: "20px", mr: "3px" } }) }), _jsx(IconButton, { onClick: props.onTempIncrease, sx: {
-                                width: "76px",
-                                height: "28px",
-                                py: "2px",
-                                mr: "12px",
-                                border: "1px solid white",
-                                borderRadius: "100px",
-                            }, children: _jsx(CardMedia, { component: "img", image: "/v1/svg/bulk-editor-increment-button-right.svg", sx: { width: "20px", height: "20px", ml: "3px" } }) }), _jsx(IconButton, { onClick: props.onTempIncreaseMax, sx: {
-                                width: "76px",
-                                height: "28px",
-                                py: "2px",
-                                mr: "12px",
-                                border: "1px solid white",
-                                borderRadius: "100px",
-                            }, children: _jsx(CardMedia, { component: "img", image: "/v1/svg/bulk-editor-max-button-right.svg", sx: { width: "20px", height: "20px", ml: "2px" } }) })] }), _jsx(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { mb: "6px" }, children: _jsx(Typography, { sx: { ...typography.bodyMedium, color: colors.surface }, children: "Tint" }) }), _jsxs(Stack, { direction: "row", justifyContent: "space-between", sx: { p: "0px", m: "0px", pt: "2px", pb: "16px" }, children: [_jsx(IconButton, { onClick: props.onTintDecreaseMax, sx: {
-                                width: "76px",
-                                height: "28px",
-                                py: "2px",
-                                mr: "12px",
-                                border: "1px solid white",
-                                borderRadius: "100px",
-                            }, children: _jsx(CardMedia, { component: "img", image: "/v1/svg/bulk-editor-max-button.svg", sx: { width: "20px", height: "20px", mr: "2px" } }) }), _jsx(IconButton, { onClick: props.onTintDecrease, sx: {
-                                width: "76px",
-                                height: "28px",
-                                py: "2px",
-                                mr: "12px",
-                                border: "1px solid white",
-                                borderRadius: "100px",
-                            }, children: _jsx(CardMedia, { component: "img", image: "/v1/svg/bulk-editor-increment-button.svg", sx: { width: "20px", height: "20px", mr: "3px" } }) }), _jsx(IconButton, { onClick: props.onTintIncrease, sx: {
-                                width: "76px",
-                                height: "28px",
-                                py: "2px",
-                                mr: "12px",
-                                border: "1px solid white",
-                                borderRadius: "100px",
-                            }, children: _jsx(CardMedia, { component: "img", image: "/v1/svg/bulk-editor-increment-button-right.svg", sx: { width: "20px", height: "20px", ml: "3px" } }) }), _jsx(IconButton, { onClick: props.onTintIncreaseMax, sx: {
-                                width: "76px",
-                                height: "28px",
-                                py: "2px",
-                                mr: "12px",
-                                border: "1px solid white",
-                                borderRadius: "100px",
-                            }, children: _jsx(CardMedia, { component: "img", image: "/v1/svg/bulk-editor-max-button-right.svg", sx: { width: "20px", height: "20px", ml: "2px" } }) })] }), _jsx(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { mb: "6px" }, children: _jsx(Typography, { sx: { ...typography.bodyMedium, color: colors.surface }, children: "Vibrance" }) }), _jsxs(Stack, { direction: "row", justifyContent: "space-between", sx: { p: "0px", m: "0px", pt: "2px", pb: "16px" }, children: [_jsx(IconButton, { onClick: props.onVibranceDecreaseMax, sx: {
-                                width: "76px",
-                                height: "28px",
-                                py: "2px",
-                                mr: "12px",
-                                border: "1px solid white",
-                                borderRadius: "100px",
-                            }, children: _jsx(CardMedia, { component: "img", image: "/v1/svg/bulk-editor-max-button.svg", sx: { width: "20px", height: "20px", mr: "2px" } }) }), _jsx(IconButton, { onClick: props.onVibranceDecrease, sx: {
-                                width: "76px",
-                                height: "28px",
-                                py: "2px",
-                                mr: "12px",
-                                border: "1px solid white",
-                                borderRadius: "100px",
-                            }, children: _jsx(CardMedia, { component: "img", image: "/v1/svg/bulk-editor-increment-button.svg", sx: { width: "20px", height: "20px", mr: "3px" } }) }), _jsx(IconButton, { onClick: props.onVibranceIncrease, sx: {
-                                width: "76px",
-                                height: "28px",
-                                py: "2px",
-                                mr: "12px",
-                                border: "1px solid white",
-                                borderRadius: "100px",
-                            }, children: _jsx(CardMedia, { component: "img", image: "/v1/svg/bulk-editor-increment-button-right.svg", sx: { width: "20px", height: "20px", ml: "3px" } }) }), _jsx(IconButton, { onClick: props.onVibranceIncreaseMax, sx: {
-                                width: "76px",
-                                height: "28px",
-                                py: "2px",
-                                mr: "12px",
-                                border: "1px solid white",
-                                borderRadius: "100px",
-                            }, children: _jsx(CardMedia, { component: "img", image: "/v1/svg/bulk-editor-max-button-right.svg", sx: { width: "20px", height: "20px", ml: "2px" } }) })] }), _jsx(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { mb: "6px" }, children: _jsx(Typography, { sx: { ...typography.bodyMedium, color: colors.surface }, children: "Saturation" }) }), _jsxs(Stack, { direction: "row", justifyContent: "space-between", sx: { p: "0px", m: "0px", pt: "2px", pb: "16px" }, children: [_jsx(IconButton, { onClick: props.onSaturationDecreaseMax, sx: {
-                                width: "76px",
-                                height: "28px",
-                                py: "2px",
-                                mr: "12px",
-                                border: "1px solid white",
-                                borderRadius: "100px",
-                            }, children: _jsx(CardMedia, { component: "img", image: "/v1/svg/bulk-editor-max-button.svg", sx: { width: "20px", height: "20px", mr: "2px" } }) }), _jsx(IconButton, { onClick: props.onSaturationDecrease, sx: {
-                                width: "76px",
-                                height: "28px",
-                                py: "2px",
-                                mr: "12px",
-                                border: "1px solid white",
-                                borderRadius: "100px",
-                            }, children: _jsx(CardMedia, { component: "img", image: "/v1/svg/bulk-editor-increment-button.svg", sx: { width: "20px", height: "20px", mr: "3px" } }) }), _jsx(IconButton, { onClick: props.onSaturationIncrease, sx: {
-                                width: "76px",
-                                height: "28px",
-                                py: "2px",
-                                mr: "12px",
-                                border: "1px solid white",
-                                borderRadius: "100px",
-                            }, children: _jsx(CardMedia, { component: "img", image: "/v1/svg/bulk-editor-increment-button-right.svg", sx: { width: "20px", height: "20px", ml: "3px" } }) }), _jsx(IconButton, { onClick: props.onSaturationIncreaseMax, sx: {
-                                width: "76px",
-                                height: "28px",
-                                py: "2px",
-                                mr: "12px",
-                                border: "1px solid white",
-                                borderRadius: "100px",
-                            }, children: _jsx(CardMedia, { component: "img", image: "/v1/svg/bulk-editor-max-button-right.svg", sx: { width: "20px", height: "20px", ml: "2px" } }) })] })] }) }));
-}

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

@@ -1,12 +0,0 @@
-interface Props {
-    onClarityDecreaseMax: () => void;
-    onClarityDecrease: () => void;
-    onClarityIncrease: () => void;
-    onClarityIncreaseMax: () => void;
-    onSharpnessDecreaseMax: () => void;
-    onSharpnessDecrease: () => void;
-    onSharpnessIncrease: () => void;
-    onSharpnessIncreaseMax: () => void;
-}
-export default function HBulkDetailsMobile(props: Props): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/editor/HBulkDetailsMobile.js

@@ -1,65 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Stack, Typography, CardMedia, IconButton } from "@mui/material";
-import useHonchoTypography from "../../themes/honchoTheme";
-import useColors from '../../themes/colors';
-export default function HBulkDetailsMobile(props) {
-    const typography = useHonchoTypography();
-    const colors = useColors();
-    return (_jsx(_Fragment, { children: _jsxs(Stack, { spacing: 0, direction: "column", sx: { width: '100%', pl: "10px", m: "0px" }, children: [_jsx(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { mb: "6px" }, children: _jsx(Typography, { sx: { ...typography.bodyMedium, color: colors.surface }, children: "Clarity" }) }), _jsxs(Stack, { direction: "row", justifyContent: "space-between", sx: { p: "0px", m: "0px", pt: "2px", pb: "16px" }, children: [_jsx(IconButton, { onClick: props.onClarityDecreaseMax, sx: {
-                                width: "76px",
-                                height: "28px",
-                                py: "2px",
-                                mr: "12px",
-                                border: "1px solid white",
-                                borderRadius: "100px",
-                            }, children: _jsx(CardMedia, { component: "img", image: "/v1/svg/bulk-editor-max-button.svg", sx: { width: "20px", height: "20px", mr: "2px" } }) }), _jsx(IconButton, { onClick: props.onClarityDecrease, sx: {
-                                width: "76px",
-                                height: "28px",
-                                py: "2px",
-                                mr: "12px",
-                                border: "1px solid white",
-                                borderRadius: "100px",
-                            }, children: _jsx(CardMedia, { component: "img", image: "/v1/svg/bulk-editor-increment-button.svg", sx: { width: "20px", height: "20px", mr: "3px" } }) }), _jsx(IconButton, { onClick: props.onClarityIncrease, sx: {
-                                width: "76px",
-                                height: "28px",
-                                py: "2px",
-                                mr: "12px",
-                                border: "1px solid white",
-                                borderRadius: "100px",
-                            }, children: _jsx(CardMedia, { component: "img", image: "/v1/svg/bulk-editor-increment-button-right.svg", sx: { width: "20px", height: "20px", ml: "3px" } }) }), _jsx(IconButton, { onClick: props.onClarityIncreaseMax, sx: {
-                                width: "76px",
-                                height: "28px",
-                                py: "2px",
-                                mr: "12px",
-                                border: "1px solid white",
-                                borderRadius: "100px",
-                            }, children: _jsx(CardMedia, { component: "img", image: "/v1/svg/bulk-editor-max-button-right.svg", sx: { width: "20px", height: "20px", ml: "2px" } }) })] }), _jsx(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { mb: "6px" }, children: _jsx(Typography, { sx: { ...typography.bodyMedium, color: colors.surface }, children: "Sharpness" }) }), _jsxs(Stack, { direction: "row", justifyContent: "space-between", sx: { p: "0px", m: "0px", pt: "2px", pb: "2px" }, children: [_jsx(IconButton, { onClick: props.onSharpnessDecreaseMax, sx: {
-                                width: "76px",
-                                height: "28px",
-                                py: "2px",
-                                mr: "12px",
-                                border: "1px solid white",
-                                borderRadius: "100px",
-                            }, children: _jsx(CardMedia, { component: "img", image: "/v1/svg/bulk-editor-max-button.svg", sx: { width: "20px", height: "20px", mr: "2px" } }) }), _jsx(IconButton, { onClick: props.onSharpnessDecrease, sx: {
-                                width: "76px",
-                                height: "28px",
-                                py: "2px",
-                                mr: "12px",
-                                border: "1px solid white",
-                                borderRadius: "100px",
-                            }, children: _jsx(CardMedia, { component: "img", image: "/v1/svg/bulk-editor-increment-button.svg", sx: { width: "20px", height: "20px", mr: "3px" } }) }), _jsx(IconButton, { onClick: props.onSharpnessIncrease, sx: {
-                                width: "76px",
-                                height: "28px",
-                                py: "2px",
-                                mr: "12px",
-                                border: "1px solid white",
-                                borderRadius: "100px",
-                            }, children: _jsx(CardMedia, { component: "img", image: "/v1/svg/bulk-editor-increment-button-right.svg", sx: { width: "20px", height: "20px", ml: "3px" } }) }), _jsx(IconButton, { onClick: props.onSharpnessIncreaseMax, sx: {
-                                width: "76px",
-                                height: "28px",
-                                py: "2px",
-                                mr: "12px",
-                                border: "1px solid white",
-                                borderRadius: "100px",
-                            }, children: _jsx(CardMedia, { component: "img", image: "/v1/svg/bulk-editor-max-button-right.svg", sx: { width: "20px", height: "20px", ml: "2px" } }) })] })] }) }));
-}

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

@@ -1,28 +0,0 @@
-interface Props {
-    onExposureDecreaseMax: () => void;
-    onExposureDecrease: () => void;
-    onExposureIncrease: () => void;
-    onExposureIncreaseMax: () => void;
-    onContrastDecreaseMax: () => void;
-    onContrastDecrease: () => void;
-    onContrastIncrease: () => void;
-    onContrastIncreaseMax: () => void;
-    onHighlightsDecreaseMax: () => void;
-    onHighlightsDecrease: () => void;
-    onHighlightsIncrease: () => void;
-    onHighlightsIncreaseMax: () => void;
-    onShadowsDecreaseMax: () => void;
-    onShadowsDecrease: () => void;
-    onShadowsIncrease: () => void;
-    onShadowsIncreaseMax: () => void;
-    onWhitesDecreaseMax: () => void;
-    onWhitesDecrease: () => void;
-    onWhitesIncrease: () => void;
-    onWhitesIncreaseMax: () => void;
-    onBlacksDecreaseMax: () => void;
-    onBlacksDecrease: () => void;
-    onBlacksIncrease: () => void;
-    onBlacksIncreaseMax: () => void;
-}
-export default function HBulkLightMobile(props: Props): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/editor/HBulkLightMobile.js

@@ -1,192 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Stack, Typography, CardMedia, IconButton } from "@mui/material";
-import useHonchoTypography from "../../themes/honchoTheme";
-import useColors from '../../themes/colors';
-export default function HBulkLightMobile(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%', pl: "10px", m: "0px" }, children: [_jsx(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { mb: "6px" }, children: _jsx(Typography, { sx: { ...typography.bodyMedium, color: colors.surface }, children: "Exposure" }) }), _jsxs(Stack, { direction: "row", justifyContent: "space-between", sx: { p: "0px", m: "0px", pt: "2px", pb: "16px" }, children: [_jsx(IconButton, { onClick: props.onExposureDecreaseMax, sx: {
-                                width: "76px",
-                                height: "28px",
-                                py: "2px",
-                                mr: "12px",
-                                border: "1px solid white",
-                                borderRadius: "100px",
-                            }, children: _jsx(CardMedia, { component: "img", image: "/v1/svg/bulk-editor-max-button.svg", sx: { width: "20px", height: "20px", mr: "2px" } }) }), _jsx(IconButton, { onClick: props.onExposureDecrease, sx: {
-                                width: "76px",
-                                height: "28px",
-                                py: "2px",
-                                mr: "12px",
-                                border: "1px solid white",
-                                borderRadius: "100px",
-                            }, children: _jsx(CardMedia, { component: "img", image: "/v1/svg/bulk-editor-increment-button.svg", sx: { width: "20px", height: "20px", mr: "3px" } }) }), _jsx(IconButton, { onClick: props.onExposureIncrease, sx: {
-                                width: "76px",
-                                height: "28px",
-                                py: "2px",
-                                mr: "12px",
-                                border: "1px solid white",
-                                borderRadius: "100px",
-                            }, children: _jsx(CardMedia, { component: "img", image: "/v1/svg/bulk-editor-increment-button-right.svg", sx: { width: "20px", height: "20px", ml: "3px" } }) }), _jsx(IconButton, { onClick: props.onExposureIncreaseMax, sx: {
-                                width: "76px",
-                                height: "28px",
-                                py: "2px",
-                                mr: "12px",
-                                border: "1px solid white",
-                                borderRadius: "100px",
-                            }, children: _jsx(CardMedia, { component: "img", image: "/v1/svg/bulk-editor-max-button-right.svg", sx: { width: "20px", height: "20px", ml: "2px" } }) })] }), _jsx(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { mb: "6px" }, children: _jsx(Typography, { sx: { ...typography.bodyMedium, color: colors.surface }, children: "Contrast" }) }), _jsxs(Stack, { direction: "row", justifyContent: "space-between", sx: { p: "0px", m: "0px", pt: "2px", pb: "16px" }, children: [_jsx(IconButton, { onClick: props.onContrastDecreaseMax, sx: {
-                                width: "76px",
-                                height: "28px",
-                                py: "2px",
-                                mr: "12px",
-                                border: "1px solid white",
-                                borderRadius: "100px",
-                            }, children: _jsx(CardMedia, { component: "img", image: "/v1/svg/bulk-editor-max-button.svg", sx: { width: "20px", height: "20px", mr: "2px" } }) }), _jsx(IconButton, { onClick: props.onContrastDecrease, sx: {
-                                width: "76px",
-                                height: "28px",
-                                py: "2px",
-                                mr: "12px",
-                                border: "1px solid white",
-                                borderRadius: "100px",
-                            }, children: _jsx(CardMedia, { component: "img", image: "/v1/svg/bulk-editor-increment-button.svg", sx: { width: "20px", height: "20px", mr: "3px" } }) }), _jsx(IconButton, { onClick: props.onContrastIncrease, sx: {
-                                width: "76px",
-                                height: "28px",
-                                py: "2px",
-                                mr: "12px",
-                                border: "1px solid white",
-                                borderRadius: "100px",
-                            }, children: _jsx(CardMedia, { component: "img", image: "/v1/svg/bulk-editor-increment-button-right.svg", sx: { width: "20px", height: "20px", ml: "3px" } }) }), _jsx(IconButton, { onClick: props.onContrastIncreaseMax, sx: {
-                                width: "76px",
-                                height: "28px",
-                                py: "2px",
-                                mr: "12px",
-                                border: "1px solid white",
-                                borderRadius: "100px",
-                            }, children: _jsx(CardMedia, { component: "img", image: "/v1/svg/bulk-editor-max-button-right.svg", sx: { width: "20px", height: "20px", ml: "2px" } }) })] }), _jsx(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { mb: "6px" }, children: _jsx(Typography, { sx: { ...typography.bodyMedium, color: colors.surface }, children: "Highlights" }) }), _jsxs(Stack, { direction: "row", justifyContent: "space-between", sx: { p: "0px", m: "0px", pt: "2px", pb: "16px" }, children: [_jsx(IconButton, { onClick: props.onHighlightsDecreaseMax, sx: {
-                                width: "76px",
-                                height: "28px",
-                                py: "2px",
-                                mr: "12px",
-                                border: "1px solid white",
-                                borderRadius: "100px",
-                            }, children: _jsx(CardMedia, { component: "img", image: "/v1/svg/bulk-editor-max-button.svg", sx: { width: "20px", height: "20px", mr: "2px" } }) }), _jsx(IconButton, { onClick: props.onHighlightsDecrease, sx: {
-                                width: "76px",
-                                height: "28px",
-                                py: "2px",
-                                mr: "12px",
-                                border: "1px solid white",
-                                borderRadius: "100px",
-                            }, children: _jsx(CardMedia, { component: "img", image: "/v1/svg/bulk-editor-increment-button.svg", sx: { width: "20px", height: "20px", mr: "3px" } }) }), _jsx(IconButton, { onClick: props.onHighlightsIncrease, sx: {
-                                width: "76px",
-                                height: "28px",
-                                py: "2px",
-                                mr: "12px",
-                                border: "1px solid white",
-                                borderRadius: "100px",
-                            }, children: _jsx(CardMedia, { component: "img", image: "/v1/svg/bulk-editor-increment-button-right.svg", sx: { width: "20px", height: "20px", ml: "3px" } }) }), _jsx(IconButton, { onClick: props.onHighlightsIncreaseMax, sx: {
-                                width: "76px",
-                                height: "28px",
-                                py: "2px",
-                                mr: "12px",
-                                border: "1px solid white",
-                                borderRadius: "100px",
-                            }, children: _jsx(CardMedia, { component: "img", image: "/v1/svg/bulk-editor-max-button-right.svg", sx: { width: "20px", height: "20px", ml: "2px" } }) })] }), _jsx(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { mb: "6px" }, children: _jsx(Typography, { sx: { ...typography.bodyMedium, color: colors.surface }, children: "Shadows" }) }), _jsxs(Stack, { direction: "row", justifyContent: "space-between", sx: { p: "0px", m: "0px", pt: "2px", pb: "16px" }, children: [_jsx(IconButton, { onClick: props.onShadowsDecreaseMax, sx: {
-                                width: "76px",
-                                height: "28px",
-                                py: "2px",
-                                mr: "12px",
-                                border: "1px solid white",
-                                borderRadius: "100px",
-                            }, children: _jsx(CardMedia, { component: "img", image: "/v1/svg/bulk-editor-max-button.svg", sx: { width: "20px", height: "20px", mr: "2px" } }) }), _jsx(IconButton, { onClick: props.onShadowsDecrease, sx: {
-                                width: "76px",
-                                height: "28px",
-                                py: "2px",
-                                mr: "12px",
-                                border: "1px solid white",
-                                borderRadius: "100px",
-                            }, children: _jsx(CardMedia, { component: "img", image: "/v1/svg/bulk-editor-increment-button.svg", sx: { width: "20px", height: "20px", mr: "3px" } }) }), _jsx(IconButton, { onClick: props.onShadowsIncrease, sx: {
-                                width: "76px",
-                                height: "28px",
-                                py: "2px",
-                                mr: "12px",
-                                border: "1px solid white",
-                                borderRadius: "100px",
-                            }, children: _jsx(CardMedia, { component: "img", image: "/v1/svg/bulk-editor-increment-button-right.svg", sx: { width: "20px", height: "20px", ml: "3px" } }) }), _jsx(IconButton, { onClick: props.onShadowsIncreaseMax, sx: {
-                                width: "76px",
-                                height: "28px",
-                                py: "2px",
-                                mr: "12px",
-                                border: "1px solid white",
-                                borderRadius: "100px",
-                            }, children: _jsx(CardMedia, { component: "img", image: "/v1/svg/bulk-editor-max-button-right.svg", sx: { width: "20px", height: "20px", ml: "2px" } }) })] }), _jsx(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { mb: "6px" }, children: _jsx(Typography, { sx: { ...typography.bodyMedium, color: colors.surface }, children: "Whites" }) }), _jsxs(Stack, { direction: "row", justifyContent: "space-between", sx: { p: "0px", m: "0px", pt: "2px", pb: "16px" }, children: [_jsx(IconButton, { onClick: props.onWhitesDecreaseMax, sx: {
-                                width: "76px",
-                                height: "28px",
-                                py: "2px",
-                                mr: "12px",
-                                border: "1px solid white",
-                                borderRadius: "100px",
-                            }, children: _jsx(CardMedia, { component: "img", image: "/v1/svg/bulk-editor-max-button.svg", sx: { width: "20px", height: "20px", mr: "2px" } }) }), _jsx(IconButton, { onClick: props.onWhitesDecrease, sx: {
-                                width: "76px",
-                                height: "28px",
-                                py: "2px",
-                                mr: "12px",
-                                border: "1px solid white",
-                                borderRadius: "100px",
-                            }, children: _jsx(CardMedia, { component: "img", image: "/v1/svg/bulk-editor-increment-button.svg", sx: { width: "20px", height: "20px", mr: "3px" } }) }), _jsx(IconButton, { onClick: props.onWhitesIncrease, sx: {
-                                width: "76px",
-                                height: "28px",
-                                py: "2px",
-                                mr: "12px",
-                                border: "1px solid white",
-                                borderRadius: "100px",
-                            }, children: _jsx(CardMedia, { component: "img", image: "/v1/svg/bulk-editor-increment-button-right.svg", sx: { width: "20px", height: "20px", ml: "3px" } }) }), _jsx(IconButton, { onClick: props.onWhitesIncreaseMax, sx: {
-                                width: "76px",
-                                height: "28px",
-                                py: "2px",
-                                mr: "12px",
-                                border: "1px solid white",
-                                borderRadius: "100px",
-                            }, children: _jsx(CardMedia, { component: "img", image: "/v1/svg/bulk-editor-max-button-right.svg", sx: { width: "20px", height: "20px", ml: "2px" } }) })] }), _jsx(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { mb: "6px" }, children: _jsx(Typography, { sx: { ...typography.bodyMedium, color: colors.surface }, children: "Blacks" }) }), _jsxs(Stack, { direction: "row", justifyContent: "space-between", sx: { p: "0px", m: "0px", pt: "2px", pb: "16px" }, children: [_jsx(IconButton, { onClick: props.onBlacksDecreaseMax, sx: {
-                                width: "76px",
-                                height: "28px",
-                                py: "2px",
-                                mr: "12px",
-                                border: "1px solid white",
-                                borderRadius: "100px",
-                            }, children: _jsx(CardMedia, { component: "img", image: "/v1/svg/bulk-editor-max-button.svg", sx: { width: "20px", height: "20px", mr: "2px" } }) }), _jsx(IconButton, { onClick: props.onBlacksDecrease, sx: {
-                                width: "76px",
-                                height: "28px",
-                                py: "2px",
-                                mr: "12px",
-                                border: "1px solid white",
-                                borderRadius: "100px",
-                            }, children: _jsx(CardMedia, { component: "img", image: "/v1/svg/bulk-editor-increment-button.svg", sx: { width: "20px", height: "20px", mr: "3px" } }) }), _jsx(IconButton, { onClick: props.onBlacksIncrease, sx: {
-                                width: "76px",
-                                height: "28px",
-                                py: "2px",
-                                mr: "12px",
-                                border: "1px solid white",
-                                borderRadius: "100px",
-                            }, children: _jsx(CardMedia, { component: "img", image: "/v1/svg/bulk-editor-increment-button-right.svg", sx: { width: "20px", height: "20px", ml: "3px" } }) }), _jsx(IconButton, { onClick: props.onBlacksIncreaseMax, sx: {
-                                width: "76px",
-                                height: "28px",
-                                py: "2px",
-                                mr: "12px",
-                                border: "1px solid white",
-                                borderRadius: "100px",
-                            }, children: _jsx(CardMedia, { component: "img", image: "/v1/svg/bulk-editor-max-button-right.svg", sx: { width: "20px", height: "20px", ml: "2px" } }) })] })] }) }));
-}

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

@@ -1,24 +0,0 @@
-import React from "react";
-import { SelectChangeEvent } from "@mui/material";
-type Preset = {
-    id: string;
-    name: string;
-};
-interface Props {
-    presets: Preset[];
-    selectedPreset: string;
-    expandedPanels: string[];
-    presetMenuAnchorEl: null | HTMLElement;
-    activePresetMenuId: string | null;
-    isMenuOpen: boolean;
-    onPanelChange: (panel: string) => (event: React.SyntheticEvent, isExpanded: boolean) => void;
-    onSelectPreset: (event: SelectChangeEvent<string>) => void;
-    onPresetMenuClick: (event: React.MouseEvent<HTMLElement>, presetId: string) => void;
-    onPresetMenuClose: () => void;
-    onRemovePreset: () => void;
-    onRenamePreset: () => void;
-    onDeletePreset: () => void;
-    onOpenPresetModal: () => void;
-}
-export default function HBulkPreset(props: Props): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/editor/HBulkPreset.js

@@ -1,43 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Box, MenuItem, FormControl, Select, Stack, Accordion, AccordionSummary, AccordionDetails, CardMedia, Typography, IconButton, Button } from "@mui/material";
-import useHonchoTypography from "../../themes/honchoTheme";
-import useColors from "../../themes/colors";
-// Static `presets` array has been removed.
-export default function HBulkPreset(props) {
-    const typography = useHonchoTypography();
-    const colors = useColors();
-    const isMenuOpen = Boolean(props.presetMenuAnchorEl);
-    const isPanelExpanded = (panelName) => props.expandedPanels.includes(panelName);
-    const accordionStyle = {
-        backgroundColor: colors.onBackground,
-        color: colors.surface,
-        '& .MuiAccordionSummary-root': { backgroundColor: colors.onBackground, color: colors.surface },
-        '& .MuiAccordionDetails-root': { backgroundColor: colors.onBackground, color: colors.surface },
-        '& .MuiTypography-root': { color: colors.surface },
-        '& .MuiSvgIcon-root': { color: colors.surface }
-    };
-    const CustomSelectIcon = (iconProps) => {
-        const isExpanded = iconProps.className?.includes('MuiSelect-iconOpen');
-        return (_jsx(CardMedia, { component: "img", image: isExpanded ? "/v1/svg/expand-editor.svg" : "/v1/svg/expanded-editor.svg", sx: { width: "11.67px", height: "5.83px", right: '14px', position: 'absolute', pointerEvents: 'none' } }));
-    };
-    return (_jsx(_Fragment, { children: _jsx(Stack, { children: _jsxs(Accordion, { sx: accordionStyle, expanded: isPanelExpanded('preset'), onChange: props.onPanelChange('preset'), disableGutters: true, children: [_jsx(AccordionSummary, { sx: { pr: 0 }, children: _jsxs(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { width: '100%' }, children: [_jsx(Typography, { sx: { ...typography.titleMedium, color: colors.surface }, children: "Preset" }), _jsx(CardMedia, { component: "img", image: isPanelExpanded('preset') ? "/v1/svg/expanded-editor.svg" : "/v1/svg/expand-editor.svg", sx: { width: "11.67px", height: "5.83px" } })] }) }), _jsx(AccordionDetails, { sx: { pr: "4px" }, children: _jsx(FormControl, { fullWidth: true, children: _jsxs(Select, { fullWidth: true, value: props.selectedPreset, onChange: props.onSelectPreset, IconComponent: CustomSelectIcon, renderValue: (selectedId) => {
-                                    // Handle empty selection case
-                                    if (!selectedId) {
-                                        return _jsx(Typography, { sx: { ...typography.bodyMedium, color: colors.surface, opacity: 0.7 }, children: "Select Preset" });
-                                    }
-                                    // Uses props.presets to find the name
-                                    const selectedPresetObject = props.presets.find(p => p.id === selectedId);
-                                    if (!selectedPresetObject) {
-                                        return _jsx(Typography, { sx: { ...typography.bodyMedium, color: colors.surface, opacity: 0.7 }, children: "Select Preset" });
-                                    }
-                                    return _jsx(Typography, { sx: { ...typography.bodyMedium }, children: selectedPresetObject.name });
-                                }, MenuProps: {
-                                    slotProps: { paper: { sx: { backgroundColor: colors.onBackground, color: colors.surface, border: `1px solid ${colors.onSurfaceVariant1}`, mt: '20px', width: '178px', boxShadow: 'none' } } }
-                                }, sx: { border: `1px solid ${colors.outlineVariant}`, height: '44px', width: '215px', boxShadow: 'none' }, children: [_jsx(MenuItem, { value: "", sx: { borderRadius: '4px', py: '4px', my: '0px', px: '0px', mx: '0px' }, children: _jsx(Stack, { direction: "row", justifyContent: "center", alignItems: "center", sx: { width: '100%', py: '0px', px: '0px', mx: '0px', my: '4px' }, children: _jsx(Typography, { sx: {
-                                                    width: '100%',
-                                                    textAlign: 'center',
-                                                    color: colors.surface,
-                                                    opacity: 0.7,
-                                                    ...typography.bodyMedium
-                                                }, children: "No Preset" }) }) }), props.presets.map((preset) => (_jsx(MenuItem, { value: preset.id, sx: { borderRadius: '4px', py: '4px', my: '0px', px: '0px', mx: '0px' }, children: _jsxs(Stack, { direction: "row", justifyContent: "space-around", alignItems: "center", sx: { width: '100%', py: '0px', px: '0px', mx: '0px', my: '4px' }, children: [_jsx(CardMedia, { component: "img", image: "v1/svg/check-ratio-editor.svg", sx: { width: "20px", height: "20px", mr: '-16px', px: '0px', visibility: props.selectedPreset === preset.id ? 'visible' : 'hidden' } }), _jsx(Typography, { sx: { width: '24px', textWrap: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis', display: 'block', color: colors.surface, pr: "82px", pl: "0px", ml: "0px", justifyContent: 'flex-start', ...typography.bodyMedium }, children: preset.name }), _jsx(IconButton, { "aria-label": `Options for ${preset.name}`, onClick: (event) => props.onPresetMenuClick(event, preset.id), sx: { padding: "0px", margin: "0px", mr: "0px" }, children: _jsx(CardMedia, { component: "img", image: "/v1/svg/dots-editor.svg", alt: "Options", sx: { width: '20px', height: '20px' } }) })] }) }, preset.id))), _jsx(Box, { sx: { px: '16px', my: '8px' }, children: _jsx(Button, { fullWidth: true, variant: "outlined", sx: { ...typography.labelMedium, height: '40px', color: colors.onBackground, backgroundColor: colors.surface, borderRadius: '100px', borderColor: colors.surface, textTransform: 'none', '&:hover': { backgroundColor: '#e0e0e0', borderColor: colors.surface } }, onClick: props.onOpenPresetModal, children: "Create Preset" }) })] }) }) })] }) }) }));
-}

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

@@ -1,15 +0,0 @@
-import React from "react";
-import { SelectChangeEvent } from "@mui/material";
-type Preset = {
-    id: string;
-    name: string;
-};
-interface Props {
-    presets: Preset[];
-    selectedPresetBulk: string;
-    onOpenPresetModalBulk: () => void;
-    onSelectPresetBulk: (event: SelectChangeEvent<string>) => void;
-    onPresetMenuClickBulk: (event: React.MouseEvent<HTMLElement>, presetId: string) => void;
-}
-export default function HBulkPresetMobile(props: Props): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/editor/HBulkPresetMobile.js

@@ -1,26 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Typography, Stack, IconButton, CardMedia, Button, MenuItem, Box, FormControl, Select } from "@mui/material";
-import useHonchoTypography from "../../themes/honchoTheme";
-import useColors from '../../themes/colors';
-// Static `presets` array has been removed.
-export default function HBulkPresetMobile(props) {
-    const typography = useHonchoTypography();
-    const colors = useColors();
-    const CustomSelectIcon = (iconProps) => {
-        const isExpanded = iconProps.className?.includes('MuiSelect-iconOpen');
-        return (_jsx(CardMedia, { component: "img", image: isExpanded ? "/v1/svg/expanded-editor.svg" : "/v1/svg/expand-editor.svg", sx: { width: "11.67px", height: "5.83px", right: '14px', position: 'absolute', pointerEvents: 'none' } }));
-    };
-    return (_jsx(_Fragment, { children: _jsxs(Stack, { direction: "column", sx: { px: "0px", mx: "16px", mt: "6px", mb: "0px" }, children: [_jsx(Typography, { sx: { ...typography.bodyMedium, color: colors.surface }, children: "Preset" }), _jsx(FormControl, { fullWidth: true, children: _jsxs(Select, { fullWidth: true, value: props.selectedPresetBulk, onChange: props.onSelectPresetBulk, IconComponent: CustomSelectIcon, renderValue: (selectedId) => {
-                            // Uses props.presets to find the name
-                            const selectedPresetBulkObject = props.presets.find(p => p.id === selectedId);
-                            if (!selectedPresetBulkObject) {
-                                return _jsx(Typography, { sx: { ...typography.bodyMedium, color: colors.surface }, children: "Select" });
-                            }
-                            return _jsx(Typography, { sx: { ...typography.bodyMedium, color: colors.surface }, children: selectedPresetBulkObject.name });
-                        }, MenuProps: {
-                            anchorOrigin: { vertical: 'top', horizontal: 'left' },
-                            transformOrigin: { vertical: 'bottom', horizontal: 'left' },
-                            sx: { marginTop: '-10px' },
-                            slotProps: { paper: { sx: { backgroundColor: colors.onBackground, color: colors.surface, border: `1px solid ${colors.onSurfaceVariant1}`, borderRadius: '4px', width: '328px' } } }
-                        }, sx: { border: `1px solid ${colors.outlineVariant}`, height: '44px', width: '328px', mt: '6px' }, children: [props.presets.map((preset) => (_jsx(MenuItem, { value: preset.id, sx: { padding: '8px 10px', minHeight: 'auto', mb: '4px' }, children: _jsxs(Stack, { direction: "row", alignItems: "center", sx: { width: '100%' }, children: [_jsx(CardMedia, { component: "img", image: "v1/svg/check-ratio-editor.svg", sx: { width: "20px", height: "20px", mr: '12px', px: '0px', visibility: props.selectedPresetBulk === preset.id ? 'visible' : 'hidden' } }), _jsx(Typography, { sx: { width: '24px', textWrap: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis', display: 'block', color: colors.surface, pr: "82px", pl: "0px", mr: "165px", justifyContent: 'flex-start', ...typography.bodyMedium }, children: preset.name }), _jsx(IconButton, { "aria-label": `Options for ${preset.name}`, onClick: (event) => props.onPresetMenuClickBulk(event, preset.id), sx: { padding: "0px", margin: "0px", mr: "0px" }, children: _jsx(CardMedia, { component: "img", image: "/v1/svg/dots-editor.svg", alt: "Options", sx: { width: '20px', height: '20px' } }) })] }) }, preset.id))), _jsx(Box, { sx: { px: '16px', my: '8px' }, children: _jsx(Button, { fullWidth: true, variant: "outlined", sx: { ...typography.labelMedium, height: '40px', pt: '5px', color: colors.onBackground, backgroundColor: colors.surface, borderRadius: '100px', borderColor: colors.surface, textTransform: 'none', '&:hover': { backgroundColor: '#e0e0e0', borderColor: colors.surface } }, onClick: props.onOpenPresetModalBulk, children: "Create Preset" }) })] }) })] }) }));
-}

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

@@ -1,18 +0,0 @@
-import React, { ReactElement } from "react";
-interface Props {
-    open: boolean;
-    title: React.ReactNode;
-    description?: React.ReactNode | ReactElement;
-    onClose?: () => void;
-    action?: React.ReactNode;
-    actionAdjust?: React.ReactNode;
-}
-export declare function HBaseDialog(props: Props): import("react/jsx-runtime").JSX.Element;
-export declare function HDialogForPreset(props: Props): import("react/jsx-runtime").JSX.Element;
-interface ButtonProps {
-    text: string;
-    onClick: () => void;
-}
-export declare function PositiveButton(props: ButtonProps): import("react/jsx-runtime").JSX.Element;
-export declare function NegativeButton(props: ButtonProps): import("react/jsx-runtime").JSX.Element;
-export {};