@solostylist/image-editor 1.0.12 → 1.0.14

package/lib/components/tabs-drawer/index.js

@@ -1,12 +1,15 @@
 import { useCallback, useMemo } from 'react';
+import CloseIcon from '@mui/icons-material/Close';
 import Box from '@mui/material/Box';
 import SwipeableDrawer from '@mui/material/SwipeableDrawer';
 import ButtonBase from '@mui/material/ButtonBase';
 import Typography from '@mui/material/Typography';
+import { SIconButton } from '@solostylist/ui-kit';
 import { useStore } from "../../hooks";
 import { SELECT_TAB } from "../../actions";
 import { AVAILABLE_TABS } from "../tabs/tabs.constants";
-var TabsDrawer = function TabsDrawer(_ref) {
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var STabsDrawer = function STabsDrawer(_ref) {
   var _ref$toggleMainMenu = _ref.toggleMainMenu,
     toggleMainMenu = _ref$toggleMainMenu === void 0 ? function () {} : _ref$toggleMainMenu;
   var _useStore = useStore(),
@@ -18,10 +21,10 @@ var TabsDrawer = function TabsDrawer(_ref) {
     _useStore$config = _useStore.config,
     defaultTabId = _useStore$config.defaultTabId,
     tabsIds = _useStore$config.tabsIds;
-  var currentTabId = tabId || defaultTabId;
+  var currentTabId = tabId !== null && tabId !== void 0 ? tabId : defaultTabId;
   var chosenTabs = useMemo(function () {
     var tabs = [];
-    var tabsIdsArray = Array.isArray(tabsIds) ? tabsIds : Object.keys(tabsIds || {});
+    var tabsIdsArray = Array.isArray(tabsIds) ? tabsIds : Object.keys(tabsIds !== null && tabsIds !== void 0 ? tabsIds : {});
     if (tabsIdsArray.length > 0) {
       AVAILABLE_TABS.forEach(function (tab) {
         var index = tabsIdsArray.indexOf(tab.id);
@@ -45,7 +48,7 @@ var TabsDrawer = function TabsDrawer(_ref) {
     });
     toggleMainMenu(false);
   }, [dispatch, toggleMainMenu]);
-  return React.createElement(SwipeableDrawer, {
+  return _jsxs(SwipeableDrawer, {
     anchor: "bottom",
     open: showTabsMenu,
     onClose: function onClose() {
@@ -58,52 +61,78 @@ var TabsDrawer = function TabsDrawer(_ref) {
     disableSwipeToOpen: true,
     sx: {
       '& .MuiDrawer-paper': {
+        maxHeight: '90vh',
         borderRadius: '16px 16px 0 0',
-        maxHeight: '50vh',
-        pb: 2
+        overflow: 'hidden',
+        display: 'flex',
+        flexDirection: 'column',
+        backgroundColor: 'background.paper',
+        backgroundImage: 'none'
       }
-    }
-  }, React.createElement(Box, {
-    sx: {
-      display: 'flex',
-      justifyContent: 'center',
-      py: 2
-    }
-  }, React.createElement(Box, {
-    sx: {
-      width: 36,
-      height: 4,
-      borderRadius: 2,
-      bgcolor: 'action.disabled'
-    }
-  })), React.createElement(Box, {
-    sx: {
-      display: 'grid',
-      gridTemplateColumns: 'repeat(3, 1fr)',
-      gap: 1,
-      px: 2,
-      pb: 1
-    }
-  }, chosenTabs.map(function (tab) {
-    var isActive = currentTabId === tab.id;
-    var Icon = tab.icon;
-    return React.createElement(ButtonBase, {
-      key: tab.id,
-      onClick: function onClick() {
-        return selectTab(tab.id);
-      },
+    },
+    children: [_jsxs(Box, {
       sx: {
         display: 'flex',
-        flexDirection: 'column',
         alignItems: 'center',
-        gap: 0.5,
+        justifyContent: 'space-between',
+        px: 3,
         py: 2,
-        borderRadius: 2,
-        bgcolor: isActive ? 'primary.main' : 'action.hover',
-        color: isActive ? 'primary.contrastText' : 'text.primary',
-        transition: 'all 0.15s ease'
-      }
-    }, React.createElement(Icon, null), React.createElement(Typography, null, t(tab.labelKey)));
-  })));
+        borderBottom: 1,
+        borderColor: 'divider',
+        backgroundColor: 'background.paper'
+      },
+      children: [_jsx(Typography, {
+        variant: "h4",
+        className: "gradient-text",
+        children: t('tabs')
+      }), _jsx(SIconButton, {
+        onClick: function onClick() {
+          return toggleMainMenu(false);
+        },
+        "aria-label": t('close'),
+        children: _jsx(CloseIcon, {})
+      })]
+    }), _jsx(Box, {
+      sx: {
+        flex: 1,
+        overflow: 'auto',
+        display: 'flex',
+        flexDirection: 'column',
+        backgroundColor: 'background.paper',
+        px: 2,
+        py: 2
+      },
+      children: _jsx(Box, {
+        sx: {
+          display: 'grid',
+          gridTemplateColumns: 'repeat(3, 1fr)',
+          gap: 1
+        },
+        children: chosenTabs.map(function (tab) {
+          var isActive = currentTabId === tab.id;
+          var Icon = tab.icon;
+          return _jsxs(ButtonBase, {
+            onClick: function onClick() {
+              return selectTab(tab.id);
+            },
+            sx: {
+              display: 'flex',
+              flexDirection: 'column',
+              alignItems: 'center',
+              gap: 0.5,
+              py: 2,
+              borderRadius: 2,
+              bgcolor: isActive ? 'primary.main' : 'action.hover',
+              color: isActive ? 'primary.contrastText' : 'text.primary',
+              transition: 'all 0.15s ease'
+            },
+            children: [_jsx(Icon, {}), _jsx(Typography, {
+              children: t(tab.labelKey)
+            })]
+          }, tab.id);
+        })
+      })
+    })]
+  });
 };
-export default TabsDrawer;
+export default STabsDrawer;

package/lib/components/tools/arrow/arrow-button.d.ts

@@ -0,0 +1,8 @@
+interface ArrowButtonProps {
+    selectTool: () => void;
+    isSelected?: boolean;
+    t: (key: string) => string;
+}
+declare const ArrowButton: ({ selectTool, isSelected, t, }: ArrowButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default ArrowButton;
+//# sourceMappingURL=arrow-button.d.ts.map

package/lib/components/tools/arrow/arrow-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrow-button.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/arrow/arrow-button.tsx"],"names":[],"mappings":"AAOA,UAAU,gBAAgB;IACxB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;CAC5B;AAED,QAAA,MAAM,WAAW,GAAI,gCAIlB,gBAAgB,4CAUlB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/components/tools/arrow/arrow-button.js

@@ -1,12 +1,13 @@
 import { CallMadeOutlined as ArrowIcon } from '@mui/icons-material';
 import ToolsBarItemButton from "../../tools-bar/tools-bar-item-button";
 import { TOOLS_IDS } from "../../../utils/constants";
+import { jsx as _jsx } from "react/jsx-runtime";
 var ArrowButton = function ArrowButton(_ref) {
   var selectTool = _ref.selectTool,
     _ref$isSelected = _ref.isSelected,
     isSelected = _ref$isSelected === void 0 ? false : _ref$isSelected,
     t = _ref.t;
-  return React.createElement(ToolsBarItemButton, {
+  return _jsx(ToolsBarItemButton, {
     id: TOOLS_IDS.ARROW,
     label: t('arrowTool'),
     Icon: ArrowIcon,

package/lib/components/tools/arrow/arrow-options.d.ts

@@ -0,0 +1,4 @@
+/** External Dependencies */
+declare const ArrowOptions: () => import("react/jsx-runtime").JSX.Element;
+export default ArrowOptions;
+//# sourceMappingURL=arrow-options.d.ts.map

package/lib/components/tools/arrow/arrow-options.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrow-options.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/arrow/arrow-options.tsx"],"names":[],"mappings":"AAAA,4BAA4B;AAQ5B,QAAA,MAAM,YAAY,+CAajB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/lib/components/tools/arrow/arrow-options.js

@@ -2,6 +2,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { useAnnotation } from "../../../hooks";
 import { TOOLS_IDS } from "../../../utils/constants";
 import AnnotationOptions from "../../common/annotation-options";
+import { jsx as _jsx } from "react/jsx-runtime";
 var ArrowOptions = function ArrowOptions() {
   var _useAnnotation = useAnnotation({
       name: TOOLS_IDS.ARROW
@@ -9,7 +10,7 @@ var ArrowOptions = function ArrowOptions() {
     _useAnnotation2 = _slicedToArray(_useAnnotation, 2),
     arrow = _useAnnotation2[0],
     saveArrow = _useAnnotation2[1];
-  return React.createElement(AnnotationOptions, {
+  return _jsx(AnnotationOptions, {
     annotation: arrow,
     updateAnnotation: saveArrow,
     hidePositionField: true,

package/lib/components/tools/arrow/index.d.ts

@@ -0,0 +1,3 @@
+export { default as ArrowButton } from './arrow-button';
+export { default as ArrowOptions } from './arrow-options';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/tools/arrow/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/arrow/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAExD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAC"}

package/lib/components/tools/blur/blur-options.d.ts

@@ -0,0 +1,6 @@
+interface BlurOptionsProps {
+    t: (key: string) => string;
+}
+declare const BlurOptions: ({ t }: BlurOptionsProps) => import("react/jsx-runtime").JSX.Element;
+export default BlurOptions;
+//# sourceMappingURL=blur-options.d.ts.map

package/lib/components/tools/blur/blur-options.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"blur-options.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/blur/blur-options.tsx"],"names":[],"mappings":"AAeA,UAAU,gBAAgB;IACxB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;CAC5B;AAED,QAAA,MAAM,WAAW,GAAI,OAAO,gBAAgB,4CAuB3C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/components/tools/blur/blur-options.js

@@ -4,6 +4,7 @@ import { Box } from '@mui/material';
 import Slider from "../../common/slider";
 import { useFinetune } from "../../../hooks";
 import restrictNumber from "../../../utils/restrict-number";
+import { jsx as _jsx } from "react/jsx-runtime";
 var MIN_VALUE = 0;
 var DEFAULT_VALUE = {
   blurRadius: MIN_VALUE
@@ -21,15 +22,16 @@ var BlurOptions = function BlurOptions(_ref) {
       blurRadius: restrictNumber(value, MIN_VALUE, MAX_VALUE)
     });
   };
-  return React.createElement(Box, {
+  return _jsx(Box, {
     display: "flex",
-    justifyContent: "center"
-  }, React.createElement(Slider, {
-    label: t('blur'),
-    min: MIN_VALUE,
-    max: MAX_VALUE,
-    value: (_finetuneProps$blurRa = finetuneProps.blurRadius) !== null && _finetuneProps$blurRa !== void 0 ? _finetuneProps$blurRa : DEFAULT_VALUE.blurRadius,
-    onChange: changeValue
-  }));
+    justifyContent: "center",
+    children: _jsx(Slider, {
+      label: t('blur'),
+      min: MIN_VALUE,
+      max: MAX_VALUE,
+      value: (_finetuneProps$blurRa = finetuneProps.blurRadius) !== null && _finetuneProps$blurRa !== void 0 ? _finetuneProps$blurRa : DEFAULT_VALUE.blurRadius,
+      onChange: changeValue
+    })
+  });
 };
 export default BlurOptions;

package/lib/components/tools/blur/blur.d.ts

@@ -0,0 +1,8 @@
+interface BlurProps {
+    selectTool: () => void;
+    isSelected?: boolean;
+    t: (key: string) => string;
+}
+declare const Blur: ({ selectTool, isSelected, t }: BlurProps) => import("react/jsx-runtime").JSX.Element;
+export default Blur;
+//# sourceMappingURL=blur.d.ts.map

package/lib/components/tools/blur/blur.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"blur.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/blur/blur.tsx"],"names":[],"mappings":"AAOA,UAAU,SAAS;IACjB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;CAC5B;AAED,QAAA,MAAM,IAAI,GAAI,+BAAuC,SAAS,4CAU7D,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/lib/components/tools/blur/blur.js

@@ -1,12 +1,13 @@
 import { BlurOnOutlined as BlurIcon } from '@mui/icons-material';
 import ToolsBarItemButton from "../../tools-bar/tools-bar-item-button";
 import { TOOLS_IDS } from "../../../utils/constants";
+import { jsx as _jsx } from "react/jsx-runtime";
 var Blur = function Blur(_ref) {
   var selectTool = _ref.selectTool,
     _ref$isSelected = _ref.isSelected,
     isSelected = _ref$isSelected === void 0 ? false : _ref$isSelected,
     t = _ref.t;
-  return React.createElement(ToolsBarItemButton, {
+  return _jsx(ToolsBarItemButton, {
     id: TOOLS_IDS.BLUR,
     label: t('blurTool'),
     Icon: BlurIcon,

package/lib/components/tools/blur/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Blur } from './blur';
+export { default as BlurOptions } from './blur-options';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/tools/blur/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/blur/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AAEzC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAC"}

package/lib/components/tools/brightness/brightness-options.d.ts

@@ -0,0 +1,6 @@
+interface BrightnessOptionsProps {
+    t: (key: string) => string;
+}
+declare const BrightnessOptions: ({ t }: BrightnessOptionsProps) => import("react/jsx-runtime").JSX.Element;
+export default BrightnessOptions;
+//# sourceMappingURL=brightness-options.d.ts.map

package/lib/components/tools/brightness/brightness-options.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"brightness-options.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/brightness/brightness-options.tsx"],"names":[],"mappings":"AAeA,UAAU,sBAAsB;IAC9B,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;CAC5B;AAED,QAAA,MAAM,iBAAiB,GAAI,OAAO,sBAAsB,4CAwBvD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/lib/components/tools/brightness/brightness-options.js

@@ -4,6 +4,7 @@ import Slider from "../../common/slider";
 import { useFinetune } from "../../../hooks";
 import restrictNumber from "../../../utils/restrict-number";
 import { Box } from '@mui/material';
+import { jsx as _jsx } from "react/jsx-runtime";
 var MIN_VALUE = -1;
 var DEFAULT_VALUE = {
   brightness: 0
@@ -21,16 +22,17 @@ var BrightnessOptions = function BrightnessOptions(_ref) {
       brightness: restrictNumber(value, MIN_VALUE, MAX_VALUE)
     });
   };
-  return React.createElement(Box, {
+  return _jsx(Box, {
     display: "flex",
-    justifyContent: "center"
-  }, React.createElement(Slider, {
-    label: t('brightness'),
-    min: MIN_VALUE,
-    step: 0.05,
-    max: MAX_VALUE,
-    value: (_finetuneProps$bright = finetuneProps.brightness) !== null && _finetuneProps$bright !== void 0 ? _finetuneProps$bright : DEFAULT_VALUE.brightness,
-    onChange: changeValue
-  }));
+    justifyContent: "center",
+    children: _jsx(Slider, {
+      label: t('brightness'),
+      min: MIN_VALUE,
+      step: 0.05,
+      max: MAX_VALUE,
+      value: (_finetuneProps$bright = finetuneProps.brightness) !== null && _finetuneProps$bright !== void 0 ? _finetuneProps$bright : DEFAULT_VALUE.brightness,
+      onChange: changeValue
+    })
+  });
 };
 export default BrightnessOptions;

package/lib/components/tools/brightness/brightness.d.ts

@@ -0,0 +1,8 @@
+interface BrightnessProps {
+    selectTool: () => void;
+    isSelected?: boolean;
+    t: (key: string) => string;
+}
+declare const Brightness: ({ selectTool, isSelected, t }: BrightnessProps) => import("react/jsx-runtime").JSX.Element;
+export default Brightness;
+//# sourceMappingURL=brightness.d.ts.map

package/lib/components/tools/brightness/brightness.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"brightness.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/brightness/brightness.tsx"],"names":[],"mappings":"AAOA,UAAU,eAAe;IACvB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;CAC5B;AAED,QAAA,MAAM,UAAU,GAAI,+BAAuC,eAAe,4CAUzE,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/components/tools/brightness/brightness.js

@@ -1,12 +1,13 @@
 import { BrightnessHighOutlined as BrightnessIcon } from '@mui/icons-material';
 import ToolsBarItemButton from "../../tools-bar/tools-bar-item-button";
 import { TOOLS_IDS } from "../../../utils/constants";
+import { jsx as _jsx } from "react/jsx-runtime";
 var Brightness = function Brightness(_ref) {
   var selectTool = _ref.selectTool,
     _ref$isSelected = _ref.isSelected,
     isSelected = _ref$isSelected === void 0 ? false : _ref$isSelected,
     t = _ref.t;
-  return React.createElement(ToolsBarItemButton, {
+  return _jsx(ToolsBarItemButton, {
     id: TOOLS_IDS.BRIGHTNESS,
     label: t('brightnessTool'),
     Icon: BrightnessIcon,

package/lib/components/tools/brightness/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Brightness } from './brightness';
+export { default as BrightnessOptions } from './brightness-options';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/tools/brightness/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/brightness/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AAErD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,sBAAsB,CAAC"}

package/lib/components/tools/contrast/contrast-options.d.ts

@@ -0,0 +1,6 @@
+interface ContrastOptionsProps {
+    t: (key: string) => string;
+}
+declare const ContrastOptions: ({ t }: ContrastOptionsProps) => import("react/jsx-runtime").JSX.Element;
+export default ContrastOptions;
+//# sourceMappingURL=contrast-options.d.ts.map

package/lib/components/tools/contrast/contrast-options.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"contrast-options.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/contrast/contrast-options.tsx"],"names":[],"mappings":"AAeA,UAAU,oBAAoB;IAC5B,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;CAC5B;AAED,QAAA,MAAM,eAAe,GAAI,OAAO,oBAAoB,4CAuBnD,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/lib/components/tools/contrast/contrast-options.js

@@ -4,6 +4,7 @@ import Slider from "../../common/slider";
 import { useFinetune } from "../../../hooks";
 import restrictNumber from "../../../utils/restrict-number";
 import { Box } from '@mui/material';
+import { jsx as _jsx } from "react/jsx-runtime";
 var MIN_VALUE = -100;
 var DEFAULT_VALUE = {
   contrast: 0
@@ -21,15 +22,16 @@ var ContrastOptions = function ContrastOptions(_ref) {
       contrast: restrictNumber(value, MIN_VALUE, MAX_VALUE)
     });
   };
-  return React.createElement(Box, {
+  return _jsx(Box, {
     display: "flex",
-    justifyContent: "center"
-  }, React.createElement(Slider, {
-    label: t('contrastTool'),
-    min: MIN_VALUE,
-    max: MAX_VALUE,
-    value: (_finetuneProps$contra = finetuneProps.contrast) !== null && _finetuneProps$contra !== void 0 ? _finetuneProps$contra : DEFAULT_VALUE.contrast,
-    onChange: changeValue
-  }));
+    justifyContent: "center",
+    children: _jsx(Slider, {
+      label: t('contrastTool'),
+      min: MIN_VALUE,
+      max: MAX_VALUE,
+      value: (_finetuneProps$contra = finetuneProps.contrast) !== null && _finetuneProps$contra !== void 0 ? _finetuneProps$contra : DEFAULT_VALUE.contrast,
+      onChange: changeValue
+    })
+  });
 };
 export default ContrastOptions;

package/lib/components/tools/contrast/contrast.d.ts

@@ -0,0 +1,8 @@
+interface ContrastProps {
+    selectTool: () => void;
+    isSelected?: boolean;
+    t: (key: string) => string;
+}
+declare const Contrast: ({ selectTool, isSelected, t }: ContrastProps) => import("react/jsx-runtime").JSX.Element;
+export default Contrast;
+//# sourceMappingURL=contrast.d.ts.map

package/lib/components/tools/contrast/contrast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"contrast.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/contrast/contrast.tsx"],"names":[],"mappings":"AAOA,UAAU,aAAa;IACrB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;CAC5B;AAED,QAAA,MAAM,QAAQ,GAAI,+BAAuC,aAAa,4CAUrE,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/lib/components/tools/contrast/contrast.js

@@ -1,12 +1,13 @@
 import { ContrastOutlined as ContrastIcon } from '@mui/icons-material';
 import ToolsBarItemButton from "../../tools-bar/tools-bar-item-button";
 import { TOOLS_IDS } from "../../../utils/constants";
+import { jsx as _jsx } from "react/jsx-runtime";
 var Contrast = function Contrast(_ref) {
   var selectTool = _ref.selectTool,
     _ref$isSelected = _ref.isSelected,
     isSelected = _ref$isSelected === void 0 ? false : _ref$isSelected,
     t = _ref.t;
-  return React.createElement(ToolsBarItemButton, {
+  return _jsx(ToolsBarItemButton, {
     id: TOOLS_IDS.CONTRAST,
     label: t('contrastTool'),
     Icon: ContrastIcon,

package/lib/components/tools/contrast/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Contrast } from './contrast';
+export { default as ContrastOptions } from './contrast-options';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/tools/contrast/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/contrast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEjD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,oBAAoB,CAAC"}

package/lib/components/tools/crop/crop.constants.d.ts

@@ -0,0 +1,15 @@
+export interface CropPreset {
+    titleKey: string;
+    descriptionKey?: string;
+    ratio?: number | string;
+    width?: number;
+    height?: number;
+    icon?: React.ElementType;
+    disableManualResize?: boolean;
+    noEffect?: boolean;
+    hide?: (opts: {
+        lockCropAreaAt?: string;
+    }) => boolean;
+}
+export declare const DEFAULT_CROP_PRESETS: CropPreset[];
+//# sourceMappingURL=crop.constants.d.ts.map

package/lib/components/tools/crop/crop.constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"crop.constants.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/crop/crop.constants.ts"],"names":[],"mappings":"AAaA,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACzB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,cAAc,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,OAAO,CAAC;CACvD;AAED,eAAO,MAAM,oBAAoB,EAAE,UAAU,EA6B5C,CAAC"}

package/lib/components/tools/crop/crop.d.ts

@@ -0,0 +1,7 @@
+interface CropProps {
+    isSelected?: boolean;
+    selectTool?: (toolId: string) => void;
+}
+declare const Crop: ({ isSelected, selectTool }: CropProps) => import("react/jsx-runtime").JSX.Element | null;
+export default Crop;
+//# sourceMappingURL=crop.d.ts.map

package/lib/components/tools/crop/crop.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"crop.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/crop/crop.tsx"],"names":[],"mappings":"AAcA,UAAU,SAAS;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC;AAED,QAAA,MAAM,IAAI,GAAI,4BAAoC,SAAS,mDAgH1D,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/lib/components/tools/crop/crop.js

@@ -2,13 +2,14 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import { CropOutlined as CropIcon } from '@mui/icons-material';
 import { Box, InputAdornment } from '@mui/material';
 import { useMemo } from 'react';
-import { SSelect } from '@solostylist/ui-kit/core';
+import { SSelect } from '@solostylist/ui-kit';
 import { SET_CROP, SET_RESIZE, ZOOM_CANVAS } from "../../../actions";
 import { useStore } from "../../../hooks";
 import { DEFAULT_ZOOM_FACTOR, ORIGINAL_CROP, TOOLS_IDS } from "../../../utils/constants";
 import getZoomFitFactor from "../../../utils/get-zoom-fit-factor";
 import toPrecisedFloat from "../../../utils/to-precised-float";
 import { DEFAULT_CROP_PRESETS } from "./crop.constants";
+import { jsx as _jsx } from "react/jsx-runtime";
 var Crop = function Crop(_ref) {
   var _ref$isSelected = _ref.isSelected,
     isSelected = _ref$isSelected === void 0 ? false : _ref$isSelected,
@@ -23,7 +24,7 @@ var Crop = function Crop(_ref) {
     appliedRatio = _useStore$adjustments4.ratio,
     shownImageDimensions = _useStore.shownImageDimensions,
     config = _useStore.config;
-  var currentRatio = appliedRatio || ORIGINAL_CROP;
+  var currentRatio = appliedRatio !== null && appliedRatio !== void 0 ? appliedRatio : ORIGINAL_CROP;
   var cropConfig = config[TOOLS_IDS.CROP];
   var allPresets = useMemo(function () {
     var _cropConfig$presetsIt;
@@ -44,7 +45,7 @@ var Crop = function Crop(_ref) {
   var options = useMemo(function () {
     return allPresets.map(function (preset) {
       return {
-        label: "".concat(t(preset.titleKey)).concat(preset.descriptionKey ? " (".concat(preset.descriptionKey, ")") : ''),
+        label: t(preset.titleKey) + (preset.descriptionKey ? " (".concat(preset.descriptionKey, ")") : ''),
         value: String(getPresetRatio(preset))
       };
     });
@@ -96,27 +97,29 @@ var Crop = function Crop(_ref) {
   if (cropConfig !== null && cropConfig !== void 0 && cropConfig.noPresets) {
     return null;
   }
-  return React.createElement(Box, {
+  return _jsx(Box, {
     sx: {
       display: 'inline-flex',
       width: 200
-    }
-  }, React.createElement(SSelect, {
-    value: String(currentRatio),
-    onChange: handleChange,
-    onFocus: handleSelectCropTool,
-    onClick: handleSelectCropTool,
-    options: options,
-    optionLabel: "label",
-    optionValue: "value",
-    placeholder: t('cropTool'),
-    startAdornment: React.createElement(InputAdornment, {
-      position: "start"
-    }, React.createElement(CropIcon, {
-      sx: {
-        color: 'var(--s-palette-text-primary)'
-      }
-    }))
-  }));
+    },
+    children: _jsx(SSelect, {
+      value: String(currentRatio),
+      onChange: handleChange,
+      onFocus: handleSelectCropTool,
+      onClick: handleSelectCropTool,
+      options: options,
+      optionLabel: "label",
+      optionValue: "value",
+      placeholder: t('cropTool'),
+      startAdornment: _jsx(InputAdornment, {
+        position: "start",
+        children: _jsx(CropIcon, {
+          sx: {
+            color: 'var(--s-palette-text-primary)'
+          }
+        })
+      })
+    })
+  });
 };
 export default Crop;

package/lib/components/tools/crop/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Crop } from './crop';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/tools/crop/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/crop/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC"}

package/lib/components/tools/ellipse/ellipse-button.d.ts

@@ -0,0 +1,8 @@
+interface EllipseButtonProps {
+    selectTool: () => void;
+    isSelected?: boolean;
+    t: (key: string) => string;
+}
+declare const EllipseButton: ({ selectTool, isSelected, t, }: EllipseButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default EllipseButton;
+//# sourceMappingURL=ellipse-button.d.ts.map

package/lib/components/tools/ellipse/ellipse-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ellipse-button.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/ellipse/ellipse-button.tsx"],"names":[],"mappings":"AAOA,UAAU,kBAAkB;IAC1B,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;CAC5B;AAED,QAAA,MAAM,aAAa,GAAI,gCAIpB,kBAAkB,4CAUpB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/components/tools/ellipse/ellipse-button.js

@@ -1,12 +1,13 @@
 import { CircleOutlined as EllipseIcon } from '@mui/icons-material';
 import ToolsBarItemButton from "../../tools-bar/tools-bar-item-button";
 import { TOOLS_IDS } from "../../../utils/constants";
+import { jsx as _jsx } from "react/jsx-runtime";
 var EllipseButton = function EllipseButton(_ref) {
   var selectTool = _ref.selectTool,
     _ref$isSelected = _ref.isSelected,
     isSelected = _ref$isSelected === void 0 ? false : _ref$isSelected,
     t = _ref.t;
-  return React.createElement(ToolsBarItemButton, {
+  return _jsx(ToolsBarItemButton, {
     id: TOOLS_IDS.ELLIPSE,
     label: t('ellipseTool'),
     Icon: EllipseIcon,