@solostylist/image-editor 1.0.11 → 1.0.13

package/lib/components/main-canvas/canvas-node.d.ts

@@ -0,0 +1,6 @@
+interface CanvasNodeProps {
+    children: React.ReactNode;
+}
+declare const _default: import("react").MemoExoticComponent<({ children }: CanvasNodeProps) => import("react/jsx-runtime").JSX.Element>;
+export default _default;
+//# sourceMappingURL=canvas-node.d.ts.map

package/lib/components/main-canvas/canvas-node.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvas-node.d.ts","sourceRoot":"","sources":["../../../src/components/main-canvas/canvas-node.tsx"],"names":[],"mappings":"AAuBA,UAAU,eAAe;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;2EAEiC,eAAe;AA2NjD,wBAAgC"}

package/lib/components/main-canvas/canvas-node.js

@@ -9,6 +9,7 @@ import { CHANGE_POINTER_ICON, CLEAR_ANNOTATIONS_SELECTIONS, ZOOM_CANVAS } from "
 import { useStore } from "../../hooks";
 import { DEFAULT_ZOOM_FACTOR, POINTER_ICONS, TABS_IDS, TOOLS_IDS } from "../../utils/constants";
 import { endTouchesZooming, zoomOnTouchesMove } from "./touch-zooming-events";
+import { jsx as _jsx } from "react/jsx-runtime";
 var ZOOM_DELTA_TO_SCALE_CONVERT_FACTOR = 0.006;
 var CanvasNode = function CanvasNode(_ref) {
   var children = _ref.children;
@@ -147,7 +148,7 @@ var CanvasNode = function CanvasNode(_ref) {
     };
   }, [tabId, zoom.factor, defaultZoomFactor]);
   var zoomedResponsiveCanvasScale = canvasScale * (isZoomEnabled && zoom.factor || defaultZoomFactor);
-  return React.createElement(Stage, {
+  return _jsx(Stage, {
     tabIndex: -1,
     ref: canvasRef,
     width: canvasWidth,
@@ -171,7 +172,8 @@ var CanvasNode = function CanvasNode(_ref) {
     style: _objectSpread(_objectSpread({}, cursorStyle), {}, {
       outline: 'none',
       backgroundColor: 'var(--s-palette-background-paper)'
-    })
-  }, children);
+    }),
+    children: children
+  });
 };
 export default memo(CanvasNode);

package/lib/components/main-canvas/index.d.ts

@@ -0,0 +1,3 @@
+declare const MainCanvas: () => import("react/jsx-runtime").JSX.Element;
+export default MainCanvas;
+//# sourceMappingURL=index.d.ts.map

package/lib/components/main-canvas/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/main-canvas/index.tsx"],"names":[],"mappings":"AAYA,QAAA,MAAM,UAAU,+CA0Df,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/components/main-canvas/index.js

@@ -7,6 +7,7 @@ import NodeControls from "../node-controls";
 import { AppProviderOverridenValue } from "../../context";
 import { useResizeObserver, useStore } from "../../hooks";
 import CanvasNode from "./canvas-node";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var MainCanvas = function MainCanvas() {
   var _providedAppContext$o;
   var _useResizeObserver = useResizeObserver(),
@@ -28,24 +29,28 @@ var MainCanvas = function MainCanvas() {
   useEffect(function () {
     observeResize(canvasContainerRef.current, setNewCanvasSize);
   }, []);
-  return React.createElement(Box, {
+  return _jsxs(Box, {
     height: "calc(100vh - 60px - 120px)",
     position: "relative",
     flexGrow: 1,
-    ref: canvasContainerRef
-  }, !providedAppContext.textIdOfEditableContent && React.createElement(NodeControls, null), providedAppContext.isShowOriginalImage && React.createElement("img", {
-    style: {
-      maxWidth: '98%',
-      maxHeight: '98%',
-      position: 'absolute',
-      top: '50%',
-      left: '50%',
-      transform: 'translate(-50%, -50%)',
-      zIndex: 2
-    },
-    src: (_providedAppContext$o = providedAppContext.originalImage) === null || _providedAppContext$o === void 0 ? void 0 : _providedAppContext$o.src
-  }), React.createElement(CanvasNode, null, React.createElement(AppProviderOverridenValue, {
-    overridingValue: providedAppContext
-  }, React.createElement(DesignLayer, null), React.createElement(TransformersLayer, null))));
+    ref: canvasContainerRef,
+    children: [!providedAppContext.textIdOfEditableContent && _jsx(NodeControls, {}), providedAppContext.isShowOriginalImage && _jsx("img", {
+      style: {
+        maxWidth: '98%',
+        maxHeight: '98%',
+        position: 'absolute',
+        top: '50%',
+        left: '50%',
+        transform: 'translate(-50%, -50%)',
+        zIndex: 2
+      },
+      src: (_providedAppContext$o = providedAppContext.originalImage) === null || _providedAppContext$o === void 0 ? void 0 : _providedAppContext$o.src
+    }), _jsx(CanvasNode, {
+      children: _jsxs(AppProviderOverridenValue, {
+        overridingValue: providedAppContext,
+        children: [_jsx(DesignLayer, {}), _jsx(TransformersLayer, {})]
+      })
+    })]
+  });
 };
 export default MainCanvas;

package/lib/components/main-canvas/touch-zooming-events.d.ts

@@ -0,0 +1,11 @@
+interface ZoomData {
+    x: number;
+    y: number;
+    factor: number;
+    preparedDimensions: boolean;
+}
+type SaveZoomFn = (zoomData: ZoomData) => void;
+export declare const zoomOnTouchesMove: (e: any, saveZoomFn: SaveZoomFn) => void;
+export declare const endTouchesZooming: (cb?: () => void) => void;
+export {};
+//# sourceMappingURL=touch-zooming-events.d.ts.map

package/lib/components/main-canvas/touch-zooming-events.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"touch-zooming-events.d.ts","sourceRoot":"","sources":["../../../src/components/main-canvas/touch-zooming-events.ts"],"names":[],"mappings":"AAOA,UAAU,QAAQ;IAChB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,MAAM,EAAE,MAAM,CAAC;IACf,kBAAkB,EAAE,OAAO,CAAC;CAC7B;AAED,KAAK,UAAU,GAAG,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC;AAe/C,eAAO,MAAM,iBAAiB,GAAI,GAAG,GAAG,EAAE,YAAY,UAAU,KAAG,IAiElE,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,KAAK,MAAM,IAAI,KAAG,IAMnD,CAAC"}

package/lib/components/node-controls/index.d.ts

@@ -0,0 +1,3 @@
+declare const NodeControls: () => import("react/jsx-runtime").JSX.Element | null;
+export default NodeControls;
+//# sourceMappingURL=index.d.ts.map

package/lib/components/node-controls/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/node-controls/index.tsx"],"names":[],"mappings":"AAiBA,QAAA,MAAM,YAAY,sDAoFjB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/lib/components/node-controls/index.js

@@ -6,6 +6,7 @@ import { DUPLICATE_ANNOTATIONS, REMOVE_ANNOTATIONS } from "../../actions";
 import { useStore } from "../../hooks";
 import { NODES_TRANSFORMER_ID, WATERMARK_ANNOTATION_ID } from "../../utils/constants";
 import debounce from "../../utils/debounce";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var NodeControls = function NodeControls() {
   var _useStore = useStore(),
     _useStore$selectionsI = _useStore.selectionsIds,
@@ -55,7 +56,7 @@ var NodeControls = function NodeControls() {
       }
     });
   };
-  return React.createElement(SFlexBox, {
+  return _jsxs(SFlexBox, {
     sx: {
       position: 'absolute',
       zIndex: 1,
@@ -68,12 +69,15 @@ var NodeControls = function NodeControls() {
       transform: 'translateX(-50%)',
       gap: 1,
       p: 1
-    }
-  }, selectionsIds[0] !== WATERMARK_ANNOTATION_ID && React.createElement(SIconButton, {
-    onClick: duplicateSelectedNodes
-  }, React.createElement(ContentCopy, null)), React.createElement(SIconButton, {
-    onClick: removeSelectedNodes,
-    color: "error"
-  }, React.createElement(DeleteOutlined, null)));
+    },
+    children: [selectionsIds[0] !== WATERMARK_ANNOTATION_ID && _jsx(SIconButton, {
+      onClick: duplicateSelectedNodes,
+      children: _jsx(ContentCopy, {})
+    }), _jsx(SIconButton, {
+      onClick: removeSelectedNodes,
+      color: "error",
+      children: _jsx(DeleteOutlined, {})
+    })]
+  });
 };
 export default NodeControls;

package/lib/components/tabs/index.d.ts

@@ -0,0 +1,6 @@
+interface TabsProps {
+    toggleMainMenu?: (open: boolean) => void;
+}
+declare const Tabs: ({ toggleMainMenu }: TabsProps) => import("react/jsx-runtime").JSX.Element | null;
+export default Tabs;
+//# sourceMappingURL=index.d.ts.map

package/lib/components/tabs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/index.tsx"],"names":[],"mappings":"AASA,UAAU,SAAS;IACjB,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C;AAED,QAAA,MAAM,IAAI,GAAI,oBAAoB,SAAS,mDAkE1C,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/lib/components/tabs/index.js

@@ -3,6 +3,7 @@ import { useCallback, useMemo } from 'react';
 import { SELECT_TAB } from "../../actions";
 import { useStore } from "../../hooks";
 import { AVAILABLE_TABS } from "./tabs.constants";
+import { jsx as _jsx } from "react/jsx-runtime";
 var Tabs = function Tabs(_ref) {
   var toggleMainMenu = _ref.toggleMainMenu;
   var _useStore = useStore(),
@@ -41,7 +42,7 @@ var Tabs = function Tabs(_ref) {
     }).map(function (tab) {
       return {
         label: t(tab.labelKey),
-        icon: React.createElement(tab.icon, null),
+        icon: _jsx(tab.icon, {}),
         value: tab.id,
         iconPosition: 'top'
       };
@@ -50,7 +51,7 @@ var Tabs = function Tabs(_ref) {
   if (chosenTabsConfig.length <= 1) {
     return null;
   }
-  return React.createElement(STabs, {
+  return _jsx(STabs, {
     sx: {
       minWidth: 120,
       width: 120

package/lib/components/tabs/tabs.constants.d.ts

@@ -0,0 +1,9 @@
+/** External Dependencies */
+import { SvgIconComponent } from '@mui/icons-material';
+export interface TabConfig {
+    id: string;
+    labelKey: string;
+    icon: SvgIconComponent;
+}
+export declare const AVAILABLE_TABS: TabConfig[];
+//# sourceMappingURL=tabs.constants.d.ts.map

package/lib/components/tabs/tabs.constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.constants.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tabs.constants.ts"],"names":[],"mappings":"AAAA,4BAA4B;AAC5B,OAAO,EAML,gBAAgB,EAEjB,MAAM,qBAAqB,CAAC;AAK7B,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,gBAAgB,CAAC;CACxB;AAED,eAAO,MAAM,cAAc,EAAE,SAAS,EA+BrC,CAAC"}

package/lib/components/tabs-drawer/index.d.ts

@@ -0,0 +1,6 @@
+interface TabsDrawerProps {
+    toggleMainMenu?: (open: boolean) => void;
+}
+declare const TabsDrawer: ({ toggleMainMenu }: TabsDrawerProps) => import("react/jsx-runtime").JSX.Element;
+export default TabsDrawer;
+//# sourceMappingURL=index.d.ts.map

package/lib/components/tabs-drawer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tabs-drawer/index.tsx"],"names":[],"mappings":"AAYA,UAAU,eAAe;IACvB,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C;AAED,QAAA,MAAM,UAAU,GAAI,oBAA+B,eAAe,4CA8GjE,CAAC;AAEF,eAAe,UAAU,CAAC"}

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

@@ -6,6 +6,7 @@ import Typography from '@mui/material/Typography';
 import { useStore } from "../../hooks";
 import { SELECT_TAB } from "../../actions";
 import { AVAILABLE_TABS } from "../tabs/tabs.constants";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var TabsDrawer = function TabsDrawer(_ref) {
   var _ref$toggleMainMenu = _ref.toggleMainMenu,
     toggleMainMenu = _ref$toggleMainMenu === void 0 ? function () {} : _ref$toggleMainMenu;
@@ -45,7 +46,7 @@ var TabsDrawer = function TabsDrawer(_ref) {
     });
     toggleMainMenu(false);
   }, [dispatch, toggleMainMenu]);
-  return React.createElement(SwipeableDrawer, {
+  return _jsxs(SwipeableDrawer, {
     anchor: "bottom",
     open: showTabsMenu,
     onClose: function onClose() {
@@ -62,48 +63,53 @@ var TabsDrawer = function TabsDrawer(_ref) {
         maxHeight: '50vh',
         pb: 2
       }
-    }
-  }, 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: [_jsx(Box, {
       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'
-      }
-    }, React.createElement(Icon, null), React.createElement(Typography, null, t(tab.labelKey)));
-  })));
+        justifyContent: 'center',
+        py: 2
+      },
+      children: _jsx(Box, {
+        sx: {
+          width: 36,
+          height: 4,
+          borderRadius: 2,
+          bgcolor: 'action.disabled'
+        }
+      })
+    }), _jsx(Box, {
+      sx: {
+        display: 'grid',
+        gridTemplateColumns: 'repeat(3, 1fr)',
+        gap: 1,
+        px: 2,
+        pb: 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;

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;