@solostylist/image-editor 1.0.11 → 1.0.13

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

@@ -0,0 +1 @@
+{"version":3,"file":"image-controls.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/image/image-controls.tsx"],"names":[],"mappings":"AAAA,4BAA4B;AAI5B,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEhE,UAAU,kBAAkB;IAE1B,KAAK,EACD,eAAe,GACf,OAAO,CAAC,eAAe,CAAC,GACxB,CAAC,eAAe,GAAG;QAAE,UAAU,CAAC,EAAE,OAAO,CAAC;QAAC,SAAS,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;IACtE,SAAS,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;IAClD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,aAAa,GAAI,gCAAgC,kBAAkB,4CAUxE,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/components/tools/image/image-controls.js

@@ -1,12 +1,14 @@
 import AnnotationOptions from "../../common/annotation-options";
+import { jsx as _jsx } from "react/jsx-runtime";
 var ImageControls = function ImageControls(_ref) {
   var image = _ref.image,
     saveImage = _ref.saveImage,
     children = _ref.children;
-  return React.createElement(AnnotationOptions, {
+  return _jsx(AnnotationOptions, {
     annotation: image,
     updateAnnotation: saveImage,
-    hideFillOption: true
-  }, children);
+    hideFillOption: true,
+    children: children
+  });
 };
 export default ImageControls;

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

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

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

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

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

@@ -8,6 +8,7 @@ import HiddenUploadInput from "../../common/hidden-upload-input";
 import ButtonWithMenu from "../../common/button-with-menu";
 import ImageControls from "./image-controls";
 import ImagesGallery from "./images-gallery";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var ADDED_IMG_SPACING_PERCENT = 0.15;
 var ImageOptions = function ImageOptions() {
   var _useState = useState(),
@@ -140,23 +141,24 @@ var ImageOptions = function ImageOptions() {
       onClick: openGalleryPanel
     }];
   }, [imageConfig, isLoading, t]);
-  return React.createElement(ImageControls, {
+  return _jsxs(ImageControls, {
     image: image,
-    saveImage: saveImage
-  }, React.createElement(ButtonWithMenu, {
-    label: t('addImage'),
-    menuItems: menuItems,
-    buttonRef: menuItemsBtnRef
-  }), isUploadEnabled && React.createElement(HiddenUploadInput, {
-    ref: uploadImgsInput,
-    onChange: isLoading ? undefined : importImages,
-    disabled: isLoading,
-    multiple: true
-  }), isGalleryEnabled && React.createElement(ImagesGallery, {
-    gallery: imageConfig.gallery,
-    onSelect: importImgFromGallery,
-    onClose: closeGalleryPanel,
-    anchorEl: galleryPopover.anchorEl
-  }));
+    saveImage: saveImage,
+    children: [_jsx(ButtonWithMenu, {
+      label: t('addImage'),
+      menuItems: menuItems,
+      buttonRef: menuItemsBtnRef
+    }), isUploadEnabled && _jsx(HiddenUploadInput, {
+      ref: uploadImgsInput,
+      onChange: isLoading ? undefined : importImages,
+      disabled: isLoading,
+      multiple: true
+    }), isGalleryEnabled && _jsx(ImagesGallery, {
+      gallery: imageConfig.gallery,
+      onSelect: importImgFromGallery,
+      onClose: closeGalleryPanel,
+      anchorEl: galleryPopover.anchorEl
+    })]
+  });
 };
 export default ImageOptions;

package/lib/components/tools/image/images-gallery.d.ts

@@ -0,0 +1,14 @@
+/** External Dependencies */
+interface GalleryItem {
+    originalUrl: string;
+    previewUrl: string;
+}
+interface ImagesGalleryProps {
+    gallery?: GalleryItem[];
+    anchorEl?: HTMLElement | null;
+    onClose: () => void;
+    onSelect: (originalUrl: string) => void;
+}
+declare const ImagesGallery: ({ gallery, anchorEl, onClose, onSelect, }: ImagesGalleryProps) => import("react/jsx-runtime").JSX.Element;
+export default ImagesGallery;
+//# sourceMappingURL=images-gallery.d.ts.map

package/lib/components/tools/image/images-gallery.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"images-gallery.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/image/images-gallery.tsx"],"names":[],"mappings":"AAAA,4BAA4B;AAO5B,UAAU,WAAW;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,kBAAkB;IAC1B,OAAO,CAAC,EAAE,WAAW,EAAE,CAAC;IACxB,QAAQ,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC9B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED,QAAA,MAAM,aAAa,GAAI,2CAKpB,kBAAkB,4CAwCpB,CAAC;AAEF,eAAe,aAAa,CAAC"}

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 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
 };
@@ -109,7 +110,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;
+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,4CAqLb,CAAC;AAEF,eAAe,MAAM,CAAC"}