@solostylist/image-editor 1.0.0 → 1.0.2

package/lib/components/common/annotation-options/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/common/annotation-options/index.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAY/C,UAAU,cAAc;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC;CAC3B;AAED,UAAU,sBAAsB;IAC9B,UAAU,EAAE,UAAU,CAAC;IACvB,gBAAgB,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;IACzD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,4BAA4B,CAAC,EAAE,cAAc,EAAE,CAAC;IAChD,2BAA2B,CAAC,EAAE,cAAc,EAAE,CAAC;IAC/C,6BAA6B,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC;IACzE,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED,QAAA,MAAM,iBAAiB,GAAI,kLAUxB,sBAAsB,4CAgJxB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/lib/components/common/annotation-options/index.js

@@ -1 +1 @@
-import _extends from"@babel/runtime/helpers/extends";import _defineProperty from"@babel/runtime/helpers/defineProperty";import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["children","morePoppableOptionsPrepended","moreOptionsPopupComponentsObj","morePoppableOptionsAppended","annotation","updateAnnotation","hideFillOption","hidePositionField"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import{BorderColorOutlined,FlareOutlined,GpsFixedOutlined,OpacityOutlined}from"@mui/icons-material";import Box from"@mui/material/Box";import Menu from"@mui/material/Menu";import Typography from"@mui/material/Typography";import{useStore}from"hooks";import{useCallback,useMemo,useState}from"react";import{SFlexBox}from"@solostylist/ui-kit/core";import ColorInput from"../color-input";import SIconButtonWrapper from"../icon-wrapper";import{POPPABLE_OPTIONS}from"./annotation-options.constants";import OpacityField from"./opacity-field";import PositionFields from"./position-fields";import ShadowFields from"./shadow-fields";import StrokeFields from"./stroke-fields";var AnnotationOptions=function(a){var b=a.children,c=void 0===b?void 0:b,d=a.morePoppableOptionsPrepended,e=void 0===d?[]:d,f=a.moreOptionsPopupComponentsObj,g=void 0===f?{}:f,h=a.morePoppableOptionsAppended,i=void 0===h?[]:h,j=a.annotation,k=a.updateAnnotation,l=a.hideFillOption,m=a.hidePositionField,n=void 0!==m&&m,o=_objectWithoutProperties(a,_excluded),p=useState(null),q=_slicedToArray(p,2),r=q[0],s=q[1],u=useState(null),v=_slicedToArray(u,2),w=v[0],x=v[1],y=useStore(),z=y.config.useCloudimage,A=y.t,t=useMemo(function(){return[].concat(_toConsumableArray(e||[]),[{titleKey:"opacity",name:POPPABLE_OPTIONS.OPACITY,Icon:OpacityOutlined}],_toConsumableArray(z?[]:[{titleKey:"stroke",name:POPPABLE_OPTIONS.STROKE,Icon:BorderColorOutlined},{titleKey:"shadow",name:POPPABLE_OPTIONS.SHADOW,Icon:FlareOutlined}]),[n?void 0:{titleKey:"position",name:POPPABLE_OPTIONS.POSITION,Icon:GpsFixedOutlined}])},[e,z,n]),B=useMemo(function(){return _objectSpread(_objectSpread({},g),{},_defineProperty(_defineProperty(_defineProperty(_defineProperty({},POPPABLE_OPTIONS.OPACITY,OpacityField),POPPABLE_OPTIONS.STROKE,StrokeFields),POPPABLE_OPTIONS.SHADOW,ShadowFields),POPPABLE_OPTIONS.POSITION,PositionFields),i||[])},[g,i]),C=useCallback(function(a,b){var c=null===a||void 0===a?void 0:a.currentTarget;s(c||null),x(b||null)},[]),D=useCallback(function(a){k({fill:a})},[k]),E=r&&w&&B[w];return React.createElement(SFlexBox,{alignItems:"center",justifyContent:"center",gap:1},!(void 0!==l&&l)&&React.createElement(ColorInput,{color:j.fill,onChange:D,colorFor:"fill"}),c,t.map(function(a){return a&&React.createElement(SIconButtonWrapper,{key:a.name,title:A(a.titleKey),onClick:function(b){return C(b,a.name)},active:w===a.name},React.createElement(a.Icon,null))}),E&&React.createElement(Menu,{anchorEl:r,open:!!r,onClose:C,anchorOrigin:{vertical:"top",horizontal:"center"},transformOrigin:{vertical:"bottom",horizontal:"center"},slotProps:{paper:{sx:{px:2,py:1}}}},w===POPPABLE_OPTIONS.POSITION?function(){return React.createElement(React.Fragment,null,React.createElement(Typography,{variant:"subtitle2",mb:1},A("position")),React.createElement(Box,{sx:{display:"grid",gridTemplateColumns:"repeat(4, auto)"}},React.createElement(E,_extends({annotation:j,updateAnnotation:k},o))))}():React.createElement(E,_extends({annotation:j,updateAnnotation:k},o))))};export default AnnotationOptions;
+import _extends from"@babel/runtime/helpers/extends";import _defineProperty from"@babel/runtime/helpers/defineProperty";import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["children","morePoppableOptionsPrepended","moreOptionsPopupComponentsObj","morePoppableOptionsAppended","annotation","updateAnnotation","hideFillOption","hidePositionField"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import{BorderColorOutlined,FlareOutlined,GpsFixedOutlined,OpacityOutlined}from"@mui/icons-material";import Box from"@mui/material/Box";import Menu from"@mui/material/Menu";import Typography from"@mui/material/Typography";import{useStore}from"hooks";import{useCallback,useMemo,useState}from"react";import{SFlexBox}from"@solostylist/ui-kit/core";import ColorInput from"../color-input";import SIconButtonWrapper from"../icon-wrapper";import{POPPABLE_OPTIONS}from"./annotation-options.constants";import OpacityField from"./opacity-field";import PositionFields from"./position-fields";import ShadowFields from"./shadow-fields";import StrokeFields from"./stroke-fields";var AnnotationOptions=function(a){var b=a.children,c=void 0===b?void 0:b,d=a.morePoppableOptionsPrepended,e=void 0===d?[]:d,f=a.moreOptionsPopupComponentsObj,g=void 0===f?{}:f,h=a.morePoppableOptionsAppended,i=void 0===h?[]:h,j=a.annotation,k=a.updateAnnotation,l=a.hideFillOption,m=a.hidePositionField,n=void 0!==m&&m,o=_objectWithoutProperties(a,_excluded),p=useState(null),q=_slicedToArray(p,2),r=q[0],s=q[1],u=useState(null),v=_slicedToArray(u,2),w=v[0],x=v[1],y=useStore(),z=y.t,t=useMemo(function(){return[].concat(_toConsumableArray(e||[]),[{titleKey:"opacity",name:POPPABLE_OPTIONS.OPACITY,Icon:OpacityOutlined},{titleKey:"stroke",name:POPPABLE_OPTIONS.STROKE,Icon:BorderColorOutlined},{titleKey:"shadow",name:POPPABLE_OPTIONS.SHADOW,Icon:FlareOutlined},n?void 0:{titleKey:"position",name:POPPABLE_OPTIONS.POSITION,Icon:GpsFixedOutlined}])},[e,n]),A=useMemo(function(){return _objectSpread(_objectSpread({},g),{},_defineProperty(_defineProperty(_defineProperty(_defineProperty({},POPPABLE_OPTIONS.OPACITY,OpacityField),POPPABLE_OPTIONS.STROKE,StrokeFields),POPPABLE_OPTIONS.SHADOW,ShadowFields),POPPABLE_OPTIONS.POSITION,PositionFields),i||[])},[g,i]),B=useCallback(function(a,b){var c=null===a||void 0===a?void 0:a.currentTarget;s(c||null),x(b||null)},[]),C=useCallback(function(a){k({fill:a})},[k]),D=r&&w&&A[w];return React.createElement(SFlexBox,{alignItems:"center",justifyContent:"center",gap:1},!(void 0!==l&&l)&&React.createElement(ColorInput,{color:j.fill,onChange:C,colorFor:"fill"}),c,t.map(function(a){return a&&React.createElement(SIconButtonWrapper,{key:a.name,title:z(a.titleKey),onClick:function(b){return B(b,a.name)},active:w===a.name},React.createElement(a.Icon,null))}),D&&React.createElement(Menu,{anchorEl:r,open:!!r,onClose:B,anchorOrigin:{vertical:"top",horizontal:"center"},transformOrigin:{vertical:"bottom",horizontal:"center"},slotProps:{paper:{sx:{px:2,py:1}}}},w===POPPABLE_OPTIONS.POSITION?function(){return React.createElement(React.Fragment,null,React.createElement(Typography,{variant:"subtitle2",mb:1},z("position")),React.createElement(Box,{sx:{display:"grid",gridTemplateColumns:"repeat(4, auto)"}},React.createElement(D,_extends({annotation:j,updateAnnotation:k,t:z},o))))}():React.createElement(D,_extends({annotation:j,updateAnnotation:k,t:z},o))))};export default AnnotationOptions;

package/lib/components/common/annotation-options/opacity-field.d.ts

@@ -0,0 +1,10 @@
+/** Internal Dependencies */
+import { AnnotationsCommon } from 'types';
+interface OpacityFieldProps {
+    annotation: AnnotationsCommon;
+    updateAnnotation: (updates: Partial<AnnotationsCommon>) => void;
+    t: (key: string) => string;
+}
+declare const OpacityField: ({ annotation, updateAnnotation, t, }: OpacityFieldProps) => import("react/jsx-runtime").JSX.Element;
+export default OpacityField;
+//# sourceMappingURL=opacity-field.d.ts.map

package/lib/components/common/annotation-options/opacity-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"opacity-field.d.ts","sourceRoot":"","sources":["../../../../src/components/common/annotation-options/opacity-field.tsx"],"names":[],"mappings":"AAAA,4BAA4B;AAC5B,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAO1C,UAAU,iBAAiB;IACzB,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,YAAY,GAAI,sCAInB,iBAAiB,4CAsBnB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/lib/components/common/annotation-options/opacity-field.js

@@ -1 +1 @@
-import restrictNumber from"utils/restrict-number";import Slider from"../slider";var MIN_PERCENTANGE=0,MAX_PERCENTANGE=1,OpacityField=function(a){var b=a.annotation,c=a.updateAnnotation,d=a.t,e=b.opacity,f=Math.round(100*e);return React.createElement(Slider,{label:d("transparency"),onChange:function(a){c({opacity:restrictNumber(a/100,MIN_PERCENTANGE,MAX_PERCENTANGE)})},value:f,annotation:"%"})};export default OpacityField;
+import restrictNumber from"utils/restrict-number";import Slider from"../slider";var MIN_PERCENTANGE=0,MAX_PERCENTANGE=1,OpacityField=function(a){var b=a.annotation,c=a.updateAnnotation,d=a.t,e=b.opacity,f=Math.round(100*(null!==e&&void 0!==e?e:0));return React.createElement(Slider,{label:d("transparency"),onChange:function(a){c({opacity:restrictNumber(a/100,MIN_PERCENTANGE,MAX_PERCENTANGE)})},value:f,annotation:"%"})};export default OpacityField;

package/lib/components/common/annotation-options/position-fields.d.ts

@@ -0,0 +1,8 @@
+import { Annotation } from 'types';
+interface PositionFieldsProps {
+    annotation: Annotation;
+    updateAnnotation: (updates: Partial<Annotation>) => void;
+}
+declare const PositionFields: ({ annotation, updateAnnotation, }: PositionFieldsProps) => import("react/jsx-runtime").JSX.Element[];
+export default PositionFields;
+//# sourceMappingURL=position-fields.d.ts.map

package/lib/components/common/annotation-options/position-fields.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"position-fields.d.ts","sourceRoot":"","sources":["../../../../src/components/common/annotation-options/position-fields.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,UAAU,mBAAmB;IAC3B,UAAU,EAAE,UAAU,CAAC;IACvB,gBAAgB,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;CAC1D;AAED,QAAA,MAAM,cAAc,GAAI,mCAGrB,mBAAmB,8CAkCrB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/lib/components/common/annotation-options/shadow-fields.d.ts

@@ -0,0 +1,9 @@
+import { AnnotationsCommon } from 'types';
+interface ShadowFieldsProps {
+    annotation: AnnotationsCommon;
+    updateAnnotation: (updates: Partial<AnnotationsCommon>) => void;
+    t: (key: string) => string;
+}
+declare const ShadowFields: ({ annotation, updateAnnotation, t, }: ShadowFieldsProps) => import("react/jsx-runtime").JSX.Element;
+export default ShadowFields;
+//# sourceMappingURL=shadow-fields.d.ts.map

package/lib/components/common/annotation-options/shadow-fields.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shadow-fields.d.ts","sourceRoot":"","sources":["../../../../src/components/common/annotation-options/shadow-fields.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE1C,UAAU,iBAAiB;IACzB,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,YAAY,GAAI,sCAInB,iBAAiB,4CAiEnB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/lib/components/common/annotation-options/shadow-fields.js

@@ -1 +1 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import ColorInput from"components/common/color-input";import restrictNumber from"utils/restrict-number";import Slider from"../slider";var ShadowFields=function(a){var b=a.annotation,c=a.updateAnnotation,d=a.t,e=b.shadowOffsetX,f=b.shadowOffsetY,g=b.shadowBlur,h=b.shadowColor,i=b.shadowOpacity,j=function(a,b){var d=2<arguments.length&&arguments[2]!==void 0?arguments[2]:0,e=3<arguments.length&&arguments[3]!==void 0?arguments[3]:100;c(_defineProperty({},a,restrictNumber(b,d,e)))};return React.createElement(React.Fragment,null,React.createElement(Slider,{label:d("horizontal"),annotation:"px",min:-100,max:100,onChange:function(a){return j("shadowOffsetX",a,-100,100)},value:e||0}),React.createElement(Slider,{label:d("vertical"),annotation:"px",min:-100,max:100,onChange:function(a){return j("shadowOffsetY",a,-100,100)},value:f||0}),React.createElement(Slider,{label:d("blur"),annotation:"%",onChange:function(a){return j("shadowBlur",a)},value:g}),React.createElement(Slider,{label:d("opacity"),annotation:"%",onChange:function(a){return j("shadowOpacity",a/100,0,1)},value:Math.round(100*i)}),React.createElement(ColorInput,{color:h,onChange:function(a){c({shadowColor:a})},colorFor:"shadow"}))};export default ShadowFields;
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import ColorInput from"components/common/color-input";import restrictNumber from"utils/restrict-number";import Slider from"../slider";var ShadowFields=function(a){var b=a.annotation,c=a.updateAnnotation,d=a.t,e=b.shadowOffsetX,f=b.shadowOffsetY,g=b.shadowBlur,h=b.shadowColor,i=b.shadowOpacity,j=function(a,b){var d=2<arguments.length&&arguments[2]!==void 0?arguments[2]:0,e=3<arguments.length&&arguments[3]!==void 0?arguments[3]:100;c(_defineProperty({},a,restrictNumber(b,d,e)))};return React.createElement(React.Fragment,null,React.createElement(Slider,{label:d("horizontal"),annotation:"px",min:-100,max:100,onChange:function(a){return j("shadowOffsetX",a,-100,100)},value:e||0}),React.createElement(Slider,{label:d("vertical"),annotation:"px",min:-100,max:100,onChange:function(a){return j("shadowOffsetY",a,-100,100)},value:f||0}),React.createElement(Slider,{label:d("blur"),annotation:"%",onChange:function(a){return j("shadowBlur",a)},value:g}),React.createElement(Slider,{label:d("opacity"),annotation:"%",onChange:function(a){return j("shadowOpacity",a/100,0,1)},value:Math.round(100*(null!==i&&void 0!==i?i:0))}),React.createElement(ColorInput,{color:h,onChange:function(a){c({shadowColor:a})},colorFor:"shadow"}))};export default ShadowFields;

package/lib/components/common/annotation-options/stroke-fields.d.ts

@@ -0,0 +1,9 @@
+import { AnnotationsCommon } from 'types';
+interface StrokeFieldsProps {
+    annotation: AnnotationsCommon;
+    updateAnnotation: (updates: Partial<AnnotationsCommon>) => void;
+    t: (key: string) => string;
+}
+declare const StrokeFields: ({ annotation, updateAnnotation, t, }: StrokeFieldsProps) => import("react/jsx-runtime").JSX.Element;
+export default StrokeFields;
+//# sourceMappingURL=stroke-fields.d.ts.map

package/lib/components/common/annotation-options/stroke-fields.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stroke-fields.d.ts","sourceRoot":"","sources":["../../../../src/components/common/annotation-options/stroke-fields.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAO1C,UAAU,iBAAiB;IACzB,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,YAAY,GAAI,sCAInB,iBAAiB,4CAgCnB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/lib/components/common/button-with-menu/index.d.ts

@@ -0,0 +1,16 @@
+interface MenuItemType {
+    key: string;
+    label: string;
+    onClick?: () => void;
+    isActive?: boolean;
+    icon?: string | React.ComponentType;
+}
+interface ButtonWithMenuProps {
+    menuItems: (MenuItemType | null | undefined)[];
+    label?: string;
+    disabled?: boolean;
+    buttonRef?: React.Ref<HTMLDivElement>;
+}
+declare const ButtonWithMenu: ({ label, menuItems, disabled, buttonRef, }: ButtonWithMenuProps) => import("react/jsx-runtime").JSX.Element;
+export default ButtonWithMenu;
+//# sourceMappingURL=index.d.ts.map

package/lib/components/common/button-with-menu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/common/button-with-menu/index.tsx"],"names":[],"mappings":"AAYA,UAAU,YAAY;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,aAAa,CAAC;CACrC;AAED,UAAU,mBAAmB;IAC3B,SAAS,EAAE,CAAC,YAAY,GAAG,IAAI,GAAG,SAAS,CAAC,EAAE,CAAC;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;CACvC;AAED,QAAA,MAAM,cAAc,GAAI,4CAKrB,mBAAmB,4CA4FrB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/lib/components/common/color-input/index.d.ts

@@ -0,0 +1,8 @@
+interface ColorInputProps {
+    onChange: (color: string) => void;
+    colorFor: string;
+    color?: string;
+}
+declare const ColorInput: ({ onChange, color, colorFor }: ColorInputProps) => import("react/jsx-runtime").JSX.Element;
+export default ColorInput;
+//# sourceMappingURL=index.d.ts.map

package/lib/components/common/color-input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/common/color-input/index.tsx"],"names":[],"mappings":"AASA,UAAU,eAAe;IACvB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAGD,QAAA,MAAM,UAAU,GAAI,+BAA+B,eAAe,4CA0FjE,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/components/common/color-input/index.js

@@ -1 +1 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{useEffect,useRef,useState}from"react";import Box from"@mui/material/Box";import{useStore}from"hooks";import{SET_LATEST_COLOR}from"actions";import ColorPickerModal from"../color-picker-modal";var ColorInput=function(a){var b=a.onChange,c=a.color,d=a.colorFor,e=useStore(),f=e.selectionsIds,g=void 0===f?[]:f,h=e.config.annotationsCommon,i=void 0===h?{}:h,j=e.dispatch,k=e.latestColors,l=void 0===k?{}:k,m=l[d],n=useState(),o=_slicedToArray(n,2),p=o[0],q=o[1],r=useState(function(){return m||c||i.fill}),s=_slicedToArray(r,2),t=s[0],u=s[1],v=useRef(t),w=function(a){q(p?void 0:a.currentTarget)};return useEffect(function(){var a=0===g.length&&m||c;u(a),b(a)},[c,g]),React.createElement(React.Fragment,null,React.createElement(Box,{onClick:w,sx:{borderRadius:1,width:32,height:32,border:1,borderColor:"divider",cursor:"pointer",background:t}}),React.createElement(ColorPickerModal,{onChange:function(a){u(a),b(a),m!==a&&j({type:SET_LATEST_COLOR,payload:{latestColors:_defineProperty({},d,a)}})},defaultColor:t,open:!!p,onClose:function(a){b(v.current||t),w(a)},onApply:w}))};export default ColorInput;
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{useEffect,useRef,useState}from"react";import Box from"@mui/material/Box";import{useStore}from"hooks";import{SET_LATEST_COLOR}from"actions";import ColorPickerModal from"../color-picker-modal";var ColorInput=function(a){var b=a.onChange,c=a.color,d=a.colorFor,e=useStore(),f=e.selectionsIds,g=void 0===f?[]:f,h=e.config.annotationsCommon,i=void 0===h?{}:h,j=e.dispatch,k=e.latestColors,l=void 0===k?{}:k,m=l[d],n=useState(),o=_slicedToArray(n,2),p=o[0],q=o[1],r=useState(function(){var a;return null!==(a=null!==m&&void 0!==m?m:c)&&void 0!==a?a:i.fill}),s=_slicedToArray(r,2),t=s[0],u=s[1],v=useRef(t),w=useState(c),x=_slicedToArray(w,2),y=x[0],z=x[1],A=useState(g.length),B=_slicedToArray(A,2),C=B[0],D=B[1],E=useState(0),F=_slicedToArray(E,2),G=F[0],H=F[1],I=useRef(0),J=0===g.length&&m||c;(c!==y||g.length!==C)&&(z(c),D(g.length),u(J),H(function(a){return a+1})),useEffect(function(){G>I.current&&J&&(I.current=G,b(J))},[G,J,b]);var K=function(a){q(p?void 0:a.currentTarget)};return React.createElement(React.Fragment,null,React.createElement(Box,{onClick:K,sx:{borderRadius:1,width:32,height:32,border:1,borderColor:"divider",cursor:"pointer",background:t}}),React.createElement(ColorPickerModal,{onChange:function(a){u(a),b(a),m!==a&&j({type:SET_LATEST_COLOR,payload:{latestColors:_defineProperty({},d,a)}})},defaultColor:t,open:!!p,onClose:function(a){var c,d,e=null!==(c=null!==(d=v.current)&&void 0!==d?d:t)&&void 0!==c?c:"";b(e),K(a)},onApply:K}))};export default ColorInput;

package/lib/components/common/color-picker-modal/index.d.ts

@@ -0,0 +1,10 @@
+interface ColorPickerModalProps {
+    defaultColor?: string;
+    onChange?: (color: string) => void;
+    open?: boolean;
+    onClose?: (...args: any[]) => void;
+    onApply?: (...args: any[]) => void;
+}
+declare const ColorPickerModal: ({ defaultColor, onChange, open, onClose, onApply, }: ColorPickerModalProps) => import("react/jsx-runtime").JSX.Element | null;
+export default ColorPickerModal;
+//# sourceMappingURL=index.d.ts.map

package/lib/components/common/color-picker-modal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/common/color-picker-modal/index.tsx"],"names":[],"mappings":"AASA,UAAU,qBAAqB;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;CACpC;AAED,QAAA,MAAM,gBAAgB,GAAI,qDAMvB,qBAAqB,mDAkEvB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/lib/components/common/hidden-upload-input/index.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("react").ForwardRefExoticComponent<import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>;
+export default _default;
+//# sourceMappingURL=index.d.ts.map

package/lib/components/common/hidden-upload-input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/common/hidden-upload-input/index.tsx"],"names":[],"mappings":";AAkBA,wBAA6C"}

package/lib/components/common/icon-wrapper/index.d.ts

@@ -0,0 +1,16 @@
+interface SIconButtonWrapperProps {
+    children: React.ReactNode;
+    active?: boolean;
+    border?: boolean;
+    onClick?: (e: React.MouseEvent<HTMLElement>) => void;
+    title?: string;
+    className?: string;
+    [key: string]: any;
+}
+/**
+ * SIconButtonWrapper - A wrapper component using SIconButton from SoloStylist UI Kit
+ * Replaces StyledIconWrapper to sync styles with the design system
+ */
+declare const SIconButtonWrapper: ({ children, active, border, onClick, title, className, ...rest }: SIconButtonWrapperProps) => import("react/jsx-runtime").JSX.Element;
+export default SIconButtonWrapper;
+//# sourceMappingURL=index.d.ts.map

package/lib/components/common/icon-wrapper/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/common/icon-wrapper/index.tsx"],"names":[],"mappings":"AAIA,UAAU,uBAAuB;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED;;;GAGG;AACH,QAAA,MAAM,kBAAkB,GAAI,kEAQzB,uBAAuB,4CAgCzB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/lib/components/common/image-preview-tile/index.d.ts

@@ -0,0 +1,14 @@
+/** External Dependencies */
+import { Theme, SxProps } from '@mui/material';
+interface ImagePreviewTileProps {
+    src: string;
+    alt?: string;
+    onClick: (e: React.MouseEvent<HTMLElement>) => void;
+    selected?: boolean;
+    size?: number | string;
+    sx?: SxProps<Theme>;
+    [key: string]: any;
+}
+declare const ImagePreviewTile: ({ src, alt, onClick, selected, size, sx, ...rest }: ImagePreviewTileProps) => import("react/jsx-runtime").JSX.Element;
+export default ImagePreviewTile;
+//# sourceMappingURL=index.d.ts.map

package/lib/components/common/image-preview-tile/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/common/image-preview-tile/index.tsx"],"names":[],"mappings":"AAAA,4BAA4B;AAI5B,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAE/C,UAAU,qBAAqB;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED,QAAA,MAAM,gBAAgB,GAAI,oDAQvB,qBAAqB,4CA4CvB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/lib/components/common/slider/index.d.ts

@@ -0,0 +1,12 @@
+/** External Dependencies */
+import MuiSlider from '@mui/material/Slider';
+interface SliderProps extends Omit<React.ComponentProps<typeof MuiSlider>, 'value' | 'onChange'> {
+    onChange: (value: number) => void;
+    width?: string;
+    value?: number;
+    label: string;
+    annotation?: string;
+}
+declare const Slider: ({ annotation, label, value, onChange, width, ...props }: SliderProps) => import("react/jsx-runtime").JSX.Element;
+export default Slider;
+//# sourceMappingURL=index.d.ts.map

package/lib/components/common/slider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/common/slider/index.tsx"],"names":[],"mappings":"AAAA,4BAA4B;AAC5B,OAAO,SAAS,MAAM,sBAAsB,CAAC;AAI7C,UAAU,WAAY,SAAQ,IAAI,CAChC,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,EACtC,OAAO,GAAG,UAAU,CACrB;IACC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,QAAA,MAAM,MAAM,GAAI,yDAOb,WAAW,4CAqBb,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/lib/components/feedback-popup/index.d.ts

@@ -0,0 +1,8 @@
+/** External Dependencies */
+import { SnackbarOrigin } from '@mui/material/Snackbar';
+interface FeedbackPopupProps {
+    anchorOrigin?: SnackbarOrigin;
+}
+declare const FeedbackPopup: ({ anchorOrigin, }: FeedbackPopupProps) => import("react/jsx-runtime").JSX.Element | null;
+export default FeedbackPopup;
+//# sourceMappingURL=index.d.ts.map

package/lib/components/feedback-popup/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/feedback-popup/index.tsx"],"names":[],"mappings":"AAAA,4BAA4B;AAC5B,OAAiB,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAkBlE,UAAU,kBAAkB;IAC1B,YAAY,CAAC,EAAE,cAAc,CAAC;CAC/B;AAED,QAAA,MAAM,aAAa,GAAI,mBAEpB,kBAAkB,mDA+BpB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/components/layers/design-layer/annotation-nodes/annotation-nodes.constants.d.ts

@@ -0,0 +1,11 @@
+import RectNode from './rect-node';
+import EllipseNode from './ellipse-node';
+import PolygonNode from './polygon-node';
+import TextNode from './text-node';
+import ImageNode from './image-node';
+import LineNode from './line-node';
+import ArrowNode from './arrow-node';
+type AnnotationNodeComponent = typeof RectNode | typeof EllipseNode | typeof PolygonNode | typeof TextNode | typeof ImageNode | typeof LineNode | typeof ArrowNode;
+export declare const ANNOTATION_NAMES_TO_COMPONENT: Record<string, AnnotationNodeComponent>;
+export {};
+//# sourceMappingURL=annotation-nodes.constants.d.ts.map

package/lib/components/layers/design-layer/annotation-nodes/annotation-nodes.constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"annotation-nodes.constants.d.ts","sourceRoot":"","sources":["../../../../../src/components/layers/design-layer/annotation-nodes/annotation-nodes.constants.ts"],"names":[],"mappings":"AAEA,OAAO,QAAQ,MAAM,aAAa,CAAC;AACnC,OAAO,WAAW,MAAM,gBAAgB,CAAC;AACzC,OAAO,WAAW,MAAM,gBAAgB,CAAC;AACzC,OAAO,QAAQ,MAAM,aAAa,CAAC;AACnC,OAAO,SAAS,MAAM,cAAc,CAAC;AACrC,OAAO,QAAQ,MAAM,aAAa,CAAC;AACnC,OAAO,SAAS,MAAM,cAAc,CAAC;AAErC,KAAK,uBAAuB,GACxB,OAAO,QAAQ,GACf,OAAO,WAAW,GAClB,OAAO,WAAW,GAClB,OAAO,QAAQ,GACf,OAAO,SAAS,GAChB,OAAO,QAAQ,GACf,OAAO,SAAS,CAAC;AAErB,eAAO,MAAM,6BAA6B,EAAE,MAAM,CAChD,MAAM,EACN,uBAAuB,CAUxB,CAAC"}

package/lib/components/layers/design-layer/annotation-nodes/arrow-node.d.ts

@@ -0,0 +1,15 @@
+/** Internal Dependencies */
+import { AnnotationEventHandlers } from 'hooks/use-annotation-events';
+import { NodesCommonProps } from '../nodes-common-prop-types';
+interface ArrowNodeProps extends NodesCommonProps {
+    points: number[];
+    annotationEvents: AnnotationEventHandlers;
+    fill?: string;
+    pointerLength?: number;
+    pointerWidth?: number;
+    lineCap?: string;
+    [key: string]: any;
+}
+declare const ArrowNode: ({ id, name, fill, pointerLength, pointerWidth, scaleX, scaleY, rotation, annotationEvents, points, lineCap, stroke, strokeWidth, shadowOffsetX, shadowOffsetY, shadowBlur, shadowColor, shadowOpacity, opacity, ...otherProps }: ArrowNodeProps) => import("react/jsx-runtime").JSX.Element;
+export default ArrowNode;
+//# sourceMappingURL=arrow-node.d.ts.map

package/lib/components/layers/design-layer/annotation-nodes/arrow-node.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrow-node.d.ts","sourceRoot":"","sources":["../../../../../src/components/layers/design-layer/annotation-nodes/arrow-node.tsx"],"names":[],"mappings":"AAGA,4BAA4B;AAC5B,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AACtE,OAAO,EACL,gBAAgB,EAEjB,MAAM,4BAA4B,CAAC;AAEpC,UAAU,cAAe,SAAQ,gBAAgB;IAC/C,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,gBAAgB,EAAE,uBAAuB,CAAC;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED,QAAA,MAAM,SAAS,GAAI,iOAqBhB,cAAc,4CA2BhB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/components/layers/design-layer/annotation-nodes/ellipse-node.d.ts

@@ -0,0 +1,14 @@
+/** Internal Dependencies */
+import { AnnotationEventHandlers } from 'hooks/use-annotation-events';
+import { NodesCommonProps } from '../nodes-common-prop-types';
+interface EllipseNodeProps extends NodesCommonProps {
+    x: number;
+    y: number;
+    annotationEvents: AnnotationEventHandlers;
+    radiusX?: number;
+    radiusY?: number;
+    fill?: string;
+}
+declare const EllipseNode: ({ id, name, fill, x, y, radiusX, radiusY, scaleX, scaleY, rotation, annotationEvents, stroke, strokeWidth, shadowOffsetX, shadowOffsetY, shadowBlur, shadowColor, shadowOpacity, opacity, ...otherProps }: EllipseNodeProps) => import("react/jsx-runtime").JSX.Element;
+export default EllipseNode;
+//# sourceMappingURL=ellipse-node.d.ts.map

package/lib/components/layers/design-layer/annotation-nodes/ellipse-node.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ellipse-node.d.ts","sourceRoot":"","sources":["../../../../../src/components/layers/design-layer/annotation-nodes/ellipse-node.tsx"],"names":[],"mappings":"AAGA,4BAA4B;AAC5B,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AACtE,OAAO,EACL,gBAAgB,EAEjB,MAAM,4BAA4B,CAAC;AAEpC,UAAU,gBAAiB,SAAQ,gBAAgB;IACjD,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,gBAAgB,EAAE,uBAAuB,CAAC;IAC1C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,QAAA,MAAM,WAAW,GAAI,2MAqBlB,gBAAgB,4CA2BlB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/components/layers/design-layer/annotation-nodes/image-node.d.ts

@@ -0,0 +1,14 @@
+/** Internal Dependencies */
+import { AnnotationEventHandlers } from 'hooks/use-annotation-events';
+import { NodesCommonProps } from '../nodes-common-prop-types';
+interface ImageNodeProps extends NodesCommonProps {
+    image: HTMLImageElement | SVGImageElement | ImageBitmap | string;
+    x: number;
+    y: number;
+    annotationEvents: AnnotationEventHandlers;
+    width?: number;
+    height?: number;
+}
+declare const ImageNode: ({ id, name, image, x, y, width, height, scaleX, scaleY, rotation, annotationEvents, stroke, strokeWidth, shadowOffsetX, shadowOffsetY, shadowBlur, shadowColor, shadowOpacity, opacity, ...otherProps }: ImageNodeProps) => import("react/jsx-runtime").JSX.Element | null;
+export default ImageNode;
+//# sourceMappingURL=image-node.d.ts.map

package/lib/components/layers/design-layer/annotation-nodes/image-node.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-node.d.ts","sourceRoot":"","sources":["../../../../../src/components/layers/design-layer/annotation-nodes/image-node.tsx"],"names":[],"mappings":"AAIA,4BAA4B;AAC5B,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAEtE,OAAO,EACL,gBAAgB,EAEjB,MAAM,4BAA4B,CAAC;AAEpC,UAAU,cAAe,SAAQ,gBAAgB;IAC/C,KAAK,EAAE,gBAAgB,GAAG,eAAe,GAAG,WAAW,GAAG,MAAM,CAAC;IACjE,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,gBAAgB,EAAE,uBAAuB,CAAC;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,QAAA,MAAM,SAAS,GAAI,yMAqBhB,cAAc,mDAwChB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/components/layers/design-layer/annotation-nodes/index.d.ts

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

package/lib/components/layers/design-layer/annotation-nodes/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/layers/design-layer/annotation-nodes/index.tsx"],"names":[],"mappings":"AAQA,QAAA,MAAM,eAAe,iDAgBpB,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/lib/components/layers/design-layer/annotation-nodes/line-node.d.ts

@@ -0,0 +1,12 @@
+/** Internal Dependencies */
+import { AnnotationEventHandlers } from 'hooks/use-annotation-events';
+import { NodesCommonProps } from '../nodes-common-prop-types';
+interface LineNodeProps extends NodesCommonProps {
+    points: number[];
+    annotationEvents?: AnnotationEventHandlers;
+    lineCap?: string;
+    tension?: number;
+}
+declare const LineNode: ({ id, name, scaleX, scaleY, rotation, annotationEvents, points, lineCap, stroke, strokeWidth, shadowOffsetX, shadowOffsetY, shadowBlur, shadowColor, shadowOpacity, tension, opacity, ...otherProps }: LineNodeProps) => import("react/jsx-runtime").JSX.Element;
+export default LineNode;
+//# sourceMappingURL=line-node.d.ts.map

package/lib/components/layers/design-layer/annotation-nodes/line-node.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"line-node.d.ts","sourceRoot":"","sources":["../../../../../src/components/layers/design-layer/annotation-nodes/line-node.tsx"],"names":[],"mappings":"AAGA,4BAA4B;AAC5B,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AACtE,OAAO,EACL,gBAAgB,EAEjB,MAAM,4BAA4B,CAAC;AAEpC,UAAU,aAAc,SAAQ,gBAAgB;IAC9C,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,gBAAgB,CAAC,EAAE,uBAAuB,CAAC;IAC3C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,QAAA,MAAM,QAAQ,GAAI,uMAmBf,aAAa,4CA0Bf,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/lib/components/layers/design-layer/annotation-nodes/memoized-annotation.d.ts

@@ -0,0 +1,11 @@
+/** Internal Dependencies */
+import { AnnotationEventHandlers } from 'hooks/use-annotation-events';
+import { Annotation } from 'types/annotations';
+interface MemoizedAnnotationProps {
+    annotation: Annotation;
+    annotationEvents: AnnotationEventHandlers;
+    selectionsIds: string[];
+}
+declare const _default: import("react").MemoExoticComponent<({ annotation, annotationEvents, selectionsIds, }: MemoizedAnnotationProps) => import("react/jsx-runtime").JSX.Element | null>;
+export default _default;
+//# sourceMappingURL=memoized-annotation.d.ts.map

package/lib/components/layers/design-layer/annotation-nodes/memoized-annotation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"memoized-annotation.d.ts","sourceRoot":"","sources":["../../../../../src/components/layers/design-layer/annotation-nodes/memoized-annotation.tsx"],"names":[],"mappings":"AAGA,4BAA4B;AAC5B,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AACtE,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAG/C,UAAU,uBAAuB;IAC/B,UAAU,EAAE,UAAU,CAAC;IACvB,gBAAgB,EAAE,uBAAuB,CAAC;IAC1C,aAAa,EAAE,MAAM,EAAE,CAAC;CACzB;+GAME,uBAAuB;AAgB1B,wBAAwC"}

package/lib/components/layers/design-layer/annotation-nodes/polygon-node.d.ts

@@ -0,0 +1,15 @@
+/** Internal Dependencies */
+import { AnnotationEventHandlers } from 'hooks/use-annotation-events';
+import { NodesCommonProps } from '../nodes-common-prop-types';
+interface PolygonNodeProps extends NodesCommonProps {
+    x: number;
+    y: number;
+    annotationEvents: AnnotationEventHandlers;
+    radius: number;
+    fill?: string;
+    sides?: number;
+    [key: string]: any;
+}
+declare const PolygonNode: ({ id, name, fill, x, y, radius, scaleX, scaleY, rotation, sides, annotationEvents, stroke, strokeWidth, shadowOffsetX, shadowOffsetY, shadowBlur, shadowColor, shadowOpacity, opacity, ...otherProps }: PolygonNodeProps) => import("react/jsx-runtime").JSX.Element;
+export default PolygonNode;
+//# sourceMappingURL=polygon-node.d.ts.map

package/lib/components/layers/design-layer/annotation-nodes/polygon-node.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"polygon-node.d.ts","sourceRoot":"","sources":["../../../../../src/components/layers/design-layer/annotation-nodes/polygon-node.tsx"],"names":[],"mappings":"AAGA,4BAA4B;AAC5B,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AACtE,OAAO,EACL,gBAAgB,EAEjB,MAAM,4BAA4B,CAAC;AAEpC,UAAU,gBAAiB,SAAQ,gBAAgB;IACjD,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,gBAAgB,EAAE,uBAAuB,CAAC;IAC1C,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED,QAAA,MAAM,WAAW,GAAI,wMAqBlB,gBAAgB,4CA2BlB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/components/layers/design-layer/annotation-nodes/rect-node.d.ts

@@ -0,0 +1,16 @@
+/** Internal Dependencies */
+import { AnnotationEventHandlers } from 'hooks/use-annotation-events';
+import { NodesCommonProps } from '../nodes-common-prop-types';
+interface RectNodeProps extends NodesCommonProps {
+    x: number;
+    y: number;
+    annotationEvents: AnnotationEventHandlers;
+    width?: number;
+    height?: number;
+    fill?: string;
+    cornerRadius?: number;
+    [key: string]: any;
+}
+declare const RectNode: ({ id, name, fill, x, y, width, height, scaleX, scaleY, rotation, annotationEvents, stroke, strokeWidth, shadowOffsetX, shadowOffsetY, shadowBlur, shadowColor, shadowOpacity, opacity, cornerRadius, ...otherProps }: RectNodeProps) => import("react/jsx-runtime").JSX.Element;
+export default RectNode;
+//# sourceMappingURL=rect-node.d.ts.map

package/lib/components/layers/design-layer/annotation-nodes/rect-node.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rect-node.d.ts","sourceRoot":"","sources":["../../../../../src/components/layers/design-layer/annotation-nodes/rect-node.tsx"],"names":[],"mappings":"AAGA,4BAA4B;AAC5B,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AACtE,OAAO,EACL,gBAAgB,EAEjB,MAAM,4BAA4B,CAAC;AAEpC,UAAU,aAAc,SAAQ,gBAAgB;IAC9C,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,gBAAgB,EAAE,uBAAuB,CAAC;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED,QAAA,MAAM,QAAQ,GAAI,sNAsBf,aAAa,4CA0Bf,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/lib/components/layers/design-layer/annotation-nodes/text-node.d.ts

@@ -0,0 +1,21 @@
+/** Internal Dependencies */
+import { AnnotationEventHandlers } from 'hooks/use-annotation-events';
+import { NodesCommonProps } from '../nodes-common-prop-types';
+interface TextNodeProps extends NodesCommonProps {
+    x: number;
+    y: number;
+    annotationEvents: AnnotationEventHandlers;
+    width?: number;
+    height?: number;
+    text?: string;
+    fontFamily?: string;
+    fontSize?: number;
+    fontStyle?: string;
+    fill?: string;
+    letterSpacing?: number;
+    lineHeight?: number;
+    align?: string;
+}
+declare const TextNode: ({ id, name, text, fontFamily, fontSize, fontStyle, fill, x, y, width, height, scaleX, scaleY, rotation, annotationEvents, stroke, strokeWidth, shadowOffsetX, shadowOffsetY, shadowBlur, shadowColor, shadowOpacity, opacity, letterSpacing, lineHeight, align, ...otherProps }: TextNodeProps) => import("react/jsx-runtime").JSX.Element;
+export default TextNode;
+//# sourceMappingURL=text-node.d.ts.map

package/lib/components/layers/design-layer/annotation-nodes/text-node.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-node.d.ts","sourceRoot":"","sources":["../../../../../src/components/layers/design-layer/annotation-nodes/text-node.tsx"],"names":[],"mappings":"AAGA,4BAA4B;AAC5B,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AACtE,OAAO,EACL,gBAAgB,EAEjB,MAAM,4BAA4B,CAAC;AAEpC,UAAU,aAAc,SAAQ,gBAAgB;IAC9C,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,gBAAgB,EAAE,uBAAuB,CAAC;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,QAAQ,GAAI,iRA4Bf,aAAa,4CAgCf,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/lib/components/layers/design-layer/index.d.ts

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

package/lib/components/layers/design-layer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layers/design-layer/index.tsx"],"names":[],"mappings":"AAqBA,QAAA,MAAM,WAAW,sDAyRhB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/components/layers/design-layer/nodes-common-prop-types.d.ts

@@ -0,0 +1,45 @@
+export interface NodesCommonProps {
+    id: string;
+    name: string;
+    rotation?: number;
+    scaleX?: number;
+    scaleY?: number;
+    stroke?: string;
+    strokeWidth?: number;
+    shadowOffsetX?: number;
+    shadowOffsetY?: number;
+    shadowBlur?: number;
+    shadowColor?: string;
+    shadowOpacity?: number;
+    opacity?: number;
+}
+export declare const nodesCommonDefaults: {
+    rotation: number;
+    scaleX: number;
+    scaleY: number;
+    stroke: undefined;
+    strokeWidth: undefined;
+    shadowOffsetX: undefined;
+    shadowOffsetY: undefined;
+    shadowBlur: undefined;
+    shadowColor: undefined;
+    shadowOpacity: undefined;
+    opacity: number;
+};
+declare const _default: {
+    defaults: {
+        rotation: number;
+        scaleX: number;
+        scaleY: number;
+        stroke: undefined;
+        strokeWidth: undefined;
+        shadowOffsetX: undefined;
+        shadowOffsetY: undefined;
+        shadowBlur: undefined;
+        shadowColor: undefined;
+        shadowOpacity: undefined;
+        opacity: number;
+    };
+};
+export default _default;
+//# sourceMappingURL=nodes-common-prop-types.d.ts.map

package/lib/components/layers/design-layer/nodes-common-prop-types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nodes-common-prop-types.d.ts","sourceRoot":"","sources":["../../../../src/components/layers/design-layer/nodes-common-prop-types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,mBAAmB;;;;;;;;;;;;CAY/B,CAAC;;;;;;;;;;;;;;;;AAEF,wBAAiD"}

package/lib/components/layers/design-layer/preview-group.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("react").ForwardRefExoticComponent<Omit<import("konva/lib/Group").GroupConfig, "ref"> & import("react").RefAttributes<import("konva/lib/Group").Group>>;
+export default _default;
+//# sourceMappingURL=preview-group.d.ts.map

package/lib/components/layers/design-layer/preview-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview-group.d.ts","sourceRoot":"","sources":["../../../../src/components/layers/design-layer/preview-group.tsx"],"names":[],"mappings":";AAWA,wBAAwE"}

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

@@ -0,0 +1,3 @@
+export { default as DesignLayer } from './design-layer';
+export { default as TransformersLayer } from './transformers-layer';
+//# sourceMappingURL=index.d.ts.map

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

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

package/lib/components/layers/transformers-layer/crop-transformer.d.ts

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

package/lib/components/layers/transformers-layer/crop-transformer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"crop-transformer.d.ts","sourceRoot":"","sources":["../../../../src/components/layers/transformers-layer/crop-transformer.tsx"],"names":[],"mappings":"AA2BA,QAAA,MAAM,eAAe,sDA2SpB,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/lib/components/layers/transformers-layer/crop-transformer.js

@@ -1 +1 @@
-import _extends from"@babel/runtime/helpers/extends";import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import{useEffect,useRef,useMemo}from"react";import{Ellipse,Image,Rect,Transformer}from"react-konva";import Konva from"konva";import{useStore}from"hooks";import{SET_CROP,SET_FEEDBACK}from"actions";import{CUSTOM_CROP,ELLIPSE_CROP,FEEDBACK_STATUSES,ORIGINAL_CROP,TOOLS_IDS}from"utils/constants";import{boundDragging,boundResizing}from"./transformers-layer.utils";import TextNode from"../design-layer/annotation-nodes/text-node";var noEffectTextDimensions={width:200,height:100},CropTransformer=function(){var a=useStore(),b=a.dispatch,c=a.theme,d=a.designLayer,e=a.originalImage,f=a.shownImageDimensions,g=a.adjustments,h=void 0===g?{}:g,i=h.crop,j=void 0===i?{}:i,k=h.isFlippedX,l=h.isFlippedY,m=a.resize,n=void 0===m?{}:m,o=a.config,p=a.t,q=useRef(null),r=useRef(null),s=useRef(null),t=useRef(null),u=o[TOOLS_IDS.CROP],v=useMemo(function(){var a;return _objectSpread(_objectSpread({},u),{},{lockCropAreaAt:null!==(a=j.lockCropAreaAt)&&void 0!==a?a:null===u||void 0===u?void 0:u.lockCropAreaAt})},[j.lockCropAreaAt,u]),w=v.lockCropAreaAt,z=j.ratio||v.ratio,A=z===CUSTOM_CROP,B=z===ELLIPSE_CROP,C=function a(){return z===ORIGINAL_CROP?e.width/e.height:z},D=function d(a,c){var e=a.width,f=a.height,g=a.x,h=a.y,i={x:g,y:h,width:e,height:f},k=j.width>=n.width&&j.height>=n.height;n.width&&n.height&&(e<n.width||f<n.height)&&k&&b({type:SET_FEEDBACK,payload:{feedback:{message:p("cropSizeLowerThanResizedWarning"),status:FEEDBACK_STATUSES.WARNING}}}),b({type:SET_CROP,payload:_objectSpread(_objectSpread(_objectSpread({},j),i),{},{dismissHistory:c})})},E=function c(a,b){var d,e,f=2<arguments.length&&void 0!==arguments[2]?arguments[2]:{noScale:!0};r.current&&q.current&&r.current.nodes([q.current]);var g=t.current,h={width:a,height:b,x:null!==(d=j.x)&&void 0!==d?d:0,y:null!==(e=j.y)&&void 0!==e?e:0};D(boundResizing(h,h,_objectSpread(_objectSpread({},g),{},{abstractX:0,abstractY:0}),!(A||B)&&C(),_objectSpread(_objectSpread({},v),f)),!0)};if(useEffect(function(){return d&&r.current&&q.current&&(s.current&&s.current.cache(),r.current.nodes([q.current])),function(){s.current&&s.current.clearCache()}},[d,e,f]),useEffect(function(){if(f&&(t.current=f,"undefined"!=typeof f.x&&f.width)){var a,b;E(null!==(a=j.width)&&void 0!==a?a:f.width,null!==(b=j.height)&&void 0!==b?b:f.height)}},[z,f,v]),!d)return null;var F,G=(w||j.noEffect)&&[]||(A||B?void 0:["top-left","bottom-left","top-right","bottom-right"]),H=function b(a){var c=!!(1<arguments.length&&void 0!==arguments[1])&&arguments[1];a.target&&D({width:a.target.width()*a.target.scaleX(),height:a.target.height()*a.target.scaleY(),x:a.target.x(),y:a.target.y()},c)};if(!j.width&&!j.height){var I=1>f.scaledBy?f.scaledBy:1,J=_objectSpread(_objectSpread({},f),{},{width:f.width/I,height:f.height/I});F=boundResizing(J,_objectSpread(_objectSpread({},J),{},{x:0,y:0}),_objectSpread(_objectSpread({},J),{},{abstractX:0,abstractY:0}),!(A||B)&&C(),v)}else F=j;var K=F,L=K.x,M=void 0===L?0:L,x=K.y,N=void 0===x?0:x,y=K.width,O=K.height,P={x:M,y:N,ref:q,fill:"#FFFFFF",scaleX:1,scaleY:1,globalCompositeOperation:"destination-out",onDragEnd:w?void 0:H,onDragMove:w?void 0:function b(a){var c=a.target;c.setAttrs(boundDragging(c.attrs,t.current))},onTransformEnd:w?void 0:H,draggable:!w};return React.createElement(React.Fragment,null,React.createElement(Image,{image:e,x:k?f.width:0,y:l?f.height:0,width:f.width,height:f.height,filters:[Konva.Filters.Blur,Konva.Filters.Brighten],blurRadius:10,brightness:-.3,scaleX:k?-1:1,scaleY:l?-1:1,ref:s}),B?React.createElement(Ellipse,_extends({},P,{radiusX:y/2,radiusY:O/2,offset:{x:-y/2,y:-O/2}})):React.createElement(Rect,_extends({},P,{width:j.noEffect?0:y,height:j.noEffect?0:O})),j.noEffect&&React.createElement(TextNode,{name:"Text",id:"no-preview-text-node",text:p("cropItemNoEffect"),x:f.width/2-noEffectTextDimensions.width/2,y:f.height/2-noEffectTextDimensions.height/2,fontSize:20,fill:"#ffffff",stroke:"#ff0000",strokeWidth:.2,shadowColor:"#ff0000",shadowBlur:10,annotationEvents:{},align:"center",width:noEffectTextDimensions.width,height:noEffectTextDimensions.height}),React.createElement(Transformer,{centeredScaling:!1,flipEnabled:!1,rotateEnabled:!1,nodes:q.current?[q.current]:[],anchorSize:14,anchorCornerRadius:7,enabledAnchors:G,ignoreStroke:!1,anchorStroke:c.palette.primary.main,anchorFill:c.palette.common.white,anchorStrokeWidth:2,borderStroke:c.palette.primary.main,borderStrokeWidth:2,borderDash:[4],keepRatio:!A||!B,ref:r,boundBoxFunc:function c(a,b){return boundResizing(a,b,t.current,!(A||B)&&C(),v)}}))};export default CropTransformer;
+import _extends from"@babel/runtime/helpers/extends";import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import Konva from"konva";import{useEffect,useMemo,useRef}from"react";import{Ellipse,Image,Rect,Transformer}from"react-konva";import{SET_CROP,SET_FEEDBACK}from"actions";import{useStore}from"hooks";import{CUSTOM_CROP,ELLIPSE_CROP,FEEDBACK_STATUSES,ORIGINAL_CROP,TOOLS_IDS}from"utils/constants";import TextNode from"../design-layer/annotation-nodes/text-node";import{boundDragging,boundResizing}from"./transformers-layer.utils";var noEffectTextDimensions={width:200,height:100},CropTransformer=function(){var a=useStore(),b=a.dispatch,c=a.theme,d=a.designLayer,e=a.originalImage,f=a.shownImageDimensions,g=a.adjustments,h=g.crop,i=void 0===h?{}:h,j=g.isFlippedX,k=g.isFlippedY,l=a.resize,m=void 0===l?{}:l,n=a.config,o=a.t,p=useRef(null),q=useRef(null),r=useRef(null),s=useRef(null),t=useRef(null),u=n[TOOLS_IDS.CROP],v=useMemo(function(){var a;return _objectSpread(_objectSpread({},u),{},{lockCropAreaAt:null!==(a=i.lockCropAreaAt)&&void 0!==a?a:null===u||void 0===u?void 0:u.lockCropAreaAt})},[i.lockCropAreaAt,u]),w=v.lockCropAreaAt,z=i.ratio||v.ratio,A=z===CUSTOM_CROP,B=z===ELLIPSE_CROP,C=function a(){return z===ORIGINAL_CROP?e?e.width/e.height:1:"number"==typeof z?z:void 0},D=function d(a,c){var e,f,g,h,j=a.width,k=a.height,l=a.x,n=a.y,p={x:l,y:n,width:j,height:k},q=(null!==(e=i.width)&&void 0!==e?e:0)>=(null!==(f=m.width)&&void 0!==f?f:0)&&(null!==(g=i.height)&&void 0!==g?g:0)>=(null!==(h=m.height)&&void 0!==h?h:0);m.width&&m.height&&(j<m.width||k<m.height)&&q&&b({type:SET_FEEDBACK,payload:{feedback:{message:o("cropSizeLowerThanResizedWarning"),status:FEEDBACK_STATUSES.WARNING}}}),b({type:SET_CROP,payload:_objectSpread(_objectSpread(_objectSpread({},i),p),{},{dismissHistory:c})})},E=function c(a,b){var d,e,f=2<arguments.length&&void 0!==arguments[2]?arguments[2]:{noScale:!0},g=B?q:p;r.current&&g.current&&r.current.nodes([g.current]);var h=t.current,j={rotation:0,width:a,height:b,x:null!==(d=i.x)&&void 0!==d?d:0,y:null!==(e=i.y)&&void 0!==e?e:0};D(boundResizing(j,j,_objectSpread(_objectSpread({},h),{},{abstractX:0,abstractY:0}),A||B?void 0:C(),_objectSpread(_objectSpread({},v),f)),!0)};if(useEffect(function(){var a=B?q:p;return d&&r.current&&a.current&&(s.current&&s.current.cache(),r.current.nodes([a.current])),function(){s.current&&s.current.clearCache()}},[d,e,f,B]),useEffect(function(){if(f&&(t.current=f,"undefined"!=typeof f.x&&f.width)){var a,b;E(null!==(a=i.width)&&void 0!==a?a:f.width,null!==(b=i.height)&&void 0!==b?b:f.height)}},[z,f,v]),!d)return null;var F,G=(w||i.noEffect)&&[]||(A||B?void 0:["top-left","bottom-left","top-right","bottom-right"]),H=function b(a){var c=!!(1<arguments.length&&void 0!==arguments[1])&&arguments[1];a.target&&D({width:a.target.width()*a.target.scaleX(),height:a.target.height()*a.target.scaleY(),x:a.target.x(),y:a.target.y()},c)};if(!i.width&&!i.height){var I=1>f.scaledBy?f.scaledBy:1,J=_objectSpread(_objectSpread({},f),{},{width:f.width/I,height:f.height/I});F=boundResizing(J,_objectSpread(_objectSpread({},J),{},{x:0,y:0}),_objectSpread(_objectSpread({},J),{},{abstractX:0,abstractY:0}),A||B?void 0:C(),v)}else F=i;var K=F,L=K.x,M=void 0===L?0:L,x=K.y,N=void 0===x?0:x,y=K.width,O=K.height,P={x:M,y:N,fill:"#FFFFFF",scaleX:1,scaleY:1,globalCompositeOperation:"destination-out",onDragEnd:w?void 0:H,onDragMove:w?void 0:function b(a){var c=a.target;c.setAttrs(boundDragging(c.attrs,t.current))},onTransformEnd:w?void 0:H,draggable:!w};return React.createElement(React.Fragment,null,React.createElement(Image,{image:e,x:j?f.width:0,y:k?f.height:0,width:f.width,height:f.height,filters:[Konva.Filters.Blur,Konva.Filters.Brighten],blurRadius:10,brightness:-.3,scaleX:j?-1:1,scaleY:k?-1:1,ref:s}),B?React.createElement(Ellipse,_extends({},P,{ref:q,radiusX:(null!==y&&void 0!==y?y:0)/2,radiusY:(null!==O&&void 0!==O?O:0)/2,offset:{x:-(null!==y&&void 0!==y?y:0)/2,y:-(null!==O&&void 0!==O?O:0)/2}})):React.createElement(Rect,_extends({},P,{ref:p,width:i.noEffect?0:y,height:i.noEffect?0:O})),i.noEffect&&React.createElement(TextNode,{name:"Text",id:"no-preview-text-node",text:o("cropItemNoEffect"),x:f.width/2-noEffectTextDimensions.width/2,y:f.height/2-noEffectTextDimensions.height/2,fontSize:20,fill:"#ffffff",stroke:"#ff0000",strokeWidth:.2,shadowColor:"#ff0000",shadowBlur:10,annotationEvents:{},align:"center",width:noEffectTextDimensions.width,height:noEffectTextDimensions.height}),React.createElement(Transformer,{centeredScaling:!1,flipEnabled:!1,rotateEnabled:!1,anchorSize:14,anchorCornerRadius:7,enabledAnchors:G,ignoreStroke:!1,anchorStroke:c.palette.primary.main,anchorFill:c.palette.common.white,anchorStrokeWidth:2,borderStroke:c.palette.primary.main,borderStrokeWidth:2,borderDash:[4],keepRatio:!A||!B,ref:r,boundBoxFunc:function c(a,b){return boundResizing(a,b,t.current,A||B?void 0:C(),v)}}))};export default CropTransformer;

package/lib/components/layers/transformers-layer/index.d.ts

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

package/lib/components/layers/transformers-layer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layers/transformers-layer/index.tsx"],"names":[],"mappings":"AASA,QAAA,MAAM,iBAAiB,+CAatB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/lib/components/layers/transformers-layer/nodes-transformer.d.ts

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

package/lib/components/layers/transformers-layer/nodes-transformer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nodes-transformer.d.ts","sourceRoot":"","sources":["../../../../src/components/layers/transformers-layer/nodes-transformer.tsx"],"names":[],"mappings":"AAcA,QAAA,MAAM,gBAAgB,+CAmErB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}