@yogiswara/honcho-editor-ui 1.0.1 → 1.0.2

package/dist/components/editor/HAccordionAspectRatio.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState } from "react";
 import { Accordion, AccordionDetails, AccordionSummary, Button, Stack, Slider, Typography, CardMedia, IconButton, TextField } from "@mui/material";
-import useHonchoTypography from "@/honchoTheme";
-import useColors from "@/colors";
+import useHonchoTypography from "../../themes/honchoTheme";
+import useColors from '../../themes/colors';
 export default function HAccordionAspectRatio(props) {
     const typography = useHonchoTypography();
     const colors = useColors();

package/dist/components/editor/HAccordionColor.js

@@ -1,7 +1,7 @@
 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 "@/honchoTheme";
-import useColors from "@/colors";
+import useHonchoTypography from "../../themes/honchoTheme";
+import useColors from '../../themes/colors';
 export default function HAccordionColor(props) {
     const typography = useHonchoTypography();
     const colors = useColors();

package/dist/components/editor/HAccordionColorAdjustment.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Accordion, AccordionDetails, AccordionSummary, CardMedia, Stack, Typography } from "@mui/material";
-import useHonchoTypography from "@/honchoTheme";
 import HAccordionColor from "./HAccordionColor";
 import HAccordionLight from "./HAccordionLight";
 import HAccordionDetails from "./HAccordionDetails";
-import useColors from "@/colors";
+import useHonchoTypography from "../../themes/honchoTheme";
+import useColors from '../../themes/colors';
 export default function HAccordionColorAdjustment(props) {
     const typography = useHonchoTypography();
     const colors = useColors();

package/dist/components/editor/HAccordionDetails.js

@@ -1,7 +1,7 @@
 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 "@/honchoTheme";
-import useColors from "@/colors";
+import useHonchoTypography from "../../themes/honchoTheme";
+import useColors from '../../themes/colors';
 export default function HAccordionDetails(props) {
     const typography = useHonchoTypography();
     const colors = useColors();

package/dist/components/editor/HAccordionLight.js

@@ -1,7 +1,7 @@
 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 "@/honchoTheme";
-import useColors from "@/colors";
+import useHonchoTypography from "../../themes/honchoTheme";
+import useColors from '../../themes/colors';
 export default function HAccordionLight(props) {
     const typography = useHonchoTypography();
     const colors = useColors();

package/dist/components/editor/HAccordionPreset.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Box, Accordion, AccordionDetails, AccordionSummary, Button, Stack, Typography, CardMedia, IconButton } from "@mui/material";
-import useHonchoTypography from "@/honchoTheme";
-import useColors from "@/colors";
+import useHonchoTypography from "../../themes/honchoTheme";
+import useColors from '../../themes/colors';
 // --- The static presets array has been REMOVED from this component ---
 export default function HAccordionPreset(props) {
     const typography = useHonchoTypography();

package/dist/components/editor/HAlertBox.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Alert, IconButton } from "@mui/material";
 import CloseIcon from "@mui/icons-material/Close";
-import useColors from "@/colors";
+import useColors from '../../themes/colors';
 export function HAlertInternetBox() {
     const colors = useColors();
     return (_jsx(Alert, { icon: _jsx("img", { src: "v1/svg/check-ratio-editor.svg" }), sx: { position: 'absolute',

package/dist/components/editor/HBulkAccordionColorAdjustment.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Accordion, AccordionDetails, AccordionSummary, CardMedia, Stack, Typography } from "@mui/material";
-import useHonchoTypography from "@/honchoTheme";
-import useColors from "@/colors";
+import useHonchoTypography from "../../themes/honchoTheme";
+import useColors from '../../themes/colors';
 import HBulkAccordionColorAdjustmentColors from "./HBulkAccordionColorAdjustmentColors";
 import HBulkAccordionColorAdjustmentLight from "./HBulkAccordionColorAdjustmentLight";
 import HBulkAccordionColorAdjustmentDetails from "./HBulkAccordionColorAdjustmentDetails";

package/dist/components/editor/HBulkAccordionColorAdjustmentColors.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Stack, Typography, IconButton, CardMedia } from "@mui/material";
-import useHonchoTypography from "@/honchoTheme";
-import useColors from "@/colors";
+import useHonchoTypography from "../../themes/honchoTheme";
+import useColors from '../../themes/colors';
 export default function HBulkAccordionColorAdjustmentColors(props) {
     const typography = useHonchoTypography();
     const colors = useColors();

package/dist/components/editor/HBulkAccordionColorAdjustmentDetails.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Stack, Typography, IconButton, CardMedia } from "@mui/material";
-import useHonchoTypography from "@/honchoTheme";
-import useColors from "@/colors";
+import useHonchoTypography from "../../themes/honchoTheme";
+import useColors from '../../themes/colors';
 export default function HBulkAccordionColorAdjustmentDetails(props) {
     const typography = useHonchoTypography();
     const colors = useColors();

package/dist/components/editor/HBulkAccordionColorAdjustmentLight.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Stack, Typography, IconButton, CardMedia } from "@mui/material";
-import useHonchoTypography from "@/honchoTheme";
-import useColors from "@/colors";
+import useHonchoTypography from "../../themes/honchoTheme";
+import useColors from '../../themes/colors';
 export default function HBulkAccordionColorAdjustmentLight(props) {
     const typography = useHonchoTypography();
     const colors = useColors();

package/dist/components/editor/HBulkColorMobile.js

@@ -1,7 +1,7 @@
 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 "@/honchoTheme";
-import useColors from "@/colors";
+import useHonchoTypography from "../../themes/honchoTheme";
+import useColors from '../../themes/colors';
 export default function HBulkColorMobile(props) {
     const typography = useHonchoTypography();
     const colors = useColors();

package/dist/components/editor/HBulkDetailsMobile.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Stack, Typography, CardMedia, IconButton } from "@mui/material";
-import useColors from "@/colors";
-import useHonchoTypography from "@/honchoTheme";
+import useHonchoTypography from "../../themes/honchoTheme";
+import useColors from '../../themes/colors';
 export default function HBulkDetailsMobile(props) {
     const typography = useHonchoTypography();
     const colors = useColors();

package/dist/components/editor/HBulkLightMobile.js

@@ -1,7 +1,7 @@
 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 "@/honchoTheme";
-import useColors from "@/colors";
+import useHonchoTypography from "../../themes/honchoTheme";
+import useColors from '../../themes/colors';
 export default function HBulkLightMobile(props) {
     const typography = useHonchoTypography();
     const colors = useColors();

package/dist/components/editor/HBulkPreset.js

@@ -1,7 +1,7 @@
 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 "@/honchoTheme";
-import useColors from "@/colors";
+import useHonchoTypography from "../../themes/honchoTheme";
+import useColors from '../../themes/colors';
 // Static `presets` array has been removed.
 export default function HBulkPreset(props) {
     const typography = useHonchoTypography();

package/dist/components/editor/HBulkPresetMobile.js

@@ -1,7 +1,7 @@
 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 useColors from "@/colors";
-import useHonchoTypography from "@/honchoTheme";
+import useHonchoTypography from "../../themes/honchoTheme";
+import useColors from '../../themes/colors';
 // Static `presets` array has been removed.
 export default function HBulkPresetMobile(props) {
     const typography = useHonchoTypography();

package/dist/components/editor/HDialogBox.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button, Dialog, DialogContent, IconButton, Stack, Typography, } from "@mui/material";
-import useColors from "@/colors";
-import useHonchoTypography from "@/honchoTheme";
+import useHonchoTypography from "../../themes/honchoTheme";
+import useColors from '../../themes/colors';
 import { CloseOutlined } from "@mui/icons-material";
 export function HBaseDialog(props) {
     const colors = useColors();

package/dist/components/editor/HDialogCopy.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button, Stack, Typography, Checkbox, Collapse, FormControlLabel, IconButton } from "@mui/material";
 import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
-import useColors from "@/colors";
-import useHonchoTypography from "@/honchoTheme";
+import useHonchoTypography from "../../themes/honchoTheme";
+import useColors from '../../themes/colors';
 export function HDialogCopy(props) {
     const colors = useColors();
     const typography = useHonchoTypography();

package/dist/components/editor/HFooter.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Button, Stack, IconButton, CardMedia, MenuItem, ListItemText, Menu } from "@mui/material";
-import useHonchoTypography from "@/honchoTheme";
-import useColors from "@/colors";
+import useHonchoTypography from "../../themes/honchoTheme";
+import useColors from '../../themes/colors';
 export default function HFooter(props) {
     const typography = useHonchoTypography();
     const colors = useColors();

package/dist/components/editor/HHeaderEditor.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Stack, IconButton, CardMedia, MenuItem, ListItemText, ListItemIcon, Menu, Button, Typography } from "@mui/material";
-import useHonchoTypography from "@/honchoTheme";
-import useColors from "@/colors";
-import useIsMobile from "@/utils/isMobile";
+import useHonchoTypography from "../../themes/honchoTheme";
+import useColors from '../../themes/colors';
+import useIsMobile from "../../utils/isMobile";
 export default function HHeaderEditor(props) {
     const typography = useHonchoTypography();
     const colors = useColors();

package/dist/components/editor/HImageEditorBulkDekstop.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Stack, IconButton, CardMedia, Paper, Slide } from "@mui/material";
-import useHonchoTypography from "@/honchoTheme";
-import useColors from "@/colors";
+import useHonchoTypography from "../../themes/honchoTheme";
+import useColors from '../../themes/colors';
 export default function HImageEditorBulkDekstop(props) {
     const typography = useHonchoTypography();
     const colors = useColors();

package/dist/components/editor/HImageEditorBulkMobile.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { BottomNavigation, BottomNavigationAction, Box, CardMedia, Paper, Stack } from "@mui/material";
-import useColors from "@/colors";
-import useHonchoTypography from "@/honchoTheme";
+import useHonchoTypography from "../../themes/honchoTheme";
+import useColors from '../../themes/colors';
 import HBulkColorAdjustmentMobile from "./HBulkColorAdjustmentMobile";
 import HBulkPresetMobile from "./HBulkPresetMobile";
 // Data structure for the sub-navigation tabs

package/dist/components/editor/HImageEditorDekstop.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Stack, IconButton, CardMedia, Paper, Slide } from "@mui/material";
-import useHonchoTypography from "@/honchoTheme";
-import useColors from "@/colors";
+import useHonchoTypography from "../../themes/honchoTheme";
+import useColors from '../../themes/colors';
 export default function HImageEditorDesktop(props) {
     const typography = useHonchoTypography();
     const colors = useColors();

package/dist/components/editor/HImageEditorMobile.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { BottomNavigation, BottomNavigationAction, Box, CardMedia, Paper, Stack } from "@mui/material";
-import useColors from "@/colors";
-import useHonchoTypography from "@/honchoTheme";
+import useHonchoTypography from "../../themes/honchoTheme";
+import useColors from '../../themes/colors';
 import HTabColorAdjustmentMobile from "./HTabColorAdjustmentMobile";
 import HTabPresetMobile from "./HTabPresetMobile";
 // Data structure for the sub-navigation tabs

package/dist/components/editor/HImageEditorMobileLayout.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { BottomNavigation, BottomNavigationAction, Box, CardMedia, Paper, Stack } from "@mui/material";
-import useColors from "@/colors";
-import useHonchoTypography from "@/honchoTheme";
+import useHonchoTypography from "../../themes/honchoTheme";
+import useColors from '../../themes/colors';
 // Data structure for the sub-navigation tabs
 const subTabs = {
     colorAdjustment: [

package/dist/components/editor/HImageEditorPage.js

@@ -2,31 +2,31 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState, useMemo, Suspense } from "react";
 import { Box, Stack, CircularProgress, Typography, Checkbox, Paper } from "@mui/material";
-import useColors from "@/colors";
+import useColors from '../../themes/colors';
 import AutoFixHighIcon from '@mui/icons-material/AutoFixHigh'; // Magic Wand Icon
 import Script from "next/script";
-import useIsMobile from "@/utils/isMobile";
+import useIsMobile from "../../utils/isMobile";
 // Components
-import HHeaderEditor from "@/components/editor/HHeaderEditor";
-import HAccordionColorAdjustment from "@/components/editor/HAccordionColorAdjustment";
-import HAccordionPreset from "@/components/editor/HAccordionPreset";
-import { HBaseDialog } from "@/components/editor/HDialogBox";
-import { HDialogCopy, HDialogPreset } from "@/components/editor/HDialogCopy";
-import HImageEditorMobile from "@/components/editor/HImageEditorMobile";
-import HImageEditorDesktop from "@/components/editor/HImageEditorDekstop";
-import HImageEditorBulkDekstop from "@/components/editor/HImageEditorBulkDekstop";
-import HImageEditorBulkMobile from "@/components/editor/HImageEditorBulkMobile";
-import HBulkAccordionColorAdjustment from "@/components/editor/HBulkAccordionColorAdjustment";
-import HBulkPreset from "@/components/editor/HBulkPreset";
-import HModalEditorDekstop from "@/components/editor/HModalEditorDekstop";
-import HFooter from "@/components/editor/HFooter";
-import { HTextField } from "@/components/editor/HTextField";
-import HWatermarkView from "@/components/editor/HWatermarkView";
-import HModalMobile from "@/components/editor/HModalMobile";
-import HPresetOptionsMenu from "@/components/editor/HPresetOptionMenu";
-import { HAlertInternetBox, HAlertCopyBox, HAlertInternetConnectionBox } from "@/components/editor/HAlertBox";
+import HHeaderEditor from "./HHeaderEditor";
+import HAccordionColorAdjustment from "./HAccordionColorAdjustment";
+import HAccordionPreset from "./HAccordionPreset";
+import { HBaseDialog } from "./HDialogBox";
+import { HDialogCopy, HDialogPreset } from "./HDialogCopy";
+import HImageEditorMobile from "./HImageEditorMobile";
+import HImageEditorDesktop from "./HImageEditorDekstop";
+import HImageEditorBulkDekstop from "./HImageEditorBulkDekstop";
+import HImageEditorBulkMobile from "./HImageEditorBulkMobile";
+import HBulkAccordionColorAdjustment from "./HBulkAccordionColorAdjustment";
+import HBulkPreset from "./HBulkPreset";
+import HModalEditorDekstop from "./HModalEditorDekstop";
+import HFooter from "./HFooter";
+import { HTextField } from "./HTextField";
+import HWatermarkView from "./HWatermarkView";
+import HModalMobile from "./HModalMobile";
+import HPresetOptionsMenu from "./HPresetOptionMenu";
+import { HAlertInternetBox, HAlertCopyBox, HAlertInternetConnectionBox } from "./HAlertBox";
 // Hooks
-import { useHonchoEditor } from "@/hooks/editor/useHonchoEditor";
+import { useHonchoEditor } from "../../hooks/editor/useHonchoEditor";
 const initialAdjustments = {
     tempScore: 0, tintScore: 0, vibranceScore: 0, exposureScore: 0, highlightsScore: 0, shadowsScore: 0,
     whitesScore: 0, blacksScore: 0, saturationScore: 0, contrastScore: 0, clarityScore: 0, sharpnessScore: 0,

package/dist/components/editor/HModalEditorDekstop.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Modal, Box, Typography, Button, Stack } from "@mui/material";
-import useColors from "@/colors";
-import useHonchoTypography from "@/honchoTheme";
+import useHonchoTypography from "../../themes/honchoTheme";
+import useColors from '../../themes/colors';
 // Create modal for any usage coverage
 export default function HModalEditorDekstop(props) {
     const colors = useColors();

package/dist/components/editor/HModalMobile.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Modal, Box, Typography, Button, Stack, IconButton, CardMedia } from "@mui/material";
-import useColors from "@/colors";
+import useColors from '../../themes/colors';
 export default function HModalMobile(props) {
     const colors = useColors();
     return (_jsx(_Fragment, { children: _jsx(Modal, { open: props.modalOpen, onClose: props.modalClose, children: _jsxs(Stack, { direction: "column", spacing: 2, height: "100%", sx: { p: "10px", backgroundColor: colors.surface }, children: [_jsxs(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", children: [_jsxs(Stack, { direction: "row", justifyContent: "flex-start", alignItems: "center", spacing: 1, children: [_jsx(IconButton, { "aria-label": "close", onClick: props.modalClose, children: _jsx(CardMedia, { component: "img", image: "/v1/svg/exit-button-modal-mobile.svg" }) }), _jsx(Typography, { variant: "h6", color: "initial", children: props.modalTitle })] }), _jsx(Button, { onClick: props.onConfirm, children: "Save" })] }), _jsx(Typography, { variant: "inherit", color: "initial", children: props.modalInformation }), _jsx(Box, { sx: { mt: 2 }, children: props.children })] }) }) }));

package/dist/components/editor/HPresetOptionMenu.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Menu, MenuItem, ListItemText, CardMedia, Stack } from "@mui/material";
-import useHonchoTypography from "@/honchoTheme";
-import useColors from "@/colors";
+import useHonchoTypography from "../../themes/honchoTheme";
+import useColors from '../../themes/colors';
 export default function HPresetOptionsMenu(props) {
     const typography = useHonchoTypography();
     const colors = useColors();

package/dist/components/editor/HSliderColorMobile.js

@@ -1,7 +1,7 @@
 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 "@/honchoTheme";
-import useColors from "@/colors";
+import useHonchoTypography from "../../themes/honchoTheme";
+import useColors from '../../themes/colors';
 export default function HSliderColorMobile(props) {
     const typography = useHonchoTypography();
     const colors = useColors();

package/dist/components/editor/HSliderDetailsMobile.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Stack, Slider, Typography, TextField } from "@mui/material";
-import useColors from "@/colors";
-import useHonchoTypography from "@/honchoTheme";
+import useHonchoTypography from "../../themes/honchoTheme";
+import useColors from '../../themes/colors';
 export default function HSliderDetailsMobile(props) {
     const typography = useHonchoTypography();
     const colors = useColors();

package/dist/components/editor/HSliderLightMobile.js

@@ -1,7 +1,7 @@
 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 "@/honchoTheme";
-import useColors from "@/colors";
+import useHonchoTypography from "../../themes/honchoTheme";
+import useColors from '../../themes/colors';
 export default function HSliderLightMobile(props) {
     const typography = useHonchoTypography();
     const colors = useColors();

package/dist/components/editor/HTabPresetMobile.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Stack, IconButton, CardMedia, Button } from "@mui/material";
-import useColors from "@/colors";
-import useHonchoTypography from "@/honchoTheme";
+import useHonchoTypography from "../../themes/honchoTheme";
+import useColors from '../../themes/colors';
 // Static `presets` array has been removed.
 export default function HTabPresetMobile(props) {
     const typography = useHonchoTypography();

package/dist/components/editor/HTextField.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { TextField, Stack, Button } from "@mui/material";
-import useHonchoTypography from "@/honchoTheme";
-import useColors from "@/colors";
+import useHonchoTypography from "../../themes/honchoTheme";
+import useColors from '../../themes/colors';
 export function HTextField(props) {
     const colors = useColors();
     const typography = useHonchoTypography();

package/dist/components/editor/HWatermarkView.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { TextField, Button, Stack } from "@mui/material";
-import useColors from "@/colors";
-import useHonchoTypography from "@/honchoTheme";
+import useHonchoTypography from "../../themes/honchoTheme";
+import useColors from '../../themes/colors';
 export default function HWatermarkView(props) {
     const colors = useColors();
     const typography = useHonchoTypography();

package/dist/hooks/editor/useHonchoEditor.js

@@ -1,6 +1,6 @@
 'use client';
 import { useState, useRef, useCallback, useEffect } from 'react';
-import { HonchoEditor } from '@/lib/editor/honcho-editor';
+import { HonchoEditor } from '../../lib/editor/honcho-editor';
 const initialAdjustments = {
     tempScore: 0, tintScore: 0, vibranceScore: 0, exposureScore: 0, highlightsScore: 0, shadowsScore: 0,
     whitesScore: 0, blacksScore: 0, saturationScore: 0, contrastScore: 0, clarityScore: 0, sharpnessScore: 0,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yogiswara/honcho-editor-ui",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "A complete UI component library for the Honcho photo editor.",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",