@hhgtech/hhg-components 1.29.432-beta-4 → 1.29.433

package/build/{Spinner-f7adbbf2.js → Spinner-ae61b087.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-94baf781.js');
+var tslib_es6 = require('./tslib.es6-cd0718fb.js');
 var React = require('react');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/Upload-8fbec84e.js

@@ -0,0 +1,29 @@
+'use strict';
+
+var React = require('react');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+/* eslint-disable prettier/prettier */
+const Upload = (props) => (React__namespace.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 18 18", fill: "none" }, props),
+    React__namespace.createElement("path", { d: "M9.82324 8.7033L10.8228 9.70287C10.9267 9.80662 11.056 9.8573 11.2107 9.85493C11.3655 9.85255 11.4948 9.79943 11.5987 9.69555C11.7026 9.59168 11.7545 9.46074 11.7545 9.30274C11.7545 9.14474 11.7026 9.01462 11.5987 8.91237L9.7353 7.04899C9.59968 6.91337 9.44149 6.84555 9.26074 6.84555C9.07999 6.84555 8.9218 6.91337 8.78618 7.04899L6.91549 8.91968C6.81174 9.02355 6.75987 9.15287 6.75987 9.30762C6.75987 9.46237 6.81174 9.59168 6.91549 9.69555C7.01937 9.79943 7.1503 9.85137 7.3083 9.85137C7.4663 9.85137 7.59643 9.79943 7.69868 9.69555L8.69824 8.7033L8.69824 11.5576C8.69824 11.717 8.75218 11.8506 8.86005 11.9583C8.96793 12.0662 9.10156 12.1201 9.26093 12.1201C9.42043 12.1201 9.55399 12.0662 9.66162 11.9583C9.76937 11.8506 9.82324 11.717 9.82324 11.5576L9.82324 8.7033ZM16.3857 9.3063C16.3857 10.2918 16.1987 11.2181 15.8247 12.0852C15.4507 12.9524 14.9432 13.7066 14.3021 14.348C13.6609 14.9894 12.907 15.4972 12.0402 15.8714C11.1735 16.2456 10.2474 16.4326 9.26205 16.4326C8.27655 16.4326 7.35024 16.2456 6.48312 15.8716C5.61599 15.4976 4.86174 14.9901 4.22037 14.3489C3.57899 13.7078 3.07118 12.9539 2.69693 12.0871C2.3228 11.2204 2.13574 10.2943 2.13574 9.30893C2.13574 8.32343 2.32274 7.39712 2.69674 6.52999C3.07074 5.66287 3.5783 4.90862 4.21943 4.26724C4.86055 3.62587 5.61449 3.11805 6.48124 2.7438C7.34799 2.36968 8.27405 2.18262 9.25943 2.18262C10.2449 2.18262 11.1712 2.36962 12.0384 2.74362C12.9055 3.11762 13.6597 3.62518 14.3011 4.2663C14.9425 4.90743 15.4503 5.66137 15.8246 6.52812C16.1987 7.39487 16.3857 8.32093 16.3857 9.3063ZM15.2607 9.30762C15.2607 7.63262 14.6795 6.21387 13.517 5.05137C12.3545 3.88887 10.9357 3.30762 9.26074 3.30762C7.58574 3.30762 6.16699 3.88887 5.00449 5.05137C3.84199 6.21387 3.26074 7.63262 3.26074 9.30762C3.26074 10.9826 3.84199 12.4014 5.00449 13.5639C6.16699 14.7264 7.58574 15.3076 9.26074 15.3076C10.9357 15.3076 12.3545 14.7264 13.517 13.5639C14.6795 12.4014 15.2607 10.9826 15.2607 9.30762Z", fill: "#595959" })));
+
+exports.Upload = Upload;

package/build/{WhatsApp-6f094439.js → WhatsApp-8828db32.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-94baf781.js');
+var tslib_es6 = require('./tslib.es6-cd0718fb.js');
 var React = require('react');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/adapters.js

@@ -2,43 +2,43 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-e7898606.js');
-var index$1 = require('./index-aa67ff25.js');
-var index$2 = require('./index-cfe47555.js');
-require('./tslib.es6-94baf781.js');
+var index = require('./index-dfc5426e.js');
+var index$1 = require('./index-91cff828.js');
+var index$2 = require('./index-2104cd1c.js');
+require('./tslib.es6-cd0718fb.js');
 require('react');
-require('./index-40e25b62.js');
+require('./index-2cc99c6d.js');
 require('@mantine/core');
-require('./shared-1e4b7b5a.js');
-require('./text-5c6ffa82.js');
-require('./index-669f98a8.js');
+require('./shared-42b38c0f.js');
+require('./text-8c953794.js');
+require('./index-a704d247.js');
 require('@hhgtech/icons/other');
 require('@mantine/hooks');
-require('./index-ea2de66e.js');
+require('./index-a40d0aba.js');
 require('./constantsDomainLocales.js');
-require('./Locale-373e021a.js');
+require('./Locale-22fc23fb.js');
 require('./constantsIsProduction.js');
-require('./index-f2047af9.js');
-require('./utils-8a70a784.js');
+require('./index-800c14bf.js');
+require('./utils-f900efc1.js');
 require('@emotion/styled');
 require('@mantine/carousel');
-require('./index-c3fa290e.js');
-require('./index-4cbeb5eb.js');
+require('./index-d09f54b9.js');
+require('./index-e8396000.js');
 require('dayjs');
-require('./index-714d71fa.js');
+require('./index-917631b4.js');
 require('@mantine/notifications');
-require('./index-c5e62d54.js');
+require('./index-d4a45341.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
 require('./miscTheme.js');
 require('classnames');
-require('./useUniqueId-e7034b51.js');
+require('./useUniqueId-462837ac.js');
 require('@hhgtech/icons/core');
 require('@mantine/dates');
-require('./index.styles-ab6d63c6.js');
-require('./translationsContext-31a473df.js');
-require('./index-e0719014.js');
+require('./index.styles-1e423806.js');
+require('./translationsContext-778f02b5.js');
+require('./index-e346d965.js');
 
 
 

package/build/atoms.js

@@ -2,136 +2,446 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-59cce189.js');
-var index$1 = require('./index-aae14037.js');
-var index$2 = require('./index-e7898606.js');
-var index$3 = require('./index-c1ed2a56.js');
-var index$4 = require('./index-a2fe2885.js');
-var index$5 = require('./index-44317e9e.js');
-var index$6 = require('./index-e355e686.js');
-var index$7 = require('./index-669f98a8.js');
-var index$8 = require('./index-cfe47555.js');
-var index$9 = require('./index-064667af.js');
-var index$a = require('./index-aec2327d.js');
-var index$b = require('./index-8cf174af.js');
-var index$c = require('./index-67edfd24.js');
-var index$d = require('./index-aa67ff25.js');
-var index$e = require('./index-69224281.js');
-var index$f = require('./index-107c84b4.js');
-var index$g = require('./index-ec75d97f.js');
-var index$h = require('./index-235d20a4.js');
-var index$i = require('./index-f2047af9.js');
-var logoIcon = require('./logoIcon-1214511c.js');
-var index$j = require('./index-fff841ec.js');
-var index$k = require('./index-d9ddbbbe.js');
-var index$l = require('./index-a4c8bdf5.js');
-var InputDate = require('./InputDate-b026957b.js');
-require('react');
-require('./index-c3fa290e.js');
-require('./tslib.es6-94baf781.js');
-require('@mantine/core');
-require('./text-5c6ffa82.js');
-require('@emotion/styled');
-require('./miscTheme.js');
-require('./utils-8a70a784.js');
+var ImageUpload_types = require('./ImageUpload.types-b49c7106.js');
+var index = require('./index-06c9ffa5.js');
+var index$1 = require('./index-dfc5426e.js');
+var index$2 = require('./index-7afbc5fc.js');
+var index$3 = require('./index-281c3b81.js');
+var index$4 = require('./index-7f28ec94.js');
+var index$5 = require('./index-0c060c5d.js');
+var index$6 = require('./index-a704d247.js');
+var index$7 = require('./index-2104cd1c.js');
+var index$8 = require('./index-809304c6.js');
+var index$9 = require('./index-27e7733e.js');
+var index$a = require('./index-0a284c20.js');
+var index$b = require('./index-b36528fb.js');
+var index$c = require('./index-91cff828.js');
+var index$d = require('./index-8a796a4b.js');
+var index$e = require('./index-ddb2561e.js');
+var index$f = require('./index-e5edb989.js');
+var index$g = require('./index-723f124e.js');
+var index$h = require('./index-800c14bf.js');
+var logoIcon = require('./logoIcon-b4e787b8.js');
+var index$i = require('./index-d02c0a4f.js');
+var index$j = require('./index-7ed8db11.js');
+var index$k = require('./index-36ae80ae.js');
+var InputDate = require('./InputDate-e0b9d9e2.js');
+var tslib_es6 = require('./tslib.es6-cd0718fb.js');
+var React = require('react');
+var core = require('@mantine/core');
+var Close = require('./Close-8b4b5cb2.js');
+var Upload = require('./Upload-8fbec84e.js');
+var styled = require('@emotion/styled');
+var miscTheme = require('./miscTheme.js');
+var index$l = require('./index-d09f54b9.js');
+require('./utils-f900efc1.js');
 require('@mantine/hooks');
 require('./miscDefaultClassWrapper.js');
 require('react-keyed-flatten-children');
-require('./Close-c027a751.js');
-require('@mantine/carousel');
-require('./index-40e25b62.js');
-require('./shared-1e4b7b5a.js');
+require('./index-2cc99c6d.js');
+require('./shared-42b38c0f.js');
+require('./text-8c953794.js');
 require('@mantine/dates');
-require('./index-c5e62d54.js');
+require('./index-d4a45341.js');
 require('date-fns/locale');
-require('./index-714d71fa.js');
-require('./Locale-373e021a.js');
+require('./index-917631b4.js');
+require('./Locale-22fc23fb.js');
 require('./constantsSite.js');
 require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');
 require('./constantsIsProduction.js');
-require('./index-ea2de66e.js');
-require('./index-4cbeb5eb.js');
+require('./index-a40d0aba.js');
+require('./index-e8396000.js');
 require('dayjs');
 require('@mantine/notifications');
-require('./index.styles-ab6d63c6.js');
-require('./translationsContext-31a473df.js');
-require('./index-e0719014.js');
+require('./index.styles-1e423806.js');
+require('./translationsContext-778f02b5.js');
+require('./index-e346d965.js');
 require('@hhgtech/icons/other');
 require('@emotion/react');
-require('./animation-0169bef3.js');
+require('./animation-3235f4c0.js');
+require('@mantine/carousel');
 require('classnames');
-require('./useUniqueId-e7034b51.js');
+require('./useUniqueId-462837ac.js');
 require('@hhgtech/icons/core');
-require('./WhatsApp-6f094439.js');
-require('./Spinner-f7adbbf2.js');
-require('./index-cbb46aab.js');
-require('./index-56555121.js');
-require('./paths-bb2c0242.js');
-require('./constants-486d217f.js');
-require('./utils-95341a59.js');
-require('./index-b7d9126a.js');
+require('./WhatsApp-8828db32.js');
+require('./Spinner-ae61b087.js');
+require('./index-fc9484ec.js');
+require('./index-f8381dae.js');
+require('./paths-fab60ff6.js');
+require('./constants-a8c36a42.js');
+require('./utils-60976ee8.js');
+require('./index-e77450a2.js');
 require('./miscCookieHelper.js');
 require('slugify');
 require('string-format');
 require('./togetherApiPaths.js');
-require('./constants-f56ad421.js');
+require('./constants-586203b0.js');
 require('vaul');
 
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+var styled__default = /*#__PURE__*/_interopDefault(styled);
+
+const getBase64 = (file) => {
+    return new Promise((resolve, reject) => {
+        const reader = new FileReader();
+        reader.onload = () => resolve(reader.result);
+        reader.onerror = reject;
+        reader.readAsDataURL(file);
+    });
+};
+const handleMultipleImageFiles = (fileList) => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
+    if (fileList.length === 0) {
+        return [];
+    }
+    const base64List = yield Promise.all(fileList.map((file) => getBase64(file)));
+    return base64List;
+});
+
+const StyledImageUploadWrapper = styled__default["default"].div `
+  display: flex;
+  flex-direction: column;
+
+  .image-upload-input-error {
+    margin-top: ${core.rem(12)};
+    display: flex;
+    flex-direction: column;
+    gap: ${core.rem(4)};
+  }
+`;
+const StyledImageUploadContent = styled__default["default"].div `
+  display: flex;
+  flex-direction: column;
+  gap: ${core.rem(4)};
+  margin-top: ${core.rem(4)};
+
+  span {
+    color: ${miscTheme.theme.colors.neutral500};
+  }
+`;
+const StyledImageUploadInputWrapper = styled__default["default"].div `
+  position: relative;
+  width: fit-content;
+  padding: ${core.rem(8)} ${core.rem(12)};
+  border-radius: ${core.rem(12)};
+  border: ${core.rem(1)} solid ${miscTheme.theme.colors.neutral200};
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  gap: ${core.rem(8)};
+  margin-top: ${core.rem(18)};
+
+  &.image-upload-dragover {
+    border-color: ${miscTheme.theme.colors.primaryBase};
+  }
 
+  &.image-upload-error {
+    border-color: ${miscTheme.theme.colors.error};
+  }
+
+  &.image-upload-disabled {
+    cursor: not-allowed;
+    background-color: ${miscTheme.theme.colors.gray100};
+    color: ${miscTheme.theme.colors.gray400};
+    border-color: ${miscTheme.theme.colors.gray200};
+  }
+
+  svg {
+    width: ${core.rem(18)};
+    height: ${core.rem(18)};
+  }
+
+  input {
+    position: absolute;
+    inset: 0;
+    width: 100%;
+    height: 100%;
+    opacity: 0;
+    cursor: pointer;
+    z-index: -1;
+  }
+`;
+const StyledImageUploadPreviewContainer = styled__default["default"].div `
+  position: relative;
+  width: ${core.rem(90)};
+  height: ${core.rem(90)};
+  border-radius: ${core.rem(12)};
+  overflow: hidden;
+  background-color: ${miscTheme.theme.colors.gray100};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  img {
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
+  }
+
+  svg {
+    width: ${core.rem(14)};
+    height: ${core.rem(14)};
+    color: ${miscTheme.theme.colors.white};
+  }
+
+  .image-upload-remove-button {
+    cursor: pointer;
+    position: absolute;
+    top: ${core.rem(6)};
+    right: ${core.rem(6)};
+    background: ${miscTheme.theme.colors.black};
+    border-radius: ${core.rem(12)};
+    padding: ${core.rem(2)};
+    display: flex;
+
+    &:hover {
+      opacity: 0.8;
+    }
+  }
+`;
+const StyledImageUploadPreviewContainerGroup = styled__default["default"].div `
+  display: flex;
+  gap: ${core.rem(8)};
+  margin-top: ${core.rem(18)};
+`;
+
+React.forwardRef(({ label, name, error, acceptedTypes = [
+    ImageUpload_types.FILE_UPLOAD_ACCEPTED_TYPES.PNG,
+    ImageUpload_types.FILE_UPLOAD_ACCEPTED_TYPES.JPG,
+    ImageUpload_types.FILE_UPLOAD_ACCEPTED_TYPES.JPEG,
+], maxSize = 1, acceptedRatios, multiple = false, disabled = false, id, className, onChange, value, showValidationRules = false, description, useBase64 = false, placeholder = 'Upload photo', }, ref) => {
+    const [isDragOver, setIsDragOver] = React.useState(false);
+    const [validationErrors, setValidationErrors] = React.useState([]);
+    const fileInputRef = React.useRef(null);
+    const hasError = Boolean(error) || validationErrors.length > 0;
+    const normalizedValue = React.useMemo(() => {
+        if (!value)
+            return [];
+        return Array.isArray(value) ? value : [value];
+    }, [value]);
+    const validateFile = React.useCallback((file) => {
+        var _a;
+        const errors = [];
+        const fileExtension = '.' + ((_a = file.name.split('.').pop()) === null || _a === void 0 ? void 0 : _a.toLowerCase());
+        if (!acceptedTypes.includes(fileExtension)) {
+            errors.push(`Unsupported file format. Please upload a ${acceptedTypes.join(', ')} file.`);
+        }
+        const fileSizeMB = file.size / (1024 * 1024);
+        if (fileSizeMB > maxSize) {
+            errors.push(`File too large. Please upload an image smaller than ${maxSize}MB.`);
+        }
+        return {
+            file,
+            isValid: errors.length === 0,
+            errors,
+        };
+    }, [acceptedTypes, maxSize]);
+    const validateImageRatio = React.useCallback((file) => {
+        return new Promise((resolve) => {
+            if (!acceptedRatios ||
+                !acceptedRatios.length ||
+                !file.type.startsWith('image/')) {
+                resolve([]);
+                return;
+            }
+            const img = new Image();
+            img.onload = () => {
+                const ratio = img.width / img.height;
+                const ratioString = `${ratio.toFixed(1)}:1`;
+                const isValidRatio = acceptedRatios.some((acceptedRatio) => {
+                    const [w, h] = acceptedRatio.split(':');
+                    const expectedRatio = parseInt(w) / parseInt(h);
+                    return Math.abs(ratio - expectedRatio) < 0.1;
+                });
+                resolve(isValidRatio
+                    ? []
+                    : [`Image ratio ${ratioString} is not accepted.`]);
+            };
+            img.onerror = () => resolve(['Invalid image file']);
+            img.src = URL.createObjectURL(file);
+        });
+    }, [acceptedRatios]);
+    const previewList = React.useMemo(() => {
+        return normalizedValue
+            .map((val) => {
+            if (typeof val === 'string')
+                return val;
+            if (val instanceof File)
+                return URL.createObjectURL(val);
+            return '';
+        })
+            .filter(Boolean);
+    }, [normalizedValue]);
+    const processFiles = React.useCallback((files) => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
+        const fileArray = Array.from(files);
+        const allErrors = [];
+        const validFiles = [];
+        for (const file of fileArray) {
+            const validation = validateFile(file);
+            const ratioErrors = yield validateImageRatio(file);
+            const allFileErrors = [...validation.errors, ...ratioErrors];
+            if (allFileErrors.length === 0) {
+                validFiles.push(file);
+            }
+            else {
+                allErrors.push(...allFileErrors);
+            }
+        }
+        setValidationErrors(allErrors);
+        if (validFiles.length === 0)
+            return;
+        const resultList = useBase64
+            ? yield handleMultipleImageFiles(validFiles)
+            : validFiles;
+        onChange({
+            target: {
+                name,
+                value: multiple
+                    ? [...normalizedValue, ...resultList]
+                    : resultList.slice(0, 1),
+            },
+        });
+    }), [
+        validateFile,
+        validateImageRatio,
+        multiple,
+        onChange,
+        name,
+        normalizedValue,
+    ]);
+    const handleFileInputChange = (e) => {
+        const files = e.target.files;
+        if (files && files.length > 0) {
+            processFiles(files);
+        }
+    };
+    const removeFile = (index) => {
+        const newFiles = normalizedValue.filter((_, i) => i !== index);
+        setValidationErrors([]);
+        onChange({
+            target: {
+                name,
+                value: multiple ? newFiles : '', // empty string if not multiple
+            },
+        });
+    };
+    const combinedRef = React.useCallback((e) => {
+        fileInputRef.current = e;
+        if (typeof ref === 'function') {
+            ref(e);
+        }
+        else if (ref) {
+            ref.current = e;
+        }
+    }, [ref]);
+    const handleClick = React.useCallback(() => {
+        if (!disabled && fileInputRef.current) {
+            fileInputRef.current.click();
+        }
+    }, [disabled]);
+    const handleDragEnter = React.useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setIsDragOver(true);
+    }, []);
+    const handleDragLeave = React.useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setIsDragOver(false);
+    }, []);
+    const handleDragOver = React.useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+    }, []);
+    const handleDrop = React.useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setIsDragOver(false);
+        const files = e.dataTransfer.files;
+        if (files.length > 0) {
+            processFiles(files);
+        }
+    }, [processFiles]);
+    return (React__default["default"].createElement(StyledImageUploadWrapper, { className: className },
+        React__default["default"].createElement("label", { htmlFor: id || name },
+            typeof label === 'string' ? (React__default["default"].createElement(index$l.Text, { size: "title2" }, label)) : (label),
+            description && (React__default["default"].createElement(index$l.Text, { size: "p3", mt: core.rem(4), color: miscTheme.theme.colors.gray700 }, description))),
+        showValidationRules && (React__default["default"].createElement(StyledImageUploadContent, null,
+            React__default["default"].createElement(index$l.Text, { size: "p3" },
+                "Formats: ",
+                acceptedTypes.join('/')),
+            acceptedRatios && (React__default["default"].createElement(index$l.Text, { size: "p3" },
+                "Max size: ",
+                maxSize,
+                "MB - Accepted ratios:",
+                ' ',
+                acceptedRatios.join('/'))))),
+        (multiple || normalizedValue.length === 0) && (React__default["default"].createElement(StyledImageUploadInputWrapper, { className: core.clsx(isDragOver && 'image-upload-dragover', hasError && 'image-upload-error', disabled && 'image-upload-disabled'), onDragEnter: handleDragEnter, onDragLeave: handleDragLeave, onDragOver: handleDragOver, onDrop: handleDrop, onClick: handleClick },
+            React__default["default"].createElement("input", { ref: combinedRef, type: "file", id: id || name, name: name, accept: acceptedTypes.join(','), multiple: multiple, onChange: handleFileInputChange, disabled: disabled }),
+            React__default["default"].createElement(Upload.Upload, null),
+            React__default["default"].createElement(index$l.Text, { size: "p3", fw: 500 }, placeholder))),
+        normalizedValue.length > 0 && (React__default["default"].createElement(StyledImageUploadPreviewContainerGroup, null, previewList.map((img, index) => (React__default["default"].createElement(StyledImageUploadPreviewContainer, { key: index },
+            React__default["default"].createElement("img", { src: img, alt: `Uploaded file ${index + 1}`, className: "image-upload-preview-image" }),
+            React__default["default"].createElement("button", { onClick: (e) => {
+                    e.stopPropagation();
+                    removeFile(index);
+                }, className: "image-upload-remove-button" },
+                React__default["default"].createElement(Close.Close, null))))))),
+        hasError && (React__default["default"].createElement("div", { className: "image-upload-input-error" }, [...validationErrors, error].map((err) => (React__default["default"].createElement(index$l.Text, { key: err, className: "error-text", size: "c1", color: miscTheme.theme.colors.red600 }, err)))))));
+});
 
-exports.Alert = index.Alert;
-exports.Badge = index.Badge;
-exports.BorderHeading = index.BorderHeading;
-exports.CardCollapse = index.CardCollapse;
-exports.DragFreeCarousel = index.DragFreeCarousel;
+exports.Alert = ImageUpload_types.Alert;
+exports.Badge = ImageUpload_types.Badge;
+exports.BorderHeading = ImageUpload_types.BorderHeading;
+exports.CardCollapse = ImageUpload_types.CardCollapse;
 Object.defineProperty(exports, 'FILE_UPLOAD_ACCEPTED_RATIOS', {
   enumerable: true,
-  get: function () { return index.FILE_UPLOAD_ACCEPTED_RATIOS; }
+  get: function () { return ImageUpload_types.FILE_UPLOAD_ACCEPTED_RATIOS; }
 });
 Object.defineProperty(exports, 'FILE_UPLOAD_ACCEPTED_TYPES', {
   enumerable: true,
-  get: function () { return index.FILE_UPLOAD_ACCEPTED_TYPES; }
+  get: function () { return ImageUpload_types.FILE_UPLOAD_ACCEPTED_TYPES; }
 });
-exports.FileDropdown = index.FileDropdown;
-exports.Grid = index.Grid;
-exports.HtmlContent = index.HtmlContent;
-exports.IconHeading = index.IconHeading;
-exports.ImageUpload = index.ImageUpload;
-exports.Radio = index.Radio;
-exports.RateStars = index.RateStars;
-exports.StepRenderer = index.StepRenderer;
-exports.StepRendererContext = index.StepRendererContext;
-exports.Tag = index.Tag;
-exports.Toggle = index.Toggle;
-exports.Avatar = index$1.Avatar;
-exports.DistanceTag = index$1.DistanceTag;
-exports.IconWrapper = index$1.IconWrapper;
-exports.Button = index$2.Button;
-exports.Checkbox = index$3.Checkbox;
-exports.Pagination = index$3.Pagination;
-exports.PureInput = index$3.PureInput;
-exports.SearchInput = index$3.SearchInput;
-exports.StyledSearchIcon = index$3.StyledSearchIcon;
-exports.Container = index$4.Container;
-exports.Divider = index$5.Divider;
-exports.Drawer = index$6.Drawer;
-exports.Flag = index$7.Flag;
-exports.Heading = index$8.Heading;
-exports.Icon = index$9.Icon;
-exports.Input = index$a.Input;
-exports.Label = index$a.Label;
-exports.Logo = index$b.Logo;
-exports.RadioImageGroup = index$c.RadioImageGroup;
-exports.Text = index$d.Text;
-exports.TextArea = index$e.TextArea;
-exports.AuthorBadge = index$f.AuthorBadge;
-exports.BookingBtn = index$f.BookingBtn;
-exports.BtnChoice = index$g.BtnChoice;
-exports.CustomReferenceDot = index$h.CustomReferenceDot;
-exports.ImageWrap = index$i.ImageWrap;
+exports.FileDropdown = ImageUpload_types.FileDropdown;
+exports.Grid = ImageUpload_types.Grid;
+exports.HtmlContent = ImageUpload_types.HtmlContent;
+exports.IconHeading = ImageUpload_types.IconHeading;
+exports.Radio = ImageUpload_types.Radio;
+exports.RateStars = ImageUpload_types.RateStars;
+exports.StepRenderer = ImageUpload_types.StepRenderer;
+exports.StepRendererContext = ImageUpload_types.StepRendererContext;
+exports.Tag = ImageUpload_types.Tag;
+exports.Toggle = ImageUpload_types.Toggle;
+exports.Avatar = index.Avatar;
+exports.DistanceTag = index.DistanceTag;
+exports.IconWrapper = index.IconWrapper;
+exports.Button = index$1.Button;
+exports.Checkbox = index$2.Checkbox;
+exports.Pagination = index$2.Pagination;
+exports.PureInput = index$2.PureInput;
+exports.SearchInput = index$2.SearchInput;
+exports.StyledSearchIcon = index$2.StyledSearchIcon;
+exports.Container = index$3.Container;
+exports.Divider = index$4.Divider;
+exports.Drawer = index$5.Drawer;
+exports.Flag = index$6.Flag;
+exports.Heading = index$7.Heading;
+exports.Icon = index$8.Icon;
+exports.Input = index$9.Input;
+exports.Label = index$9.Label;
+exports.Logo = index$a.Logo;
+exports.RadioImageGroup = index$b.RadioImageGroup;
+exports.Text = index$c.Text;
+exports.TextArea = index$d.TextArea;
+exports.AuthorBadge = index$e.AuthorBadge;
+exports.BookingBtn = index$e.BookingBtn;
+exports.BtnChoice = index$f.BtnChoice;
+exports.CustomReferenceDot = index$g.CustomReferenceDot;
+exports.ImageWrap = index$h.ImageWrap;
 exports.LogoIcon = logoIcon.LogoIcon;
-exports.GenderOptionControl = index$j.GenderOptionControl;
-exports.Loading = index$k.Loading;
-exports.DrawerComponent = index$l.DrawerComponent;
+exports.GenderOptionControl = index$i.GenderOptionControl;
+exports.Loading = index$j.Loading;
+exports.DrawerComponent = index$k.DrawerComponent;
 exports.InputDate = InputDate.InputDate;