@dreamcommerce/aurora 2.5.3-1 → 2.5.3-2

package/build/esm/packages/aurora/src/components/controls/hoc/control_image_picker/index.js

@@ -1,17 +1,18 @@
-import Control from '../../index';
-import Hint from '@auroraComponents/hint';
-import '../../types';
-import ImagePicker from '@auroraComponents/image_picker';
 import React from 'react';
-const ControlImagePicker = ({ label, isRequired, id, name, onChange, allowedExtensions, initialFile, className, errors, hint, labelAdditionalInfo, hasWidthInput, widthInputPostfix, widthInputLabel, widthInputHint }) => {
-    return (React.createElement(Control, { errors: errors, name: name, id: id },
-        (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
-            label,
-            hint && React.createElement(Hint, { hint: hint, spacingLeft: true }))),
-        React.createElement(Control.Content, null,
-            React.createElement(Control.Element, null,
-                React.createElement(ImagePicker, { id: id, name: name, onChange: onChange, allowedExtensions: allowedExtensions, initialFile: initialFile, className: className, hasWidthInput: hasWidthInput, widthInputPostfix: widthInputPostfix, widthInputLabel: widthInputLabel, widthInputHint: widthInputHint }))),
-        React.createElement(Control.Errors, null)));
+import Control from '../../index.js';
+import Hint from '../../../hint/index.js';
+import ImagePicker from '../../../image_picker/index.js';
+
+const ControlImagePicker = ({ label, isRequired, id, name, onChange, allowedExtensions, initialFile, className, errors, hint, labelAdditionalInfo, hasWidthInput, widthInputPostfix, widthInputLabel, widthInputHint }) => {
+    return (React.createElement(Control, { errors: errors, name: name, id: id },
+        (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
+            label,
+            hint && React.createElement(Hint, { hint: hint, spacingLeft: true }))),
+        React.createElement(Control.Content, null,
+            React.createElement(Control.Element, null,
+                React.createElement(ImagePicker, { id: id, name: name, onChange: onChange, allowedExtensions: allowedExtensions, initialFile: initialFile, className: className, hasWidthInput: hasWidthInput, widthInputPostfix: widthInputPostfix, widthInputLabel: widthInputLabel, widthInputHint: widthInputHint }))),
+        React.createElement(Control.Errors, null)));
 };
+
 export default ControlImagePicker;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/build/esm/packages/aurora/src/components/controls/hoc/control_image_picker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../src/components/controls/hoc/control_image_picker/index.tsx"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,aAAa,CAAC;AAClC,OAAO,IAAI,MAAM,wBAAwB,CAAC;AAC1C,OAAoC,aAAa,CAAC;AAClD,OAAO,WAAW,MAAM,gCAAgC,CAAC;AACzD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,kBAAkB,GAAkC,CAAC,EACvD,KAAK,EACL,UAAU,EACV,EAAE,EACF,IAAI,EACJ,QAAQ,EACR,iBAAiB,EACjB,WAAW,EACX,SAAS,EACT,MAAM,EACN,IAAI,EACJ,mBAAmB,EACnB,aAAa,EACb,iBAAiB,EACjB,eAAe,EACf,cAAc,EACjB,EAAE,EAAE;IACD,OAAO,CACH,oBAAC,OAAO,IAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE;QACtC,CAAC,KAAK,IAAI,IAAI,CAAC,IAAI,CAChB,oBAAC,OAAO,CAAC,KAAK,IAAC,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,cAAc,EAAE,mBAAmB;YAC7E,KAAK;YACL,IAAI,IAAI,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,WAAW,SAAG,CAC7B,CACnB;QACD,oBAAC,OAAO,CAAC,OAAO;YACZ,oBAAC,OAAO,CAAC,OAAO;gBACZ,oBAAC,WAAW,IACR,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,iBAAiB,EAAE,iBAAiB,EACpC,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa,EAC5B,iBAAiB,EAAE,iBAAiB,EACpC,eAAe,EAAE,eAAe,EAChC,cAAc,EAAE,cAAc,GAChC,CACY,CACJ;QAClB,oBAAC,OAAO,CAAC,MAAM,OAAG,CACZ,CACb,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/image_picker/components/image_input.js

@@ -1,22 +1,24 @@
-import CSS_CLASSES from '@auroraComponents/image_picker/css_classes';
-import '../types';
-import IconUpload from '@auroraAssets/icon_upload';
 import React from 'react';
-import styles from '@auroraCss/image_picker/main.module.less';
-import { useTranslation } from 'react-i18next';
-import withTranslation from '@auroraUtilities/translation/with_translation';
-const ImageInput = ({ id, onDropFile, onDragOver, onDragLeave, allowedExtensions, isDragOver }) => {
-    const [t] = useTranslation();
-    return (React.createElement("label", { htmlFor: id, onDrop: onDropFile, onDragOver: onDragOver, onDragLeave: onDragLeave, className: styles[CSS_CLASSES.imagePickerLabel] },
-        React.createElement("div", { className: styles[CSS_CLASSES.imagePickerDescription] },
-            React.createElement(IconUpload, { className: styles[CSS_CLASSES.imagePickerUploadIcon] }),
-            React.createElement("p", null, t('Drag a file here or browse')),
-            React.createElement("span", null,
-                "(",
-                t('supported format'),
-                ": ",
-                allowedExtensions.join(', '),
-                ")"))));
-};
-export default withTranslation(ImageInput);
-//# sourceMappingURL=image_input.js.map
+import { useTranslation } from '../../../../../../external/react-i18next/dist/es/useTranslation.js';
+import withTranslation from '../../../utilities/translation/with_translation.js';
+import IconUpload from '../../../assets/icon_upload.js';
+import CSS_CLASSES from '../css_classes.js';
+import styles from '../../../css/image_picker/main.module.less.js';
+
+const ImageInput = ({ id, onDropFile, onDragOver, onDragLeave, allowedExtensions, isDragOver }) => {
+    const [t] = useTranslation();
+    return (React.createElement("label", { htmlFor: id, onDrop: onDropFile, onDragOver: onDragOver, onDragLeave: onDragLeave, className: styles[CSS_CLASSES.imagePickerLabel] },
+        React.createElement("div", { className: styles[CSS_CLASSES.imagePickerDescription] },
+            React.createElement(IconUpload, { className: styles[CSS_CLASSES.imagePickerUploadIcon] }),
+            React.createElement("p", null, t('Drag a file here or browse')),
+            React.createElement("span", null,
+                "(",
+                t('supported format'),
+                ": ",
+                allowedExtensions.join(', '),
+                ")"))));
+};
+var ImageInput$1 = withTranslation(ImageInput);
+
+export default ImageInput$1;
+//# sourceMappingURL=image_input.js.map

package/build/esm/packages/aurora/src/components/image_picker/components/image_input.js.map

@@ -1 +1 @@
-{"version":3,"file":"image_input.js","sourceRoot":"","sources":["../../../../../../../../src/components/image_picker/components/image_input.tsx"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,4CAA4C,CAAC;AACrE,OAAkC,UAAU,CAAC;AAC7C,OAAO,UAAU,MAAM,2BAA2B,CAAC;AACnD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,0CAA0C,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,eAAe,MAAM,+CAA+C,CAAC;AAE5E,MAAM,UAAU,GAAgC,CAAC,EAAE,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,iBAAiB,EAAE,UAAU,EAAE,EAAE,EAAE;IAC3H,MAAM,CAAC,CAAC,CAAC,GAAG,cAAc,EAAE,CAAC;IAE7B,OAAO,CACH,+BACI,OAAO,EAAE,EAAE,EACX,MAAM,EAAE,UAAU,EAClB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,gBAAgB,CAAC;QAE/C,6BAAK,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,sBAAsB,CAAC;YACtD,oBAAC,UAAU,IAAC,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,qBAAqB,CAAC,GAAI;YACpE,+BAAI,CAAC,CAAC,4BAA4B,CAAC,CAAK;YACxC;;gBACM,CAAC,CAAC,kBAAkB,CAAC;;gBAAI,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC;oBACpD,CACL,CACF,CACX,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC,UAAU,CAAC,CAAC"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,oEAAwE;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/image_picker/components/selected_image_preview.js

@@ -1,28 +1,29 @@
-import CSS_CLASSES from '@auroraComponents/image_picker/css_classes';
-import { FileUtils } from '@dreamcommerce/utilities';
-import '../types';
-import IconDelete from '@auroraAssets/icon_delete';
-import IconWrongFileFormat from '@auroraAssets/icon_wrong_file_format';
 import React from 'react';
-import styles from '@auroraCss/image_picker/main.module.less';
-import { useTranslation } from 'react-i18next';
-const SelectedImagePreview = ({ file, isPreview, fileFormatIsCorrect, imageSize, onPreviewError, onFileDelete }) => {
-    const [t] = useTranslation();
-    const imageName = FileUtils.getFileName(file.fileName);
-    const imageExtension = FileUtils.getFileExtension(file.fileName);
-    const imageWidth = imageSize && imageSize.width;
-    const imageHeight = imageSize && imageSize.height;
-    const previewMarkupJsx = fileFormatIsCorrect ? (React.createElement("img", { alt: "", src: (file === null || file === void 0 ? void 0 : file.fileUrl) || '', onError: onPreviewError, className: styles[CSS_CLASSES.imagePickerImagePreview] })) : (React.createElement(IconWrongFileFormat, { className: styles[CSS_CLASSES.imagePickerWrongFileFormatIcon] }));
-    return (React.createElement("div", null,
-        isPreview ? (React.createElement("div", { className: styles[CSS_CLASSES.imagePickerImagePreviewWrapper] }, previewMarkupJsx)) : (React.createElement("div", null, t('No preview'))),
-        React.createElement("div", { className: styles[CSS_CLASSES.imagePickerSelectedFile] },
-            React.createElement("div", { className: styles[CSS_CLASSES.imagePickerSelectedFileNameWrapper] }, fileFormatIsCorrect && (React.createElement("span", { className: styles[CSS_CLASSES.imagePickerSelectedFileFullName] },
-                React.createElement("span", null, FileUtils.getFileNameShortenInMiddle(imageName, 10, 5, 1)),
-                React.createElement("span", null, `.${imageExtension} (${imageWidth}x${imageHeight}px)`)))),
-            React.createElement("div", { className: styles[CSS_CLASSES.imagePickerSelectedFileRemoveWrapper] },
-                React.createElement("span", { onClick: onFileDelete, className: styles[CSS_CLASSES.imagePickerDeleteButton] },
-                    React.createElement(IconDelete, { className: styles[CSS_CLASSES.imagePickerDeleteIcon] }),
-                    React.createElement("span", { className: styles[CSS_CLASSES.imagePickerDeleteLabel] }, t('Remove')))))));
+import { useTranslation } from '../../../../../../external/react-i18next/dist/es/useTranslation.js';
+import { FileUtils } from '@dreamcommerce/utilities';
+import IconDelete from '../../../assets/icon_delete.js';
+import CSS_CLASSES from '../css_classes.js';
+import styles from '../../../css/image_picker/main.module.less.js';
+import IconWrongFileFormat from '../../../assets/icon_wrong_file_format.js';
+
+const SelectedImagePreview = ({ file, isPreview, fileFormatIsCorrect, imageSize, onPreviewError, onFileDelete }) => {
+    const [t] = useTranslation();
+    const imageName = FileUtils.getFileName(file.fileName);
+    const imageExtension = FileUtils.getFileExtension(file.fileName);
+    const imageWidth = imageSize && imageSize.width;
+    const imageHeight = imageSize && imageSize.height;
+    const previewMarkupJsx = fileFormatIsCorrect ? (React.createElement("img", { alt: "", src: (file === null || file === void 0 ? void 0 : file.fileUrl) || '', onError: onPreviewError, className: styles[CSS_CLASSES.imagePickerImagePreview] })) : (React.createElement(IconWrongFileFormat, { className: styles[CSS_CLASSES.imagePickerWrongFileFormatIcon] }));
+    return (React.createElement("div", null,
+        isPreview ? (React.createElement("div", { className: styles[CSS_CLASSES.imagePickerImagePreviewWrapper] }, previewMarkupJsx)) : (React.createElement("div", null, t('No preview'))),
+        React.createElement("div", { className: styles[CSS_CLASSES.imagePickerSelectedFile] },
+            React.createElement("div", { className: styles[CSS_CLASSES.imagePickerSelectedFileNameWrapper] }, fileFormatIsCorrect && (React.createElement("span", { className: styles[CSS_CLASSES.imagePickerSelectedFileFullName] },
+                React.createElement("span", null, FileUtils.getFileNameShortenInMiddle(imageName, 10, 5, 1)),
+                React.createElement("span", null, `.${imageExtension} (${imageWidth}x${imageHeight}px)`)))),
+            React.createElement("div", { className: styles[CSS_CLASSES.imagePickerSelectedFileRemoveWrapper] },
+                React.createElement("span", { onClick: onFileDelete, className: styles[CSS_CLASSES.imagePickerDeleteButton] },
+                    React.createElement(IconDelete, { className: styles[CSS_CLASSES.imagePickerDeleteIcon] }),
+                    React.createElement("span", { className: styles[CSS_CLASSES.imagePickerDeleteLabel] }, t('Remove')))))));
 };
+
 export default SelectedImagePreview;
-//# sourceMappingURL=selected_image_preview.js.map
+//# sourceMappingURL=selected_image_preview.js.map

package/build/esm/packages/aurora/src/components/image_picker/components/selected_image_preview.js.map

@@ -1 +1 @@
-{"version":3,"file":"selected_image_preview.js","sourceRoot":"","sources":["../../../../../../../../src/components/image_picker/components/selected_image_preview.tsx"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,4CAA4C,CAAC;AACrE,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAsC,UAAU,CAAC;AACjD,OAAO,UAAU,MAAM,2BAA2B,CAAC;AACnD,OAAO,mBAAmB,MAAM,sCAAsC,CAAC;AACvE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,0CAA0C,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,MAAM,oBAAoB,GAAoC,CAAC,EAC3D,IAAI,EACJ,SAAS,EACT,mBAAmB,EACnB,SAAS,EACT,cAAc,EACd,YAAY,EACf,EAAE,EAAE;IACD,MAAM,CAAC,CAAC,CAAC,GAAG,cAAc,EAAE,CAAC;IAC7B,MAAM,SAAS,GAAG,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACvD,MAAM,cAAc,GAAG,SAAS,CAAC,gBAAgB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACjE,MAAM,UAAU,GAAG,SAAS,IAAI,SAAS,CAAC,KAAK,CAAC;IAChD,MAAM,WAAW,GAAG,SAAS,IAAI,SAAS,CAAC,MAAM,CAAC;IAElD,MAAM,gBAAgB,GAAG,mBAAmB,CAAC,CAAC,CAAC,CAC3C,6BAAK,GAAG,EAAC,EAAE,EAAC,GAAG,EAAE,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,KAAI,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,uBAAuB,CAAC,GAAI,CAC5H,CAAC,CAAC,CAAC,CACA,oBAAC,mBAAmB,IAAC,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,8BAA8B,CAAC,GAAI,CACzF,CAAC;IAEF,OAAO,CACH;QACK,SAAS,CAAC,CAAC,CAAC,CACT,6BAAK,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,8BAA8B,CAAC,IAAG,gBAAgB,CAAO,CAC/F,CAAC,CAAC,CAAC,CACA,iCAAM,CAAC,CAAC,YAAY,CAAC,CAAO,CAC/B;QAED,6BAAK,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,uBAAuB,CAAC;YACvD,6BAAK,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,kCAAkC,CAAC,IACjE,mBAAmB,IAAI,CACpB,8BAAM,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,+BAA+B,CAAC;gBAChE,kCAAO,SAAS,CAAC,0BAA0B,CAAC,SAAS,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,CAAQ;gBACxE,kCAAO,IAAI,cAAc,KAAK,UAAU,IAAI,WAAW,KAAK,CAAQ,CACjE,CACV,CACC;YAEN,6BAAK,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,oCAAoC,CAAC;gBACpE,8BAAM,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,uBAAuB,CAAC;oBAC/E,oBAAC,UAAU,IAAC,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,qBAAqB,CAAC,GAAI;oBACpE,8BAAM,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,sBAAsB,CAAC,IAAG,CAAC,CAAC,QAAQ,CAAC,CAAQ,CAC9E,CACL,CACJ,CACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,oEAAwE;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/image_picker/css_classes.js

@@ -1,23 +1,25 @@
-const imagePicker = 'image-picker';
-export default {
-    imagePicker: `${imagePicker}`,
-    imagePickerWrapper: `${imagePicker}__wrapper`,
-    imagePickerWrapperError: `${imagePicker}__wrapper-error`,
-    imagePickerWrapperHasFile: `${imagePicker}__wrapper-has-file`,
-    imagePickerLabel: `${imagePicker}__label`,
-    imagePickerDescription: `${imagePicker}__description`,
-    imagePickerImagePreview: `${imagePicker}__image-preview`,
-    imagePickerImagePreviewWrapper: `${imagePicker}__image-preview-wrapper`,
-    imagePickerWrongFileFormatIcon: `${imagePicker}__wrong-file-format-icon`,
-    imagePickerErrorText: `${imagePicker}__error-text`,
-    imagePickerUploadIcon: `${imagePicker}__upload-icon`,
-    imagePickerDeleteButton: `${imagePicker}__delete-button`,
-    imagePickerDeleteLabel: `${imagePicker}__delete-label`,
-    imagePickerDeleteIcon: `${imagePicker}__delete-icon`,
-    imagePickerInput: `${imagePicker}__input`,
-    imagePickerSelectedFile: `${imagePicker}__selected-file`,
-    imagePickerSelectedFileNameWrapper: `${imagePicker}__selected-file-name-wrapper`,
-    imagePickerSelectedFileRemoveWrapper: `${imagePicker}__selected-file-remove-wrapper`,
-    imagePickerSelectedFileFullName: `${imagePicker}__selected-file-full-name`
+const imagePicker = 'image-picker';
+var CSS_CLASSES = {
+    imagePicker: `${imagePicker}`,
+    imagePickerWrapper: `${imagePicker}__wrapper`,
+    imagePickerWrapperError: `${imagePicker}__wrapper-error`,
+    imagePickerWrapperHasFile: `${imagePicker}__wrapper-has-file`,
+    imagePickerLabel: `${imagePicker}__label`,
+    imagePickerDescription: `${imagePicker}__description`,
+    imagePickerImagePreview: `${imagePicker}__image-preview`,
+    imagePickerImagePreviewWrapper: `${imagePicker}__image-preview-wrapper`,
+    imagePickerWrongFileFormatIcon: `${imagePicker}__wrong-file-format-icon`,
+    imagePickerErrorText: `${imagePicker}__error-text`,
+    imagePickerUploadIcon: `${imagePicker}__upload-icon`,
+    imagePickerDeleteButton: `${imagePicker}__delete-button`,
+    imagePickerDeleteLabel: `${imagePicker}__delete-label`,
+    imagePickerDeleteIcon: `${imagePicker}__delete-icon`,
+    imagePickerInput: `${imagePicker}__input`,
+    imagePickerSelectedFile: `${imagePicker}__selected-file`,
+    imagePickerSelectedFileNameWrapper: `${imagePicker}__selected-file-name-wrapper`,
+    imagePickerSelectedFileRemoveWrapper: `${imagePicker}__selected-file-remove-wrapper`,
+    imagePickerSelectedFileFullName: `${imagePicker}__selected-file-full-name`
 };
-//# sourceMappingURL=css_classes.js.map
+
+export default CSS_CLASSES;
+//# sourceMappingURL=css_classes.js.map

package/build/esm/packages/aurora/src/components/image_picker/css_classes.js.map

@@ -1 +1 @@
-{"version":3,"file":"css_classes.js","sourceRoot":"","sources":["../../../../../../../src/components/image_picker/css_classes.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,GAAG,cAAc,CAAC;AAEnC,eAAe;IACX,WAAW,EAAE,GAAG,WAAW,EAAE;IAC7B,kBAAkB,EAAE,GAAG,WAAW,WAAW;IAC7C,uBAAuB,EAAE,GAAG,WAAW,iBAAiB;IACxD,yBAAyB,EAAE,GAAG,WAAW,oBAAoB;IAC7D,gBAAgB,EAAE,GAAG,WAAW,SAAS;IACzC,sBAAsB,EAAE,GAAG,WAAW,eAAe;IACrD,uBAAuB,EAAE,GAAG,WAAW,iBAAiB;IACxD,8BAA8B,EAAE,GAAG,WAAW,yBAAyB;IACvE,8BAA8B,EAAE,GAAG,WAAW,0BAA0B;IACxE,oBAAoB,EAAE,GAAG,WAAW,cAAc;IAClD,qBAAqB,EAAE,GAAG,WAAW,eAAe;IACpD,uBAAuB,EAAE,GAAG,WAAW,iBAAiB;IACxD,sBAAsB,EAAE,GAAG,WAAW,gBAAgB;IACtD,qBAAqB,EAAE,GAAG,WAAW,eAAe;IACpD,gBAAgB,EAAE,GAAG,WAAW,SAAS;IACzC,uBAAuB,EAAE,GAAG,WAAW,iBAAiB;IACxD,kCAAkC,EAAE,GAAG,WAAW,8BAA8B;IAChF,oCAAoC,EAAE,GAAG,WAAW,gCAAgC;IACpF,+BAA+B,EAAE,GAAG,WAAW,2BAA2B;CAC7E,CAAC"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/image_picker/index.js

@@ -1,93 +1,94 @@
-import '@auroraComponents/image_picker/types';
-import React, { useEffect, useState } from 'react';
-import CSS_CLASSES from '@auroraComponents/image_picker/css_classes';
-import ControlInput from '@auroraComponents/controls/hoc/control_input';
-import { FILE_PICKER_ERROR } from '@auroraComponents/file_picker/constants';
-import ImageInput from '@auroraComponents/image_picker/components/image_input';
-import SelectedImagePreview from '@auroraComponents/image_picker/components/selected_image_preview';
-import Spacing from '@auroraComponents/spacing';
-import { checkIfInvalideFileFormatErrorOccured } from './utils';
+import React, { useState, useEffect } from 'react';
+import { useTranslation } from '../../../../../external/react-i18next/dist/es/useTranslation.js';
+import { createUseStyles } from '../../../../../external/react-jss/dist/react-jss.esm.js';
 import classnames from 'classnames';
-import { createUseStyles } from 'react-jss';
-import { getAcceptFilesParametersFromAllowedExtensions } from '@auroraComponents/file_picker/utils';
-import styles from '@auroraCss/image_picker/main.module.less';
-import { useFilePicker } from '@auroraComponents/file_picker/use_file_picker';
-import { useTranslation } from 'react-i18next';
-const ImagePicker = ({ id, onChange, allowedExtensions = ['WEBP', 'JPG', 'PNG', 'GIF'], initialFile, name, className = '', hasWidthInput, widthInputPostfix = 'px', widthInputLabel, widthInputHint }) => {
-    const [t] = useTranslation();
-    const [fileFormatIsCorrect, setFileFormatIsCorrect] = useState(true);
-    const [imageSize, setImageSize] = useState({ width: 0, height: 0 });
-    const [widthInputValue, setWidthInputValue] = useState();
-    const [isInputWidthTooBig, setIsInputWidthTooBig] = useState(false);
-    const { onDropFile, onFileChange, onDragOver, onDragLeave, onFileDelete, onPreviewError, file, errors, isPreview, isDragOver, isVectorImage } = useFilePicker({ initialFile, onChange, allowedExtensions });
-    const acceptFiles = getAcceptFilesParametersFromAllowedExtensions(allowedExtensions);
-    const showMaxWidthInput = hasWidthInput && file && fileFormatIsCorrect && !isVectorImage;
-    const imagePickerClassName = classnames(styles[CSS_CLASSES.imagePicker], className && className);
-    const imagePickerWrapperClassName = classnames(styles[CSS_CLASSES.imagePickerWrapper], file && styles[CSS_CLASSES.imagePickerWrapperHasFile], !fileFormatIsCorrect && styles[CSS_CLASSES.imagePickerWrapperError]);
-    const useStyles = createUseStyles({
-        imagePickerWrapper: {
-            border: ({ isDragOver }) => (isDragOver ? '1px solid #135cc8' : ''),
-            backgroundColor: ({ isDragOver }) => (isDragOver ? 'rgba(208, 230, 255, 0.5)' : ''),
-            '& svg': {
-                // @ts-ignore
-                fill: ({ isDragOver }) => (isDragOver ? '#3c83ec' : '')
-            }
-        }
-    });
-    const dragOverStyles = useStyles({ isDragOver });
-    const getImageWidth = (event) => {
-        let selectedImage;
-        if (event.target instanceof HTMLInputElement) {
-            const { target: { files } } = event;
-            selectedImage = files[0];
-        }
-        else {
-            const { dataTransfer: { files } } = event;
-            selectedImage = files[0];
-        }
-        const imgElement = document.createElement('img');
-        const objectURL = URL.createObjectURL(selectedImage);
-        imgElement.onload = () => {
-            setImageSize({ width: imgElement.width, height: imgElement.height });
-            URL.revokeObjectURL(objectURL);
-        };
-        imgElement.src = objectURL;
-    };
-    const checkIfInputMaxWidthIsGreaterThenImageWidth = () => {
-        if (!widthInputValue || !imageSize.width)
-            return;
-        widthInputValue > imageSize.width ? setIsInputWidthTooBig(true) : setIsInputWidthTooBig(false);
-    };
-    const handleonDropFile = (event) => {
-        onDropFile(event);
-        getImageWidth(event);
-    };
-    const handleOnFileChange = (event) => {
-        onFileChange(event);
-        getImageWidth(event);
-    };
-    const handleOnFileDelete = () => {
-        setImageSize({ width: 0, height: 0 });
-        onFileDelete();
-    };
-    const handleOnWidthInputChange = (event) => {
-        setWidthInputValue(event.target.valueAsNumber);
-    };
-    useEffect(() => {
-        checkIfInvalideFileFormatErrorOccured(errors) ? setFileFormatIsCorrect(false) : setFileFormatIsCorrect(true);
-        file && checkIfInputMaxWidthIsGreaterThenImageWidth();
-    }, [errors, file, widthInputValue]);
-    useEffect(() => {
-        setWidthInputValue(imageSize.width);
-    }, [imageSize]);
-    return (React.createElement("div", { className: imagePickerClassName },
-        React.createElement("div", { className: `${imagePickerWrapperClassName} ${dragOverStyles.imagePickerWrapper}` },
-            file && (React.createElement(SelectedImagePreview, { file: file, onFileDelete: handleOnFileDelete, onPreviewError: onPreviewError, isPreview: isPreview, fileFormatIsCorrect: fileFormatIsCorrect, imageSize: imageSize })),
-            React.createElement(ImageInput, { onDragLeave: onDragLeave, onDragOver: onDragOver, isDragOver: isDragOver, allowedExtensions: allowedExtensions, id: id, onDropFile: handleonDropFile }),
-            React.createElement("input", { onChange: handleOnFileChange, id: id, type: "file", name: name, className: styles[CSS_CLASSES.imagePickerInput], accept: acceptFiles })),
-        !fileFormatIsCorrect && React.createElement("p", { className: styles[CSS_CLASSES.imagePickerErrorText] }, t('Invalid file format')),
-        showMaxWidthInput && (React.createElement(Spacing, { as: "div", "mt-xs": 2 },
-            React.createElement(ControlInput, { id: `${id}-image-width`, type: "number", postfix: widthInputPostfix, value: widthInputValue, isRequired: true, label: widthInputLabel, hint: widthInputHint, onChange: handleOnWidthInputChange, errors: isInputWidthTooBig ? [`${t(FILE_PICKER_ERROR.invalidInputWidth)}`] : null })))));
+import { FILE_PICKER_ERROR } from '../file_picker/constants.js';
+import { useFilePicker } from '../file_picker/use_file_picker.js';
+import { getAcceptFilesParametersFromAllowedExtensions } from '../file_picker/utils.js';
+import CSS_CLASSES from './css_classes.js';
+import ControlInput from '../controls/hoc/control_input/index.js';
+import styles from '../../css/image_picker/main.module.less.js';
+import ImageInput from './components/image_input.js';
+import SelectedImagePreview from './components/selected_image_preview.js';
+import Spacing from '../spacing/index.js';
+import { checkIfInvalideFileFormatErrorOccured } from './utils.js';
+
+const ImagePicker = ({ id, onChange, allowedExtensions = ['WEBP', 'JPG', 'PNG', 'GIF'], initialFile, name, className = '', hasWidthInput, widthInputPostfix = 'px', widthInputLabel, widthInputHint }) => {
+    const [t] = useTranslation();
+    const [fileFormatIsCorrect, setFileFormatIsCorrect] = useState(true);
+    const [imageSize, setImageSize] = useState({ width: 0, height: 0 });
+    const [widthInputValue, setWidthInputValue] = useState();
+    const [isInputWidthTooBig, setIsInputWidthTooBig] = useState(false);
+    const { onDropFile, onFileChange, onDragOver, onDragLeave, onFileDelete, onPreviewError, file, errors, isPreview, isDragOver, isVectorImage } = useFilePicker({ initialFile, onChange, allowedExtensions });
+    const acceptFiles = getAcceptFilesParametersFromAllowedExtensions(allowedExtensions);
+    const showMaxWidthInput = hasWidthInput && file && fileFormatIsCorrect && !isVectorImage;
+    const imagePickerClassName = classnames(styles[CSS_CLASSES.imagePicker], className && className);
+    const imagePickerWrapperClassName = classnames(styles[CSS_CLASSES.imagePickerWrapper], file && styles[CSS_CLASSES.imagePickerWrapperHasFile], !fileFormatIsCorrect && styles[CSS_CLASSES.imagePickerWrapperError]);
+    const useStyles = createUseStyles({
+        imagePickerWrapper: {
+            border: ({ isDragOver }) => (isDragOver ? '1px solid #135cc8' : ''),
+            backgroundColor: ({ isDragOver }) => (isDragOver ? 'rgba(208, 230, 255, 0.5)' : ''),
+            '& svg': {
+                // @ts-ignore
+                fill: ({ isDragOver }) => (isDragOver ? '#3c83ec' : '')
+            }
+        }
+    });
+    const dragOverStyles = useStyles({ isDragOver });
+    const getImageWidth = (event) => {
+        let selectedImage;
+        if (event.target instanceof HTMLInputElement) {
+            const { target: { files } } = event;
+            selectedImage = files[0];
+        }
+        else {
+            const { dataTransfer: { files } } = event;
+            selectedImage = files[0];
+        }
+        const imgElement = document.createElement('img');
+        const objectURL = URL.createObjectURL(selectedImage);
+        imgElement.onload = () => {
+            setImageSize({ width: imgElement.width, height: imgElement.height });
+            URL.revokeObjectURL(objectURL);
+        };
+        imgElement.src = objectURL;
+    };
+    const checkIfInputMaxWidthIsGreaterThenImageWidth = () => {
+        if (!widthInputValue || !imageSize.width)
+            return;
+        widthInputValue > imageSize.width ? setIsInputWidthTooBig(true) : setIsInputWidthTooBig(false);
+    };
+    const handleonDropFile = (event) => {
+        onDropFile(event);
+        getImageWidth(event);
+    };
+    const handleOnFileChange = (event) => {
+        onFileChange(event);
+        getImageWidth(event);
+    };
+    const handleOnFileDelete = () => {
+        setImageSize({ width: 0, height: 0 });
+        onFileDelete();
+    };
+    const handleOnWidthInputChange = (event) => {
+        setWidthInputValue(event.target.valueAsNumber);
+    };
+    useEffect(() => {
+        checkIfInvalideFileFormatErrorOccured(errors) ? setFileFormatIsCorrect(false) : setFileFormatIsCorrect(true);
+        file && checkIfInputMaxWidthIsGreaterThenImageWidth();
+    }, [errors, file, widthInputValue]);
+    useEffect(() => {
+        setWidthInputValue(imageSize.width);
+    }, [imageSize]);
+    return (React.createElement("div", { className: imagePickerClassName },
+        React.createElement("div", { className: `${imagePickerWrapperClassName} ${dragOverStyles.imagePickerWrapper}` },
+            file && (React.createElement(SelectedImagePreview, { file: file, onFileDelete: handleOnFileDelete, onPreviewError: onPreviewError, isPreview: isPreview, fileFormatIsCorrect: fileFormatIsCorrect, imageSize: imageSize })),
+            React.createElement(ImageInput, { onDragLeave: onDragLeave, onDragOver: onDragOver, isDragOver: isDragOver, allowedExtensions: allowedExtensions, id: id, onDropFile: handleonDropFile }),
+            React.createElement("input", { onChange: handleOnFileChange, id: id, type: "file", name: name, className: styles[CSS_CLASSES.imagePickerInput], accept: acceptFiles })),
+        !fileFormatIsCorrect && React.createElement("p", { className: styles[CSS_CLASSES.imagePickerErrorText] }, t('Invalid file format')),
+        showMaxWidthInput && (React.createElement(Spacing, { as: "div", "mt-xs": 2 },
+            React.createElement(ControlInput, { id: `${id}-image-width`, type: "number", postfix: widthInputPostfix, value: widthInputValue, isRequired: true, label: widthInputLabel, hint: widthInputHint, onChange: handleOnWidthInputChange, errors: isInputWidthTooBig ? [`${t(FILE_PICKER_ERROR.invalidInputWidth)}`] : null })))));
 };
+
 export default ImagePicker;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/build/esm/packages/aurora/src/components/image_picker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/components/image_picker/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,iEAAqE;AACpG,gCAAgC,yDAA6D;AAC7F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/image_picker/utils.js

@@ -1,5 +1,8 @@
-import { FILE_PICKER_ERROR } from '@auroraComponents/file_picker/constants';
-export const checkIfInvalideFileFormatErrorOccured = (errorsArray) => {
-    return errorsArray && errorsArray.includes(FILE_PICKER_ERROR.invalidFileFormat);
+import { FILE_PICKER_ERROR } from '../file_picker/constants.js';
+
+const checkIfInvalideFileFormatErrorOccured = (errorsArray) => {
+    return errorsArray && errorsArray.includes(FILE_PICKER_ERROR.invalidFileFormat);
 };
-//# sourceMappingURL=utils.js.map
+
+export { checkIfInvalideFileFormatErrorOccured };
+//# sourceMappingURL=utils.js.map

package/build/esm/packages/aurora/src/components/image_picker/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../../../src/components/image_picker/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAE5E,MAAM,CAAC,MAAM,qCAAqC,GAAG,CAAC,WAAiC,EAAuB,EAAE;IAC5G,OAAO,WAAW,IAAI,WAAW,CAAC,QAAQ,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;AACpF,CAAC,CAAC"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/css/image_picker/main.module.less.js

@@ -0,0 +1,8 @@
+import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
+
+var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_image-picker__wrapper__2RK3f {\n  border: 1px dashed #abb4cd;\n  border-radius: 2px;\n}\n.main-module_image-picker__wrapper-error__kCZeA {\n  border-color: #e60c54;\n}\n.main-module_image-picker__wrapper-error__kCZeA:hover {\n  border-color: #e60c54;\n}\n.main-module_image-picker__wrapper-has-file__2zmRc {\n  position: relative;\n}\n.main-module_image-picker__wrapper-has-file__2zmRc .main-module_image-picker__label__1i_Fq {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 46px;\n  left: 0;\n}\n.main-module_image-picker__wrapper-has-file__2zmRc .main-module_image-picker__description__1v13N {\n  display: none;\n}\n.main-module_image-picker__wrapper__2RK3f:hover {\n  border-color: #135cc8;\n}\n.main-module_image-picker__wrapper__2RK3f:hover .main-module_image-picker__upload-icon__3sMvN {\n  fill: #3c83ec;\n}\n.main-module_image-picker__label__1i_Fq {\n  cursor: pointer;\n}\n.main-module_image-picker__input__3Wu2I {\n  display: none;\n}\n.main-module_image-picker__description__1v13N {\n  padding: 2rem 0;\n  text-align: center;\n}\n.main-module_image-picker__description__1v13N p {\n  color: #3c83ec;\n}\n.main-module_image-picker__description__1v13N span {\n  font-size: 12px;\n  color: #59687e;\n}\n.main-module_image-picker__upload-icon__3sMvN {\n  width: 1rem;\n  height: auto;\n  margin-bottom: 1rem;\n  fill: #abb4cd;\n}\n.main-module_image-picker__delete-button__21_kT {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  color: #3c83ec;\n  cursor: pointer;\n}\n.main-module_image-picker__delete-button__21_kT:hover .main-module_image-picker__delete-label__3v2ot {\n  text-decoration: underline;\n}\n.main-module_image-picker__wrong-file-format-icon__X-NL0 {\n  margin: 2rem 0 0.5rem;\n  fill: #ffffff;\n}\n.main-module_image-picker__delete-icon__30pkO {\n  fill: #3c83ec;\n  margin-right: 0.5rem;\n}\n.main-module_image-picker__selected-file__3bRqa {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  height: 46px;\n}\n.main-module_image-picker__selected-file-name-wrapper__37MKd,\n.main-module_image-picker__selected-file-remove-wrapper__2v4W2 {\n  flex: 1;\n  max-width: 50%;\n  padding: 1rem;\n}\n.main-module_image-picker__selected-file-remove-wrapper__2v4W2 {\n  display: flex;\n  justify-content: flex-end;\n}\n.main-module_image-picker__selected-file-full-name__3fALB {\n  color: #59687e;\n}\n.main-module_image-picker__image-preview-wrapper__1jPXU {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.main-module_image-picker__image-preview__12pRu {\n  max-width: 100%;\n  max-height: 100%;\n}\n.main-module_image-picker__error-text__rXAvw {\n  margin-top: 0.5rem;\n  color: #e60c54;\n}\n";
+var styles = {"image-picker__wrapper":"main-module_image-picker__wrapper__2RK3f","image-picker__wrapper-error":"main-module_image-picker__wrapper-error__kCZeA","image-picker__wrapper-has-file":"main-module_image-picker__wrapper-has-file__2zmRc","image-picker__label":"main-module_image-picker__label__1i_Fq","image-picker__description":"main-module_image-picker__description__1v13N","image-picker__upload-icon":"main-module_image-picker__upload-icon__3sMvN","image-picker__input":"main-module_image-picker__input__3Wu2I","image-picker__delete-button":"main-module_image-picker__delete-button__21_kT","image-picker__delete-label":"main-module_image-picker__delete-label__3v2ot","image-picker__wrong-file-format-icon":"main-module_image-picker__wrong-file-format-icon__X-NL0","image-picker__delete-icon":"main-module_image-picker__delete-icon__30pkO","image-picker__selected-file":"main-module_image-picker__selected-file__3bRqa","image-picker__selected-file-name-wrapper":"main-module_image-picker__selected-file-name-wrapper__37MKd","image-picker__selected-file-remove-wrapper":"main-module_image-picker__selected-file-remove-wrapper__2v4W2","image-picker__selected-file-full-name":"main-module_image-picker__selected-file-full-name__3fALB","image-picker__image-preview-wrapper":"main-module_image-picker__image-preview-wrapper__1jPXU","image-picker__image-preview":"main-module_image-picker__image-preview__12pRu","image-picker__error-text":"main-module_image-picker__error-text__rXAvw"};
+styleInject(css_248z);
+
+export default styles;
+//# sourceMappingURL=main.module.less.js.map

package/build/esm/packages/aurora/src/css/image_picker/main.module.less.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,8DAAkE;AAC1F;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/hooks/use_fixed_child_position.d.ts

@@ -1,7 +1,7 @@
 import React, { RefObject } from 'react';
 export declare const useFixedChildPosition: ({ useFixed, childRef, vPosition, hPosition }: {
     useFixed?: boolean | undefined;
-    vPosition?: "bottom" | "top" | undefined;
+    vPosition?: "top" | "bottom" | undefined;
     hPosition?: "left" | "right" | "center" | undefined;
     childRef?: React.RefObject<HTMLDivElement> | undefined;
 }) => {

package/build/esm/packages/aurora/src/index.d.ts

@@ -20,6 +20,7 @@ import ControlCheckboxSwitch from "./components/controls/hoc/control_checkbox_sw
 import ControlColorPicker from "./components/controls/hoc/control_color_picker";
 import ControlDatepicker from "./components/controls/hoc/control_date_picker";
 import ControlFilePicker from "./components/controls/hoc/control_file_picker";
+import ControlImagePicker from "./components/controls/hoc/control_image_picker";
 import ControlInput from "./components/controls/hoc/control_input";
 import ControlMultiSelect from "./components/controls/hoc/control_multi_select";
 import ControlRadio from "./components/controls/hoc/control_radio";
@@ -61,6 +62,7 @@ import IconMobile from "./assets/icon_mobile";
 import IconTablet from "./assets/icon_tablet";
 import IconTick from "./assets/icon_tick";
 import IconWarning from "./assets/icon_warning";
+import ImagePicker from "./components/image_picker";
 import Label from "./components/label";
 import Link from "./components/link";
 import Loader from "./components/loader";
@@ -75,13 +77,14 @@ import SearchListInput from "./components/search_list/components/search_list_inp
 import SearchListResults from "./components/search_list/components/search_list_results";
 import Select from "./components/dropdown/hoc/select";
 import Slide from "./components/slide";
-import SlideHeader from "./components/slide/components/slide_header";
 import SlideContent from "./components/slide/components/slide_content";
 import SlideFooter from "./components/slide/components/slide_footer";
+import SlideHeader from "./components/slide/components/slide_header";
 import SlideWrapper from "./components/slide/components/slide_wrapper";
 import Spacing from "./components/spacing";
 import Stack from "./components/stack";
 import { TFilePickerFile } from "./components/file_picker/types";
+import { TImagePickerFile } from "./components/image_picker/types";
 import { TMessageBoxType } from "./components/message-box/types";
 import Table from "./components/table";
 import Tabs from "./components/tabs/components/tabs";
@@ -93,20 +96,20 @@ import TabsWrapper from "./components/tabs/components/tabs_wrapper";
 import Tag from "./components/tag";
 import TagsSelector from "./components/tags_selector";
 import Tooltip from "./components/tooltip";
+import { Typography } from "./components/typography";
 import WithLoader from "./components/with_loader";
 import { useDropdownContext } from "./components/dropdown/context";
 import { useFlashMessenger } from "./components/flash_messenger/context";
 import { useSearchList } from "./components/search_list/use_search_list";
 import { useToggle } from "./components/dropdown/hooks";
-import { Typography } from "./components/typography";
 /**
  * export hooks
  */
 /**
  * export components
  */
-export { Accordion, Button, Tooltip, ButtonsGroup, Dropdown, Select, MultiSelect, Label, Stack, Control, ControlInput, ControlCheckbox, ControlCheckboxSwitch, ControlRadio, ControlSelect, ControlRange, ControlMultiSelect, ControlTextarea, Gallery, Datepicker, ColorPicker, ControlColorPicker, ControlDatepicker, ControlFilePicker, Heading, Typography, Modal, ModalProvider, AbsoluteModal, RelativeModal, TabsWrapper, Tabs, TabsItem, TabsItemList, TabsPanel, TabsPanelList, SearchList, SearchListInput, SearchListResults, Tag, TagsSelector, ControlTagsSelector, Table, DataTable, Grid, DropdownContext, ModalContext, IconCalendar, Spacing, IconArrow, IconTick, FilePicker, ControlCellSelector, Hint, ControlRadioGroup, MessageBox, FlashMessenger, useFlashMessenger, Loader, WithLoader, useDropdownContext, FlashMessengerContext, FlashMessagesList, Link, IconTablet, IconMobile, IconLaptop, IconDesktop, IconWarning, useToggle, useSearchList, Slide, SlideWrapper, SlideHeader, SlideContent, SlideFooter };
+export { Accordion, Button, Tooltip, ButtonsGroup, Dropdown, Select, MultiSelect, Label, Stack, Control, ControlInput, ControlCheckbox, ControlCheckboxSwitch, ControlRadio, ControlSelect, ControlRange, ControlMultiSelect, ControlTextarea, Gallery, Datepicker, ColorPicker, ControlColorPicker, ControlDatepicker, ControlFilePicker, ControlImagePicker, Heading, Typography, Modal, ModalProvider, AbsoluteModal, RelativeModal, TabsWrapper, Tabs, TabsItem, TabsItemList, TabsPanel, TabsPanelList, SearchList, SearchListInput, SearchListResults, Tag, TagsSelector, ControlTagsSelector, Table, DataTable, Grid, DropdownContext, ModalContext, IconCalendar, Spacing, IconArrow, IconTick, FilePicker, ImagePicker, ControlCellSelector, Hint, ControlRadioGroup, MessageBox, FlashMessenger, useFlashMessenger, Loader, WithLoader, useDropdownContext, FlashMessengerContext, FlashMessagesList, Link, IconTablet, IconMobile, IconLaptop, IconDesktop, IconWarning, useToggle, useSearchList, Slide, SlideWrapper, SlideHeader, SlideContent, SlideFooter };
 /**
  * export types
  */
-export type { IDropdownProps, ISelectOption, IHeadingProps, ICellProps, IIRowProps, ITableProps, IDropdownContext, IControlRadioGroupOption, IColor, IDatepickerRange, TFilePickerFile, TMessageBoxType, ILoaderProps, IWithLoader, TFlashMessage, TFlashMessageExtended };
+export type { IDropdownProps, ISelectOption, IHeadingProps, ICellProps, IIRowProps, ITableProps, IDropdownContext, IControlRadioGroupOption, IColor, IDatepickerRange, TFilePickerFile, TImagePickerFile, TMessageBoxType, ILoaderProps, IWithLoader, TFlashMessage, TFlashMessageExtended };

package/build/esm/packages/aurora/src/index.js

@@ -23,6 +23,9 @@ export { default as ControlDatepicker } from './components/controls/hoc/control_
 export { default as FilePicker } from './components/file_picker/index.js';
 export { default as ControlFilePicker } from './components/controls/hoc/control_file_picker/index.js';
 export { default as ControlInput } from './components/controls/hoc/control_input/index.js';
+export { default as Spacing } from './components/spacing/index.js';
+export { default as ImagePicker } from './components/image_picker/index.js';
+export { default as ControlImagePicker } from './components/controls/hoc/control_image_picker/index.js';
 export { default as MultiSelect } from './components/dropdown/hoc/multiselect/index.js';
 export { default as ControlMultiSelect } from './components/controls/hoc/control_multi_select/index.js';
 export { default as ControlRadio } from './components/controls/hoc/control_radio/index.js';
@@ -59,11 +62,10 @@ export { useSearchList } from './components/search_list/use_search_list.js';
 export { SearchListInput } from './components/search_list/components/search_list_input.js';
 export { SearchListResults } from './components/search_list/components/search_list_results.js';
 export { default as Slide } from './components/slide/index.js';
-export { SlideHeader } from './components/slide/components/slide_header.js';
 export { SlideContent } from './components/slide/components/slide_content.js';
 export { SlideFooter } from './components/slide/components/slide_footer.js';
+export { SlideHeader } from './components/slide/components/slide_header.js';
 export { SlideWrapper } from './components/slide/components/slide_wrapper.js';
-export { default as Spacing } from './components/spacing/index.js';
 export { default as Tabs } from './components/tabs/components/tabs.js';
 export { TabsItem } from './components/tabs/components/tabs_item.js';
 export { TabsItemList } from './components/tabs/components/tabs_item_list.js';

package/build/esm/packages/aurora/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@dreamcommerce/aurora",
   "packageManager": "yarn@3.2.0",
   "sideEffects": false,
-  "version": "2.5.3-1",
+  "version": "2.5.3-2",
   "description": "aurora",
   "author": "k0ssak",
   "license": "MIT",