@solostylist/image-editor 1.0.11 → 1.0.13

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,mDA8G1D,CAAC;AAEF,eAAe,IAAI,CAAC"}

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

@@ -9,6 +9,7 @@ import { DEFAULT_ZOOM_FACTOR, ORIGINAL_CROP, TOOLS_IDS } from "../../../utils/co
 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,
@@ -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,

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

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

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

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

package/lib/components/tools/ellipse/ellipse-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 EllipseOptions = function EllipseOptions() {
   var _useAnnotation = useAnnotation({
       name: TOOLS_IDS.ELLIPSE
@@ -9,7 +10,7 @@ var EllipseOptions = function EllipseOptions() {
     _useAnnotation2 = _slicedToArray(_useAnnotation, 2),
     ellipse = _useAnnotation2[0],
     saveEllipse = _useAnnotation2[1];
-  return React.createElement(AnnotationOptions, {
+  return _jsx(AnnotationOptions, {
     annotation: ellipse,
     updateAnnotation: saveEllipse
   });

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/ellipse/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAE5D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,mBAAmB,CAAC"}

package/lib/components/tools/filters/filter-item.d.ts

@@ -0,0 +1,10 @@
+interface FilterItemProps {
+    filterLabel: string;
+    filterFn?: ((...args: any[]) => void) | null;
+    applyFilter: (filterFn: any) => void;
+    isActive: boolean;
+    image: HTMLImageElement;
+}
+declare const _default: import("react").MemoExoticComponent<({ filterLabel, filterFn, applyFilter, isActive, image, }: FilterItemProps) => import("react/jsx-runtime").JSX.Element>;
+export default _default;
+//# sourceMappingURL=filter-item.d.ts.map

package/lib/components/tools/filters/filter-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-item.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/filters/filter-item.tsx"],"names":[],"mappings":"AAWA,UAAU,eAAe;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC;IAC7C,WAAW,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,IAAI,CAAC;IACrC,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,gBAAgB,CAAC;CACzB;uHAQE,eAAe;AA8ElB,wBAAgC"}

package/lib/components/tools/filters/filter-item.js

@@ -5,6 +5,7 @@ import { memo, useCallback, useEffect, useRef } from 'react';
 import { Layer, Image, Stage } from 'react-konva';
 import { Typography } from '@mui/material';
 import { SFlexBox } from '@solostylist/ui-kit/core';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var MAX_FILTER_PREVIEW_WIDTH = 80;
 var MAX_FILTER_PREVIEW_HEIGHT = 60;
 var FilterItem = function FilterItem(_ref) {
@@ -38,7 +39,7 @@ var FilterItem = function FilterItem(_ref) {
   var isWiderThanStage = imgRatio > stageRatio;
   var filterImgPreviewWidth = isWiderThanStage ? MAX_FILTER_PREVIEW_HEIGHT * imgRatio : MAX_FILTER_PREVIEW_WIDTH;
   var filterImgPreviewHeight = isWiderThanStage ? MAX_FILTER_PREVIEW_HEIGHT : MAX_FILTER_PREVIEW_WIDTH / imgRatio;
-  return React.createElement(SFlexBox, {
+  return _jsxs(SFlexBox, {
     onClick: handleFilterApplying,
     "aria-selected": isActive,
     sx: {
@@ -47,31 +48,35 @@ var FilterItem = function FilterItem(_ref) {
       justifyContent: 'center',
       gap: 0.5,
       cursor: 'pointer'
-    }
-  }, React.createElement(Stage, {
-    width: MAX_FILTER_PREVIEW_WIDTH,
-    height: MAX_FILTER_PREVIEW_HEIGHT,
-    style: _objectSpread({
-      padding: 1
-    }, isActive && {
-      borderRadius: 2,
-      border: '1px solid',
-      borderColor: 'divider'
-    })
-  }, React.createElement(Layer, {
-    onTap: handleFilterApplying
-  }, React.createElement(Image, {
-    image: image,
-    filters: filterFn ? [filterFn] : [],
-    width: filterImgPreviewWidth,
-    height: filterImgPreviewHeight,
-    x: -(filterImgPreviewWidth - MAX_FILTER_PREVIEW_WIDTH) / 2,
-    y: -(filterImgPreviewHeight - MAX_FILTER_PREVIEW_HEIGHT) / 2,
-    ref: imageNodeRef
-  }))), React.createElement(Typography, {
-    whiteSpace: "nowrap",
-    textAlign: "center",
-    fontSize: "0.875rem"
-  }, filterLabel));
+    },
+    children: [_jsx(Stage, {
+      width: MAX_FILTER_PREVIEW_WIDTH,
+      height: MAX_FILTER_PREVIEW_HEIGHT,
+      style: _objectSpread({
+        padding: 1
+      }, isActive && {
+        borderRadius: 2,
+        border: '1px solid',
+        borderColor: 'divider'
+      }),
+      children: _jsx(Layer, {
+        onTap: handleFilterApplying,
+        children: _jsx(Image, {
+          image: image,
+          filters: filterFn ? [filterFn] : [],
+          width: filterImgPreviewWidth,
+          height: filterImgPreviewHeight,
+          x: -(filterImgPreviewWidth - MAX_FILTER_PREVIEW_WIDTH) / 2,
+          y: -(filterImgPreviewHeight - MAX_FILTER_PREVIEW_HEIGHT) / 2,
+          ref: imageNodeRef
+        })
+      })
+    }), _jsx(Typography, {
+      whiteSpace: "nowrap",
+      textAlign: "center",
+      fontSize: "0.875rem",
+      children: filterLabel
+    })]
+  });
 };
 export default memo(FilterItem);

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

@@ -0,0 +1,8 @@
+type FilterFn = any;
+interface FilterItem {
+    label: string;
+    filterFn: FilterFn;
+}
+export declare const AVAILABLE_FILTERS: FilterItem[];
+export {};
+//# sourceMappingURL=filters.constants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"filters.constants.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/filters/filters.constants.ts"],"names":[],"mappings":"AAMA,KAAK,QAAQ,GAAG,GAAG,CAAC;AAEpB,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,QAAQ,CAAC;CACpB;AAGD,eAAO,MAAM,iBAAiB,EAAE,UAAU,EAqLzC,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"filters.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/filters/filters.tsx"],"names":[],"mappings":"AAuCA,QAAA,MAAM,OAAO,+CAkCZ,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/lib/components/tools/filters/filters.js

@@ -4,6 +4,7 @@ import { SCarousel } from '@solostylist/ui-kit/carousel';
 import { useFilter, useStore } from "../../../hooks";
 import FilterItem from "./filter-item";
 import { AVAILABLE_FILTERS } from "./filters.constants";
+import { jsx as _jsx } from "react/jsx-runtime";
 var responsiveSettings = [{
   breakpoint: 1600,
   settings: {
@@ -48,27 +49,28 @@ var Filters = function Filters() {
     _useFilter2 = _slicedToArray(_useFilter, 2),
     appliedFilter = _useFilter2[0],
     applyFilter = _useFilter2[1];
-  return React.createElement(Box, {
+  return _jsx(Box, {
     sx: {
       width: '100%',
       flex: '1 1 100%',
       display: 'block',
       minWidth: 0,
       overflow: 'hidden'
-    }
-  }, React.createElement(SCarousel, {
-    slidesToShow: 16,
-    slidesToScroll: 8,
-    responsive: responsiveSettings
-  }, AVAILABLE_FILTERS.map(function (filter) {
-    return React.createElement(FilterItem, {
-      key: filter.label,
-      filterLabel: filter.label,
-      filterFn: filter.filterFn,
-      applyFilter: applyFilter,
-      isActive: appliedFilter === filter.filterFn,
-      image: originalImage
-    });
-  })));
+    },
+    children: _jsx(SCarousel, {
+      slidesToShow: 16,
+      slidesToScroll: 8,
+      responsive: responsiveSettings,
+      children: AVAILABLE_FILTERS.map(function (filter) {
+        return _jsx(FilterItem, {
+          filterLabel: filter.label,
+          filterFn: filter.filterFn,
+          applyFilter: applyFilter,
+          isActive: appliedFilter === filter.filterFn,
+          image: originalImage
+        }, filter.label);
+      })
+    })
+  });
 };
 export default Filters;

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

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

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

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

package/lib/components/tools/flip/flip-x.d.ts

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

package/lib/components/tools/flip/flip-x.d.ts.map

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

package/lib/components/tools/flip/flip-x.js

@@ -4,6 +4,7 @@ import { TOGGLE_FLIP } from "../../../actions";
 import ToolsBarItemButton from "../../tools-bar/tools-bar-item-button";
 import { useStore } from "../../../hooks";
 import { FLIP_DIRECTIONS, TOOLS_IDS } from "../../../utils/constants";
+import { jsx as _jsx } from "react/jsx-runtime";
 var FlipX = function FlipX(_ref) {
   var selectTool = _ref.selectTool,
     _ref$isSelected = _ref.isSelected,
@@ -34,7 +35,7 @@ var FlipX = function FlipX(_ref) {
     if (flipXToolId) selectTool(flipXToolId);
     toggleFlipX();
   }, []);
-  return React.createElement(ToolsBarItemButton, {
+  return _jsx(ToolsBarItemButton, {
     id: TOOLS_IDS.FLIP_X,
     label: label,
     Icon: FlipOutlined,

package/lib/components/tools/flip/flip-y.d.ts

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

package/lib/components/tools/flip/flip-y.d.ts.map

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

package/lib/components/tools/flip/flip-y.js

@@ -4,6 +4,7 @@ import { TOGGLE_FLIP } from "../../../actions";
 import ToolsBarItemButton from "../../tools-bar/tools-bar-item-button";
 import { useStore } from "../../../hooks";
 import { FLIP_DIRECTIONS, TOOLS_IDS } from "../../../utils/constants";
+import { jsx as _jsx } from "react/jsx-runtime";
 var FlipY = function FlipY(_ref) {
   var selectTool = _ref.selectTool,
     _ref$isSelected = _ref.isSelected,
@@ -36,7 +37,7 @@ var FlipY = function FlipY(_ref) {
     if (flipYToolId) selectTool(flipYToolId);
     toggleFlipY();
   }, []);
-  return React.createElement(ToolsBarItemButton, {
+  return _jsx(ToolsBarItemButton, {
     id: TOOLS_IDS.FLIP_Y,
     label: label,
     Icon: FlipOutlined,

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

@@ -0,0 +1,3 @@
+export { default as FlipX } from './flip-x';
+export { default as FlipY } from './flip-y';
+//# sourceMappingURL=index.d.ts.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"hsv.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/hsv/hsv.tsx"],"names":[],"mappings":"AAOA,UAAU,QAAQ;IAChB,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,GAAG,GAAI,+BAAuC,QAAQ,4CAU3D,CAAC;AAEF,eAAe,GAAG,CAAC"}

package/lib/components/tools/hsv/hsv.js

@@ -1,12 +1,13 @@
 import { GradientOutlined as SaturationIcon } 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 HSV = function HSV(_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.HSV,
     label: t('hsvTool'),
     Icon: SaturationIcon,

package/lib/components/tools/hsv/hsvoptions.d.ts

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

package/lib/components/tools/hsv/hsvoptions.d.ts.map

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

package/lib/components/tools/hsv/hsvoptions.js

@@ -4,6 +4,7 @@ import Konva from 'konva';
 import { Box } from '@mui/material';
 import Slider from "../../common/slider";
 import { useFinetune } from "../../../hooks";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var DEFAULT_VALUE = {
   hue: 0,
   saturation: 0,
@@ -24,37 +25,38 @@ var HSVOptions = function HSVOptions(_ref) {
   var changeValue = function changeValue(name, value) {
     setFinetuneProps(_defineProperty({}, name, value > MAX_VALUE[name] ? MAX_VALUE[name] : +value));
   };
-  return React.createElement(Box, {
+  return _jsxs(Box, {
     display: "flex",
     justifyContent: "center",
-    gap: 2
-  }, React.createElement(Slider, {
-    label: t('hue'),
-    min: 0,
-    step: 1,
-    max: 259,
-    value: (_finetuneProps$hue = finetuneProps.hue) !== null && _finetuneProps$hue !== void 0 ? _finetuneProps$hue : DEFAULT_VALUE.hue,
-    onChange: function onChange(val) {
-      return changeValue('hue', val);
-    }
-  }), React.createElement(Slider, {
-    label: t('saturation'),
-    min: -2,
-    step: 0.5,
-    max: 10,
-    value: (_finetuneProps$satura = finetuneProps.saturation) !== null && _finetuneProps$satura !== void 0 ? _finetuneProps$satura : DEFAULT_VALUE.saturation,
-    onChange: function onChange(val) {
-      return changeValue('saturation', val);
-    }
-  }), React.createElement(Slider, {
-    label: t('value'),
-    min: -2,
-    step: 0.1,
-    max: 2,
-    value: (_finetuneProps$value = finetuneProps.value) !== null && _finetuneProps$value !== void 0 ? _finetuneProps$value : DEFAULT_VALUE.value,
-    onChange: function onChange(val) {
-      return changeValue('value', val);
-    }
-  }));
+    gap: 2,
+    children: [_jsx(Slider, {
+      label: t('hue'),
+      min: 0,
+      step: 1,
+      max: 259,
+      value: (_finetuneProps$hue = finetuneProps.hue) !== null && _finetuneProps$hue !== void 0 ? _finetuneProps$hue : DEFAULT_VALUE.hue,
+      onChange: function onChange(val) {
+        return changeValue('hue', val);
+      }
+    }), _jsx(Slider, {
+      label: t('saturation'),
+      min: -2,
+      step: 0.5,
+      max: 10,
+      value: (_finetuneProps$satura = finetuneProps.saturation) !== null && _finetuneProps$satura !== void 0 ? _finetuneProps$satura : DEFAULT_VALUE.saturation,
+      onChange: function onChange(val) {
+        return changeValue('saturation', val);
+      }
+    }), _jsx(Slider, {
+      label: t('value'),
+      min: -2,
+      step: 0.1,
+      max: 2,
+      value: (_finetuneProps$value = finetuneProps.value) !== null && _finetuneProps$value !== void 0 ? _finetuneProps$value : DEFAULT_VALUE.value,
+      onChange: function onChange(val) {
+        return changeValue('value', val);
+      }
+    })]
+  });
 };
 export default HSVOptions;

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

@@ -0,0 +1,3 @@
+export { default as HSV } from './hsv';
+export { default as HSVOptions } from './hsvoptions';
+//# sourceMappingURL=index.d.ts.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"image-button.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/image/image-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/image/image-button.js

@@ -1,12 +1,13 @@
 import { ImageOutlined as ImageIcon } 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 ImageButton = function ImageButton(_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.IMAGE,
     label: t('imageTool'),
     Icon: ImageIcon,

package/lib/components/tools/image/image-controls.d.ts

@@ -0,0 +1,13 @@
+/** External Dependencies */
+import { Annotation, ImageAnnotation } from 'types/annotations';
+interface ImageControlsProps {
+    image: ImageAnnotation | Partial<ImageAnnotation> | (ImageAnnotation & {
+        shouldSave?: boolean;
+        neverSave?: boolean;
+    });
+    saveImage: (updates: Partial<Annotation>) => void;
+    children?: React.ReactNode;
+}
+declare const ImageControls: ({ image, saveImage, children }: ImageControlsProps) => import("react/jsx-runtime").JSX.Element;
+export default ImageControls;
+//# sourceMappingURL=image-controls.d.ts.map