@solostylist/image-editor 1.0.12 → 1.0.14

package/lib/components/tools/image/images-gallery.js

@@ -1,6 +1,7 @@
 import { Popover } from '@mui/material';
-import { SFlexBox } from '@solostylist/ui-kit/core';
+import { SFlexBox } from '@solostylist/ui-kit';
 import ImagePreviewTile from "../../common/image-preview-tile";
+import { jsx as _jsx } from "react/jsx-runtime";
 var ImagesGallery = function ImagesGallery(_ref) {
   var _ref$gallery = _ref.gallery,
     gallery = _ref$gallery === void 0 ? [] : _ref$gallery,
@@ -8,7 +9,7 @@ var ImagesGallery = function ImagesGallery(_ref) {
     anchorEl = _ref$anchorEl === void 0 ? null : _ref$anchorEl,
     onClose = _ref.onClose,
     onSelect = _ref.onSelect;
-  return React.createElement(Popover, {
+  return _jsx(Popover, {
     anchorEl: anchorEl,
     open: Boolean(anchorEl),
     onClose: onClose,
@@ -27,29 +28,30 @@ var ImagesGallery = function ImagesGallery(_ref) {
           py: 1
         }
       }
-    }
-  }, React.createElement(SFlexBox, {
-    sx: {
-      borderRadius: 1,
-      paddingX: 1,
-      paddingY: 2,
-      overflowY: 'auto',
-      maxHeight: '450px',
-      display: 'grid',
-      gridTemplateColumns: 'repeat(4, 1fr)',
-      gap: 1
-    }
-  }, gallery.map(function (_ref2) {
-    var originalUrl = _ref2.originalUrl,
-      previewUrl = _ref2.previewUrl;
-    return React.createElement(ImagePreviewTile, {
-      key: originalUrl,
-      src: previewUrl,
-      alt: previewUrl,
-      onClick: function onClick() {
-        return onSelect(originalUrl);
-      }
-    });
-  })));
+    },
+    children: _jsx(SFlexBox, {
+      sx: {
+        borderRadius: 1,
+        paddingX: 1,
+        paddingY: 2,
+        overflowY: 'auto',
+        maxHeight: '450px',
+        display: 'grid',
+        gridTemplateColumns: 'repeat(4, 1fr)',
+        gap: 1
+      },
+      children: gallery.map(function (_ref2) {
+        var originalUrl = _ref2.originalUrl,
+          previewUrl = _ref2.previewUrl;
+        return _jsx(ImagePreviewTile, {
+          src: previewUrl,
+          alt: previewUrl,
+          onClick: function onClick() {
+            return onSelect(originalUrl);
+          }
+        }, originalUrl);
+      })
+    })
+  });
 };
 export default ImagesGallery;

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

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

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

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

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

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

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

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

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

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

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

@@ -1,12 +1,13 @@
 import { HorizontalRuleOutlined as Line } 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 LineButton = function LineButton(_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.LINE,
     label: t('lineTool'),
     Icon: Line,

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"pen-button.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/pen/pen-button.tsx"],"names":[],"mappings":"AAOA,UAAU,cAAc;IACtB,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,SAAS,GAAI,+BAAuC,cAAc,4CAUvE,CAAC;AAEF,eAAe,SAAS,CAAC"}

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

@@ -1,12 +1,13 @@
 import { GestureOutlined as PenIcon } 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 PenButton = function PenButton(_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.PEN,
     label: t('penTool'),
     Icon: PenIcon,

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"pen-options.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/pen/pen-options.tsx"],"names":[],"mappings":"AAuBA,QAAA,MAAM,UAAU,+CA6Hf,CAAC;AAEF,eAAe,UAAU,CAAC"}

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

@@ -11,6 +11,7 @@ import getPointerOffsetPositionBoundedToObject from "../../../utils/get-pointer-
 import randomId from "../../../utils/random-id";
 import { SELECT_ANNOTATION, SET_ANNOTATION } from "../../../actions";
 import getElemDocumentCoords from "../../../utils/get-elem-document-coords";
+import { jsx as _jsx } from "react/jsx-runtime";
 var eventsOptions = {
   passive: true
 };
@@ -35,18 +36,19 @@ var PenOptions = function PenOptions() {
     id: ''
   });
   var getPointerPosition = useCallback(function () {
+    var _designLayer$attrs$xP, _designLayer$attrs$yP;
     var canvasBoundingRect = getElemDocumentCoords(canvasRef.current.content);
     var pos = getPointerOffsetPositionBoundedToObject(previewGroup, canvasBoundingRect);
-    return [pos.offsetX - (designLayer.attrs.xPadding || 0), pos.offsetY - (designLayer.attrs.yPadding || 0)];
+    return [pos.offsetX - ((_designLayer$attrs$xP = designLayer.attrs.xPadding) !== null && _designLayer$attrs$xP !== void 0 ? _designLayer$attrs$xP : 0), pos.offsetY - ((_designLayer$attrs$yP = designLayer.attrs.yPadding) !== null && _designLayer$attrs$yP !== void 0 ? _designLayer$attrs$yP : 0)];
   }, [designLayer]);
   var handlePointerMove = useCallback(function () {
     var _updatedPen$current;
     if (!((_updatedPen$current = updatedPen.current) !== null && _updatedPen$current !== void 0 && _updatedPen$current.moved)) {
-      var _updatedPen$current2;
+      var _updatedPen$current$p, _updatedPen$current2;
       updatedPen.current = {
         moved: true,
         id: randomId(TOOLS_IDS.PEN),
-        points: [].concat(_toConsumableArray(((_updatedPen$current2 = updatedPen.current) === null || _updatedPen$current2 === void 0 ? void 0 : _updatedPen$current2.points) || []), _toConsumableArray(getPointerPosition()))
+        points: [].concat(_toConsumableArray((_updatedPen$current$p = (_updatedPen$current2 = updatedPen.current) === null || _updatedPen$current2 === void 0 ? void 0 : _updatedPen$current2.points) !== null && _updatedPen$current$p !== void 0 ? _updatedPen$current$p : []), _toConsumableArray(getPointerPosition()))
       };
       savePenNoDebounce({
         id: updatedPen.current.id,
@@ -109,7 +111,7 @@ var PenOptions = function PenOptions() {
       }
     };
   }, [designLayer]);
-  return React.createElement(AnnotationOptions, {
+  return _jsx(AnnotationOptions, {
     annotation: pen,
     updateAnnotation: savePenDebounced,
     t: t,

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

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

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

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

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

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

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

@@ -1,12 +1,13 @@
 import { HexagonOutlined as PolygonIcon } 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 PolygonButton = function PolygonButton(_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.POLYGON,
     label: t('polygonTool'),
     Icon: PolygonIcon,

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

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

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

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

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

@@ -4,6 +4,7 @@ import { useAnnotation } from "../../../hooks";
 import { TOOLS_IDS } from "../../../utils/constants";
 import AnnotationOptions from "../../common/annotation-options";
 import { polygonOptionsPopupComponents, POLYGON_POPPABLE_OPTIONS } from "./polygon.constants";
+import { jsx as _jsx } from "react/jsx-runtime";
 var PolygonOptions = function PolygonOptions() {
   var _useAnnotation = useAnnotation({
       name: TOOLS_IDS.POLYGON
@@ -11,7 +12,7 @@ var PolygonOptions = function PolygonOptions() {
     _useAnnotation2 = _slicedToArray(_useAnnotation, 2),
     polygon = _useAnnotation2[0],
     savePolygon = _useAnnotation2[1];
-  return React.createElement(AnnotationOptions, {
+  return _jsx(AnnotationOptions, {
     morePoppableOptionsPrepended: _toConsumableArray(POLYGON_POPPABLE_OPTIONS),
     moreOptionsPopupComponentsObj: polygonOptionsPopupComponents,
     annotation: polygon,

package/lib/components/tools/polygon/polygon-sides-field.d.ts

@@ -0,0 +1,9 @@
+import { PolygonAnnotation } from 'types/annotations';
+export interface PolygonSidesFieldProps {
+    annotation: PolygonAnnotation;
+    updateAnnotation: (updates: Partial<PolygonAnnotation>) => void;
+    t: (key: string) => string;
+}
+declare const PolygonSidesField: ({ annotation: polygon, updateAnnotation: updatePolygon, t, }: PolygonSidesFieldProps) => import("react/jsx-runtime").JSX.Element;
+export default PolygonSidesField;
+//# sourceMappingURL=polygon-sides-field.d.ts.map

package/lib/components/tools/polygon/polygon-sides-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"polygon-sides-field.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/polygon/polygon-sides-field.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAMtD,MAAM,WAAW,sBAAsB;IACrC,UAAU,EAAE,iBAAiB,CAAC;IAC9B,gBAAgB,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAChE,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;CAC5B;AAED,QAAA,MAAM,iBAAiB,GAAI,8DAIxB,sBAAsB,4CAkBxB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/lib/components/tools/polygon/polygon-sides-field.js

@@ -1,5 +1,6 @@
 import Slider from "../../common/slider";
 import restrictNumber from "../../../utils/restrict-number";
+import { jsx as _jsx } from "react/jsx-runtime";
 var MIN_VALUE = 3;
 var MAX_VALUE = 25;
 var PolygonSidesField = function PolygonSidesField(_ref) {
@@ -12,7 +13,7 @@ var PolygonSidesField = function PolygonSidesField(_ref) {
       sides: restrictNumber(newSidesNumber, MIN_VALUE, MAX_VALUE)
     });
   };
-  return React.createElement(Slider, {
+  return _jsx(Slider, {
     label: t('sides'),
     onChange: updateSidesNumber,
     value: sides,

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

@@ -0,0 +1,12 @@
+export declare const SIDES_NUMBER: "sides-number";
+export declare const POLYGON_POPPABLE_OPTIONS: readonly [{
+    readonly titleKey: "sides";
+    readonly name: "sides-number";
+    readonly Icon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+        muiName: string;
+    };
+}];
+export declare const polygonOptionsPopupComponents: {
+    readonly "sides-number": ({ annotation: polygon, updateAnnotation: updatePolygon, t, }: import("./polygon-sides-field").PolygonSidesFieldProps) => import("react/jsx-runtime").JSX.Element;
+};
+//# sourceMappingURL=polygon.constants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"polygon.constants.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/polygon/polygon.constants.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,YAAY,EAAG,cAAuB,CAAC;AAEpD,eAAO,MAAM,wBAAwB;;;;;;EAM3B,CAAC;AAEX,eAAO,MAAM,6BAA6B;;CAEhC,CAAC"}

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

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

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

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

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

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

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

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

@@ -1,12 +1,13 @@
 import { CropLandscapeOutlined as RectIcon } 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 RectButton = function RectButton(_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.RECT,
     label: t('rectangleTool'),
     Icon: RectIcon,

package/lib/components/tools/rect/rect-corner-field.d.ts

@@ -0,0 +1,9 @@
+import { RectAnnotation } from 'types/annotations';
+export interface RectCornerFieldProps {
+    annotation: RectAnnotation;
+    updateAnnotation: (updates: Partial<RectAnnotation>) => void;
+    t: (key: string) => string;
+}
+declare const RectCornerField: ({ annotation: rect, updateAnnotation: updateRect, t, }: RectCornerFieldProps) => import("react/jsx-runtime").JSX.Element;
+export default RectCornerField;
+//# sourceMappingURL=rect-corner-field.d.ts.map

package/lib/components/tools/rect/rect-corner-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rect-corner-field.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/rect/rect-corner-field.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAMnD,MAAM,WAAW,oBAAoB;IACnC,UAAU,EAAE,cAAc,CAAC;IAC3B,gBAAgB,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC7D,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;CAC5B;AAED,QAAA,MAAM,eAAe,GAAI,wDAItB,oBAAoB,4CAmBtB,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/lib/components/tools/rect/rect-corner-field.js

@@ -1,5 +1,6 @@
 import Slider from "../../common/slider";
 import restrictNumber from "../../../utils/restrict-number";
+import { jsx as _jsx } from "react/jsx-runtime";
 var MIN_VALUE = 0;
 var MAX_VALUE = 150;
 var RectCornerField = function RectCornerField(_ref) {
@@ -12,7 +13,7 @@ var RectCornerField = function RectCornerField(_ref) {
       cornerRadius: restrictNumber(newCornerRadius, MIN_VALUE, MAX_VALUE)
     });
   };
-  return React.createElement(Slider, {
+  return _jsx(Slider, {
     annotation: "px",
     label: t('cornerRadius'),
     onChange: updateCornerRadius,

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

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

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

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

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

@@ -4,6 +4,7 @@ import { useAnnotation } from "../../../hooks";
 import { TOOLS_IDS } from "../../../utils/constants";
 import AnnotationOptions from "../../common/annotation-options";
 import { rectOptionsPopupComponents, RECT_POPPABLE_OPTIONS } from "./rect.constants";
+import { jsx as _jsx } from "react/jsx-runtime";
 var RectOptions = function RectOptions() {
   var _useAnnotation = useAnnotation({
       name: TOOLS_IDS.RECT
@@ -11,7 +12,7 @@ var RectOptions = function RectOptions() {
     _useAnnotation2 = _slicedToArray(_useAnnotation, 2),
     rect = _useAnnotation2[0],
     saveRect = _useAnnotation2[1];
-  return React.createElement(AnnotationOptions, {
+  return _jsx(AnnotationOptions, {
     moreOptionsPopupComponentsObj: rectOptionsPopupComponents,
     morePoppableOptionsPrepended: _toConsumableArray(RECT_POPPABLE_OPTIONS),
     annotation: rect,

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

@@ -0,0 +1,12 @@
+export declare const CORNER_RADIUS: "corner-radius";
+export declare const RECT_POPPABLE_OPTIONS: readonly [{
+    readonly titleKey: "cornerRadius";
+    readonly name: "corner-radius";
+    readonly Icon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+        muiName: string;
+    };
+}];
+export declare const rectOptionsPopupComponents: {
+    readonly "corner-radius": ({ annotation: rect, updateAnnotation: updateRect, t, }: import("./rect-corner-field").RectCornerFieldProps) => import("react/jsx-runtime").JSX.Element;
+};
+//# sourceMappingURL=rect.constants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rect.constants.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/rect/rect.constants.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,aAAa,EAAG,eAAwB,CAAC;AAEtD,eAAO,MAAM,qBAAqB;;;;;;EAMxB,CAAC;AAEX,eAAO,MAAM,0BAA0B;;CAE7B,CAAC"}

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

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

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

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

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

@@ -0,0 +1,13 @@
+interface CurrentSize {
+    width?: number;
+    height?: number;
+    ratioUnlocked?: boolean;
+}
+interface ResizeProps {
+    onChange?: (newResize: Record<string, any>) => void;
+    currentSize?: CurrentSize;
+    hideResetButton?: boolean;
+}
+declare const Resize: ({ onChange, currentSize, hideResetButton, }: ResizeProps) => import("react/jsx-runtime").JSX.Element | null;
+export default Resize;
+//# sourceMappingURL=resize.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"resize.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/resize/resize.tsx"],"names":[],"mappings":"AAaA,UAAU,WAAW;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,UAAU,WAAW;IACnB,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IACpD,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,QAAA,MAAM,MAAM,GAAI,6CAIb,WAAW,mDAyLb,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/lib/components/tools/resize/resize.js

@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { Refresh, LockOutlined, LockOpenOutlined } from '@mui/icons-material';
-import { SFlexBox, SIconButton, STextField } from '@solostylist/ui-kit/core';
+import { SFlexBox, SIconButton, STextField } from '@solostylist/ui-kit';
 import { SET_RESIZE, ZOOM_CANVAS } from "../../../actions";
 import { useStore } from "../../../hooks";
 import { DEFAULT_ZOOM_FACTOR } from "../../../utils/constants";
@@ -10,6 +10,7 @@ import getProperDimensions from "../../../utils/get-proper-dimensions";
 import getSizeAfterRotation from "../../../utils/get-size-after-rotation";
 import getZoomFitFactor from "../../../utils/get-zoom-fit-factor";
 import restrictNumber from "../../../utils/restrict-number";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var Resize = function Resize(_ref) {
   var onChange = _ref.onChange,
     _ref$currentSize = _ref.currentSize,
@@ -26,6 +27,9 @@ var Resize = function Resize(_ref) {
     _useStore$adjustments2 = _useStore$adjustments.rotation,
     rotation = _useStore$adjustments2 === void 0 ? 0 : _useStore$adjustments2,
     t = _useStore.t;
+  if (!originalImage) {
+    return null;
+  }
   var dimensions = getProperDimensions(((currentSize === null || currentSize === void 0 ? void 0 : currentSize.width) || (currentSize === null || currentSize === void 0 ? void 0 : currentSize.height)) && currentSize || resize, crop, shownImageDimensions, originalImage, rotation);
   var changeResize = function changeResize(e) {
     var _currentSize$ratioUnl;
@@ -101,41 +105,44 @@ var Resize = function Resize(_ref) {
   var isManualChangeDisabled = resize.manualChangeDisabled;
   var isEmptyEditedWidth = typeof resize.width !== 'undefined' && !resize.width;
   var isEmptyEditedHeight = typeof resize.height !== 'undefined' && !resize.height;
-  return React.createElement(SFlexBox, {
+  return _jsxs(SFlexBox, {
     sx: {
       gap: 1,
-      alignItems: 'flex-end'
-    }
-  }, React.createElement(STextField, {
-    name: "width",
-    value: isEmptyEditedWidth ? '' : dimensions.width,
-    onChange: isManualChangeDisabled ? undefined : changeResize,
-    inputMode: "numeric",
-    label: "".concat(t('width'), " (px)"),
-    disabled: isManualChangeDisabled
-  }), React.createElement(SIconButton, {
-    tooltipOptions: {
-      title: t('toggleRatioLockTitle')
-    },
-    onClick: isManualChangeDisabled ? undefined : toggleRatioLock,
-    disabled: isManualChangeDisabled
-  }, currentSize.ratioUnlocked || resize.ratioUnlocked ? React.createElement(LockOpenOutlined, {
-    color: "success"
-  }) : React.createElement(LockOutlined, {
-    color: "error"
-  })), React.createElement(STextField, {
-    name: "height",
-    value: isEmptyEditedHeight ? '' : dimensions.height,
-    onChange: isManualChangeDisabled ? undefined : changeResize,
-    inputMode: "numeric",
-    label: "".concat(t('height'), " (px)"),
-    disabled: isManualChangeDisabled
-  }), !hideResetButton && React.createElement(SIconButton, {
-    tooltipOptions: {
-      title: t('resetSize')
+      alignItems: 'center'
     },
-    onClick: isOriginalSize || isManualChangeDisabled ? undefined : resetResize,
-    disabled: isOriginalSize || isManualChangeDisabled
-  }, React.createElement(Refresh, null)));
+    children: [_jsx(STextField, {
+      name: "width",
+      value: isEmptyEditedWidth ? '' : dimensions.width,
+      onChange: isManualChangeDisabled ? undefined : changeResize,
+      inputMode: "numeric",
+      label: "".concat(t('width'), " (px)"),
+      disabled: isManualChangeDisabled
+    }), _jsx(SIconButton, {
+      tooltipOptions: {
+        title: t('toggleRatioLockTitle')
+      },
+      onClick: isManualChangeDisabled ? undefined : toggleRatioLock,
+      disabled: isManualChangeDisabled,
+      children: currentSize.ratioUnlocked || resize.ratioUnlocked ? _jsx(LockOpenOutlined, {
+        color: "success"
+      }) : _jsx(LockOutlined, {
+        color: "error"
+      })
+    }), _jsx(STextField, {
+      name: "height",
+      value: isEmptyEditedHeight ? '' : dimensions.height,
+      onChange: isManualChangeDisabled ? undefined : changeResize,
+      inputMode: "numeric",
+      label: "".concat(t('height'), " (px)"),
+      disabled: isManualChangeDisabled
+    }), !hideResetButton && _jsx(SIconButton, {
+      tooltipOptions: {
+        title: t('resetSize')
+      },
+      onClick: isOriginalSize || isManualChangeDisabled ? undefined : resetResize,
+      disabled: isOriginalSize || isManualChangeDisabled,
+      children: _jsx(Refresh, {})
+    })]
+  });
 };
 export default Resize;

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

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

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

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

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

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