@dreamcommerce/aurora 3.0.0-246 → 3.0.0-248

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

@@ -0,0 +1,36 @@
+export const IMAGE_PICKER_EXTENSIONS = {
+    GIF: 'gif',
+    JPG: 'jpg',
+    JPEG: 'jpeg',
+    PNG: 'png',
+    WEBP: 'webp',
+    SVG: 'svg'
+};
+export const MIME_FILE_EXTENSIONS = {
+    [IMAGE_PICKER_EXTENSIONS.GIF]: 'image/gif',
+    [IMAGE_PICKER_EXTENSIONS.JPG]: 'image/jpg',
+    [IMAGE_PICKER_EXTENSIONS.JPEG]: 'image/jpeg',
+    [IMAGE_PICKER_EXTENSIONS.PNG]: 'image/png',
+    [IMAGE_PICKER_EXTENSIONS.WEBP]: 'image/webp',
+    [IMAGE_PICKER_EXTENSIONS.SVG]: 'image/svg+xml'
+};
+export const FILE_EXTENSION_TO_MIME_TYPE = {
+    [IMAGE_PICKER_EXTENSIONS.GIF]: MIME_FILE_EXTENSIONS[IMAGE_PICKER_EXTENSIONS.GIF],
+    [IMAGE_PICKER_EXTENSIONS.JPG]: MIME_FILE_EXTENSIONS[IMAGE_PICKER_EXTENSIONS.JPG],
+    [IMAGE_PICKER_EXTENSIONS.JPEG]: MIME_FILE_EXTENSIONS[IMAGE_PICKER_EXTENSIONS.JPEG],
+    [IMAGE_PICKER_EXTENSIONS.PNG]: MIME_FILE_EXTENSIONS[IMAGE_PICKER_EXTENSIONS.PNG],
+    [IMAGE_PICKER_EXTENSIONS.WEBP]: MIME_FILE_EXTENSIONS[IMAGE_PICKER_EXTENSIONS.WEBP],
+    [IMAGE_PICKER_EXTENSIONS.SVG]: MIME_FILE_EXTENSIONS[IMAGE_PICKER_EXTENSIONS.SVG]
+};
+export const MIME_TYPE_TO_FILE_EXTENSIONS = {
+    [MIME_FILE_EXTENSIONS[IMAGE_PICKER_EXTENSIONS.GIF]]: IMAGE_PICKER_EXTENSIONS.GIF,
+    [MIME_FILE_EXTENSIONS[IMAGE_PICKER_EXTENSIONS.JPG]]: IMAGE_PICKER_EXTENSIONS.JPG,
+    [MIME_FILE_EXTENSIONS[IMAGE_PICKER_EXTENSIONS.JPEG]]: IMAGE_PICKER_EXTENSIONS.JPEG,
+    [MIME_FILE_EXTENSIONS[IMAGE_PICKER_EXTENSIONS.PNG]]: IMAGE_PICKER_EXTENSIONS.PNG,
+    [MIME_FILE_EXTENSIONS[IMAGE_PICKER_EXTENSIONS.WEBP]]: IMAGE_PICKER_EXTENSIONS.WEBP,
+    [MIME_FILE_EXTENSIONS[IMAGE_PICKER_EXTENSIONS.SVG]]: IMAGE_PICKER_EXTENSIONS.SVG
+};
+export const IMAGE_PICKER_ERROR = {
+    invalidFileFormat: 'Invalid file format'
+};
+//# sourceMappingURL=image_picker_constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"image_picker_constants.js","sourceRoot":"","sources":["../../../../../../../../src/components/image_picker/image_picker_constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,uBAAuB,GAAG;IACnC,GAAG,EAAE,KAAK;IACV,GAAG,EAAE,KAAK;IACV,IAAI,EAAE,MAAM;IACZ,GAAG,EAAE,KAAK;IACV,IAAI,EAAE,MAAM;IACZ,GAAG,EAAE,KAAK;CACJ,CAAC;AAEX,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAChC,CAAC,uBAAuB,CAAC,GAAG,CAAC,EAAE,WAAW;IAC1C,CAAC,uBAAuB,CAAC,GAAG,CAAC,EAAE,WAAW;IAC1C,CAAC,uBAAuB,CAAC,IAAI,CAAC,EAAE,YAAY;IAC5C,CAAC,uBAAuB,CAAC,GAAG,CAAC,EAAE,WAAW;IAC1C,CAAC,uBAAuB,CAAC,IAAI,CAAC,EAAE,YAAY;IAC5C,CAAC,uBAAuB,CAAC,GAAG,CAAC,EAAE,eAAe;CACxC,CAAC;AAEX,MAAM,CAAC,MAAM,2BAA2B,GAAG;IACvC,CAAC,uBAAuB,CAAC,GAAG,CAAC,EAAE,oBAAoB,CAAC,uBAAuB,CAAC,GAAG,CAAC;IAChF,CAAC,uBAAuB,CAAC,GAAG,CAAC,EAAE,oBAAoB,CAAC,uBAAuB,CAAC,GAAG,CAAC;IAChF,CAAC,uBAAuB,CAAC,IAAI,CAAC,EAAE,oBAAoB,CAAC,uBAAuB,CAAC,IAAI,CAAC;IAClF,CAAC,uBAAuB,CAAC,GAAG,CAAC,EAAE,oBAAoB,CAAC,uBAAuB,CAAC,GAAG,CAAC;IAChF,CAAC,uBAAuB,CAAC,IAAI,CAAC,EAAE,oBAAoB,CAAC,uBAAuB,CAAC,IAAI,CAAC;IAClF,CAAC,uBAAuB,CAAC,GAAG,CAAC,EAAE,oBAAoB,CAAC,uBAAuB,CAAC,GAAG,CAAC;CAC1E,CAAC;AAEX,MAAM,CAAC,MAAM,4BAA4B,GAAG;IACxC,CAAC,oBAAoB,CAAC,uBAAuB,CAAC,GAAG,CAAC,CAAC,EAAE,uBAAuB,CAAC,GAAG;IAChF,CAAC,oBAAoB,CAAC,uBAAuB,CAAC,GAAG,CAAC,CAAC,EAAE,uBAAuB,CAAC,GAAG;IAChF,CAAC,oBAAoB,CAAC,uBAAuB,CAAC,IAAI,CAAC,CAAC,EAAE,uBAAuB,CAAC,IAAI;IAClF,CAAC,oBAAoB,CAAC,uBAAuB,CAAC,GAAG,CAAC,CAAC,EAAE,uBAAuB,CAAC,GAAG;IAChF,CAAC,oBAAoB,CAAC,uBAAuB,CAAC,IAAI,CAAC,CAAC,EAAE,uBAAuB,CAAC,IAAI;IAClF,CAAC,oBAAoB,CAAC,uBAAuB,CAAC,GAAG,CAAC,CAAC,EAAE,uBAAuB,CAAC,GAAG;CAC1E,CAAC;AAEX,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAC9B,iBAAiB,EAAE,qBAAqB;CAC3C,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"image_picker_types.js","sourceRoot":"","sources":["../../../../../../../../src/components/image_picker/image_picker_types.ts"],"names":[],"mappings":"AAAA,OAA8C,OAAO,CAAC;AACtD,OAA8D,0BAA0B,CAAC;AACzF,OAA+B,yCAAyC,CAAC"}

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

@@ -0,0 +1,6 @@
+import { FILE_EXTENSION_TO_MIME_TYPE } from './image_picker_constants';
+import './image_picker_types';
+export const getAcceptFilesParametersFromAllowedExtensions = (allowedExtensions) => {
+    return allowedExtensions.map((extension) => FILE_EXTENSION_TO_MIME_TYPE[extension]).join(', ');
+};
+//# sourceMappingURL=image_picker_utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"image_picker_utils.js","sourceRoot":"","sources":["../../../../../../../../src/components/image_picker/image_picker_utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AACvE,OAAsC,sBAAsB,CAAC;AAE7D,MAAM,CAAC,MAAM,6CAA6C,GAAG,CAAC,iBAA2B,EAAE,EAAE;IACzF,OAAO,iBAAiB,CAAC,GAAG,CAAC,CAAC,SAAgC,EAAE,EAAE,CAAC,2BAA2B,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAC1H,CAAC,CAAC"}

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

@@ -0,0 +1,117 @@
+import { useEffect, useRef, useState } from 'react';
+import { i18n } from '../../i18n';
+import { IMAGE_PICKER_ERROR, MIME_TYPE_TO_FILE_EXTENSIONS } from './image_picker_constants';
+import './image_picker_types';
+export const useImagePicker = ({ onChange, initialFile, allowedExtensions, inputRef, initialErrors, onError }) => {
+    const [fileList, setFileList] = useState(null);
+    const [file, setFile] = useState(initialFile);
+    const [fileAsDataUrl, setFileAsDataUrl] = useState(null);
+    const [errors, setErrors] = useState([]);
+    const [isDragOver, setDragOver] = useState(false);
+    const [isPreview, setPreview] = useState(true);
+    const reader = useRef(new FileReader());
+    useEffect(() => {
+        reader.current && getDataUrlFromFile(reader.current.result);
+        reader.current.addEventListener('load', () => getDataUrlFromFile(reader.current.result), false);
+        return () => reader.current.removeEventListener('load', () => getDataUrlFromFile(reader.current.result));
+    }, []);
+    useEffect(() => {
+        setFile(initialFile);
+    }, [initialFile]);
+    useEffect(() => {
+        initialErrors && setErrors(initialErrors);
+    }, [initialErrors]);
+    useEffect(() => {
+        fileAsDataUrl && onChange?.({ fileList, fileAsDataUrl });
+    }, [fileAsDataUrl]);
+    const onDropFile = (event) => {
+        setErrors([]);
+        event.stopPropagation();
+        event.preventDefault();
+        const { dataTransfer: { files } } = event;
+        if (!files.length)
+            return;
+        validateFileExtension(allowedExtensions, files[0].type);
+        setDragOver(false);
+        updateFile(files);
+    };
+    const validateFileExtension = (allowedExtensions, mimeType) => {
+        if (!allowedExtensions)
+            return true;
+        const isValid = allowedExtensions.reduce((acc, extension) => {
+            return acc ? acc : MIME_TYPE_TO_FILE_EXTENSIONS[mimeType] === extension;
+        }, false);
+        if (isValid) {
+            setErrors([]);
+            return isValid;
+        }
+        setErrors([...errors, i18n.t(IMAGE_PICKER_ERROR.invalidFileFormat)]);
+        onError?.(errors);
+        return isValid;
+    };
+    const onFileChange = (event) => {
+        changeFile(event.target.files);
+    };
+    const changeFile = (files) => {
+        setErrors([]);
+        updateFile(files);
+    };
+    const updateFile = (files) => {
+        if (files?.length) {
+            setFileList(files);
+            reader.current.readAsDataURL(files[0]);
+            setFile({
+                fileName: files?.[0].name,
+                fileUrl: URL.createObjectURL(files?.[0])
+            });
+            const isValid = validateFileExtension(allowedExtensions, files[0].type);
+            if (isValid)
+                onChange?.({ fileList: files });
+        }
+        else {
+            setFile(undefined);
+            onChange?.({ fileList: files });
+        }
+        setPreview(true);
+    };
+    const getDataUrlFromFile = (fileReaderResult) => {
+        setFileAsDataUrl(fileReaderResult);
+    };
+    const onDragOver = (event) => {
+        event.stopPropagation();
+        event.preventDefault();
+        event.dataTransfer.dropEffect = 'copy';
+        if (!isDragOver) {
+            setDragOver(true);
+        }
+    };
+    const onDragLeave = () => {
+        setDragOver(false);
+    };
+    const onFileDelete = () => {
+        inputRef.current.value = '';
+        setFileList(null);
+        setFile(undefined);
+        setFileAsDataUrl(null);
+        setPreview(true);
+        setErrors([]);
+        onChange?.({ fileList: null, fileAsDataUrl: null });
+    };
+    const onPreviewError = () => {
+        setPreview(false);
+    };
+    return {
+        onDropFile,
+        onFileChange,
+        onDragOver,
+        onDragLeave,
+        onFileDelete,
+        onPreviewError,
+        changeFile,
+        file,
+        errors,
+        isPreview,
+        isDragOver
+    };
+};
+//# sourceMappingURL=use_image_picker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use_image_picker.js","sourceRoot":"","sources":["../../../../../../../../src/components/image_picker/use_image_picker.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAe,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExE,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,kBAAkB,EAAE,4BAA4B,EAAE,MAAM,0BAA0B,CAAC;AAC5F,OAAmH,sBAAsB,CAAC;AAE1I,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC3B,QAAQ,EACR,WAAW,EACX,iBAAiB,EACjB,QAAQ,EACR,aAAa,EACb,OAAO,EACY,EAAmB,EAAE;IACxC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAkB,IAAI,CAAC,CAAC;IAChE,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAA+B,WAAW,CAAC,CAAC;IAC5E,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAA8B,IAAI,CAAC,CAAC;IACtF,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAW,EAAE,CAAC,CAAC;IACnD,MAAM,CAAC,UAAU,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAC3D,MAAM,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAU,IAAI,CAAC,CAAC;IACxD,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,UAAU,EAAE,CAAC,CAAC;IAExC,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,CAAC,OAAO,IAAI,kBAAkB,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;QAC5D,MAAM,CAAC,OAAO,CAAC,gBAAgB,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC,CAAC;QAEhG,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,mBAAmB,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;IAC7G,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACX,OAAO,CAAC,WAAW,CAAC,CAAC;IACzB,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,SAAS,CAAC,GAAG,EAAE;QACX,aAAa,IAAI,SAAS,CAAC,aAAyB,CAAC,CAAC;IAC1D,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,SAAS,CAAC,GAAG,EAAE;QACX,aAAa,IAAI,QAAQ,EAAE,CAAC,EAAE,QAAQ,EAAE,aAAa,EAAE,CAAC,CAAC;IAC7D,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,MAAM,UAAU,GAAG,CAAC,KAAwC,EAAE,EAAE;QAC5D,SAAS,CAAC,EAAE,CAAC,CAAC;QAEd,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,KAAK,CAAC,cAAc,EAAE,CAAC;QAEvB,MAAM,EACF,YAAY,EAAE,EAAE,KAAK,EAAE,EAC1B,GAAG,KAAK,CAAC;QAEV,IAAI,CAAC,KAAK,CAAC,MAAM;YAAE,OAAO;QAE1B,qBAAqB,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,IAA0B,CAAC,CAAC;QAE9E,WAAW,CAAC,KAAK,CAAC,CAAC;QACnB,UAAU,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,MAAM,qBAAqB,GAAG,CAAC,iBAAsD,EAAE,QAA4B,EAAW,EAAE;QAC5H,IAAI,CAAC,iBAAiB;YAAE,OAAO,IAAI,CAAC;QAEpC,MAAM,OAAO,GAAG,iBAAiB,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,SAAS,EAAE,EAAE;YACxD,OAAO,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,4BAA4B,CAAC,QAAQ,CAAC,KAAK,SAAS,CAAC;QAC5E,CAAC,EAAE,KAAK,CAAC,CAAC;QAEV,IAAI,OAAO,EAAE;YACT,SAAS,CAAC,EAAE,CAAC,CAAC;YACd,OAAO,OAAO,CAAC;SAClB;QAED,SAAS,CAAC,CAAC,GAAG,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,kBAAkB,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC;QAErE,OAAO,EAAE,CAAC,MAAM,CAAC,CAAC;QAElB,OAAO,OAAO,CAAC;IACnB,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,KAAoC,EAAE,EAAE;QAC1D,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAE,EAAE;QAC1C,SAAS,CAAC,EAAE,CAAC,CAAC;QACd,UAAU,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAE,EAAE;QAC1C,IAAI,KAAK,EAAE,MAAM,EAAE;YACf,WAAW,CAAC,KAAK,CAAC,CAAC;YACnB,MAAM,CAAC,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;YAEvC,OAAO,CAAC;gBACJ,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI;gBACzB,OAAO,EAAE,GAAG,CAAC,eAAe,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;aAC3C,CAAC,CAAC;YAEH,MAAM,OAAO,GAAG,qBAAqB,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,IAA0B,CAAC,CAAC;YAE9F,IAAI,OAAO;gBAAE,QAAQ,EAAE,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC;SAChD;aAAM;YACH,OAAO,CAAC,SAAS,CAAC,CAAC;YACnB,QAAQ,EAAE,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC;SACnC;QAED,UAAU,CAAC,IAAI,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,CAAC,gBAA6C,EAAE,EAAE;QACzE,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;IACvC,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,CAAC,KAAwC,EAAE,EAAE;QAC5D,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,KAAK,CAAC,cAAc,EAAE,CAAC;QAEvB,KAAK,CAAC,YAAY,CAAC,UAAU,GAAG,MAAM,CAAC;QAEvC,IAAI,CAAC,UAAU,EAAE;YACb,WAAW,CAAC,IAAI,CAAC,CAAC;SACrB;IACL,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACrB,WAAW,CAAC,KAAK,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,GAAG,EAAE;QACtB,QAAQ,CAAC,OAAQ,CAAC,KAAK,GAAG,EAAE,CAAC;QAE7B,WAAW,CAAC,IAAI,CAAC,CAAC;QAClB,OAAO,CAAC,SAAS,CAAC,CAAC;QACnB,gBAAgB,CAAC,IAAI,CAAC,CAAC;QACvB,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,SAAS,CAAC,EAAE,CAAC,CAAC;QAEd,QAAQ,EAAE,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAC;IACxD,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,GAAG,EAAE;QACxB,UAAU,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,OAAO;QACH,UAAU;QACV,YAAY;QACZ,UAAU;QACV,WAAW;QACX,YAAY;QACZ,cAAc;QACd,UAAU;QACV,IAAI;QACJ,MAAM;QACN,SAAS;QACT,UAAU;KACb,CAAC;AACN,CAAC,CAAC"}

package/build/esm/packages/aurora/src/src/components/input/input.js

@@ -0,0 +1,28 @@
+import React, { useEffect, useRef, useState } from 'react';
+import './input_types';
+import { cn } from '@auroraUtilities/cn';
+import { inputVariants } from './input_variants';
+export const Input = React.forwardRef(({ preElement, postElement, errors, className, id, name, value, defaultValue, placeholder = '', disabled, readOnly, type, onChange, onKeyDown, onKeyUp, ...props }, ref) => {
+    const preElRef = useRef(null);
+    const postElRef = useRef(null);
+    const [preElWidth, setPreElWidth] = useState('');
+    const [postElWidth, setPostElWidth] = useState('');
+    useEffect(() => {
+        if (preElRef.current) {
+            setPreElWidth((Math.round(preElRef.current.getBoundingClientRect().width) + 8).toString());
+        }
+        if (postElRef.current) {
+            setPostElWidth((Math.round(postElRef.current.getBoundingClientRect().width) + 8).toString());
+        }
+    }, [preElement, postElement]);
+    return (React.createElement("div", { className: cn(inputVariants(), {
+            'aurora-border-danger aurora-border-2': !!errors?.length,
+            'aurora-bg-subtle aurora-text-subtle-light aurora-pointer-events-none aurora-cursor-not-allowed': disabled,
+            'aurora-appearance-none': type === 'number'
+        }) },
+        preElement && (React.createElement("div", { ref: preElRef, className: 'aurora-absolute aurora-flex aurora-h-full aurora-items-center aurora-pointer-events-none aurora-pl-2' }, preElement)),
+        React.createElement("input", { ...props, ref: ref, id: id, name: name, value: value, defaultValue: defaultValue, placeholder: placeholder, disabled: disabled, readOnly: readOnly, onChange: onChange, onKeyDown: onKeyDown, onKeyUp: onKeyUp, type: type, className: cn('aurora-h-[40px] aurora-w-full focus:aurora-outline-none focus:aurora-shadow-none aurora-px-3 aurora-rounded-6', className), style: { paddingLeft: preElWidth ? `${preElWidth}px` : '', paddingRight: postElWidth ? `${postElWidth}px` : '' } }),
+        postElement && (React.createElement("div", { ref: postElRef, className: "aurora-absolute aurora-flex aurora-h-full aurora-right-0 aurora-pr-2 aurora-items-center" }, postElement))));
+});
+Input.displayName = 'Input';
+//# sourceMappingURL=input.js.map

package/build/esm/packages/aurora/src/src/components/input/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../../../../../../src/components/input/input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC3D,OAA4B,eAAe,CAAC;AAC5C,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,MAAM,CAAC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CACjC,CACI,EACI,UAAU,EACV,WAAW,EACX,MAAM,EACN,SAAS,EACT,EAAE,EACF,IAAI,EACJ,KAAK,EACL,YAAY,EACZ,WAAW,GAAG,EAAE,EAChB,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,OAAO,EACP,GAAG,KAAK,EACX,EACD,GAAG,EACL,EAAE;IACA,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC9C,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC/C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACjD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEnD,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,QAAQ,CAAC,OAAO,EAAE;YAClB,aAAa,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC;SAC9F;QACD,IAAI,SAAS,CAAC,OAAO,EAAE;YACnB,cAAc,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC;SAChG;IACL,CAAC,EAAE,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC,CAAC;IAE9B,OAAO,CACH,6BACI,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,EAAE;YAC3B,sCAAsC,EAAE,CAAC,CAAC,MAAM,EAAE,MAAM;YACxD,gGAAgG,EAAE,QAAQ;YAC1G,wBAAwB,EAAE,IAAI,KAAK,QAAQ;SAC9C,CAAC;QAED,UAAU,IAAI,CACX,6BACI,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,sGAAsG,IAEhH,UAAU,CACT,CACT;QACD,kCACQ,KAAK,EACT,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CACT,+GAA+G,EAC/G,SAAS,CACZ,EACD,KAAK,EAAE,EAAE,WAAW,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,UAAU,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,YAAY,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,WAAW,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,GAC3G;QACR,WAAW,IAAI,CACZ,6BAAK,GAAG,EAAE,SAAS,EAAE,SAAS,EAAC,0FAA0F,IACpH,WAAW,CACV,CACT,CACC,CACT,CAAC;AACN,CAAC,CACJ,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}

package/build/esm/packages/aurora/src/src/components/input/input_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input_types.js","sourceRoot":"","sources":["../../../../../../../../src/components/input/input_types.ts"],"names":[],"mappings":"AAAA,OAA6B,0BAA0B,CAAC;AACxD,OAA8B,kBAAkB,CAAC"}

package/build/esm/packages/aurora/src/src/components/input/input_variants.js

@@ -0,0 +1,3 @@
+import { cva } from 'class-variance-authority';
+export const inputVariants = cva('aurora-relative aurora-flex aurora-rounded-6 focus aurora-border aurora-bg aurora-text-s aurora-placeholder-neutral-500 aurora-text hover:aurora-border-strong active:aurora-border-active disabled:aurora-opacity-50 aurora-w-full');
+//# sourceMappingURL=input_variants.js.map

package/build/esm/packages/aurora/src/src/components/input/input_variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input_variants.js","sourceRoot":"","sources":["../../../../../../../../src/components/input/input_variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAC5B,qOAAqO,CACxO,CAAC"}

package/build/esm/packages/aurora/src/src/components/label/label.js

@@ -0,0 +1,24 @@
+import * as LabelPrimitive from '@radix-ui/react-label';
+import * as React from 'react';
+import './label_types';
+import { Tooltip } from '@auroraComponents/tooltip/tooltip';
+import { TooltipContent } from '@auroraComponents/tooltip/components/tooltip_content';
+import { TooltipProvider } from '@auroraComponents/tooltip/context/tooltip_provider';
+import { TooltipTrigger } from '@auroraComponents/tooltip/components/tooltip_trigger';
+import { Typography } from '@auroraComponents/typography/typography';
+import { cn } from '@auroraUtilities/cn';
+export const Label = React.forwardRef(({ className, tooltip, required, disabled, children, ...props }, ref) => {
+    return (React.createElement(LabelPrimitive.Root, { ref: ref, ...props },
+        React.createElement(Typography, { lineHeight: "xs", size: "s", weight: "medium", as: "p", className: className },
+            required ? React.createElement("span", { className: "aurora-text-interactive" }, "*") : null,
+            React.createElement("span", { className: cn({
+                    'aurora-mr-1': tooltip
+                }) }, children),
+            tooltip ? (React.createElement(TooltipProvider, null,
+                React.createElement(Tooltip, null,
+                    React.createElement(TooltipTrigger, { className: "aurora-align-middle aurora-inline-flex" }),
+                    React.createElement(TooltipContent, null,
+                        React.createElement("p", null, tooltip))))) : null)));
+});
+Label.displayName = LabelPrimitive.Root.displayName;
+//# sourceMappingURL=label.js.map

package/build/esm/packages/aurora/src/src/components/label/label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.js","sourceRoot":"","sources":["../../../../../../../../src/components/label/label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAC;AACxD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAA2B,eAAe,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,sDAAsD,CAAC;AACtF,OAAO,EAAE,eAAe,EAAE,MAAM,oDAAoD,CAAC;AACrF,OAAO,EAAE,cAAc,EAAE,MAAM,sDAAsD,CAAC;AACtF,OAAO,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AACrE,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAEzC,MAAM,CAAC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CACjC,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACpE,OAAO,CACH,oBAAC,cAAc,CAAC,IAAI,IAAC,GAAG,EAAE,GAAG,KAAM,KAAK;QACpC,oBAAC,UAAU,IAAC,UAAU,EAAC,IAAI,EAAC,IAAI,EAAC,GAAG,EAAC,MAAM,EAAC,QAAQ,EAAC,EAAE,EAAC,GAAG,EAAC,SAAS,EAAE,SAAS;YAC3E,QAAQ,CAAC,CAAC,CAAC,8BAAM,SAAS,EAAC,yBAAyB,QAAS,CAAC,CAAC,CAAC,IAAI;YAErE,8BACI,SAAS,EAAE,EAAE,CAAC;oBACV,aAAa,EAAE,OAAO;iBACzB,CAAC,IAED,QAAQ,CACN;YAEN,OAAO,CAAC,CAAC,CAAC,CACP,oBAAC,eAAe;gBACZ,oBAAC,OAAO;oBACJ,oBAAC,cAAc,IAAC,SAAS,EAAC,wCAAwC,GAAG;oBAErE,oBAAC,cAAc;wBACX,+BAAI,OAAO,CAAK,CACH,CACX,CACI,CACrB,CAAC,CAAC,CAAC,IAAI,CACC,CACK,CACzB,CAAC;AACN,CAAC,CACJ,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC"}

package/build/esm/packages/aurora/src/src/components/label/label_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label_types.js","sourceRoot":"","sources":["../../../../../../../../src/components/label/label_types.ts"],"names":[],"mappings":"AAAA,OAAgC,uBAAuB,CAAC;AACxD,OAAiC,OAAO,CAAC"}

package/build/esm/packages/aurora/src/src/components/link/link.js

@@ -0,0 +1,10 @@
+import 'react';
+import React from 'react';
+import '@auroraComponents/link/link_types';
+import { cn } from '@auroraUtilities/cn';
+import { linkVariants } from '@auroraComponents/link/link_variants';
+export const Link = ({ children, className, size, variant, decoration, ...props }) => {
+    return (React.createElement("a", { className: cn(linkVariants({ size, variant, decoration }), className), ...props }, children));
+};
+Link.displayName = 'Link';
+//# sourceMappingURL=link.js.map

package/build/esm/packages/aurora/src/src/components/link/link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.js","sourceRoot":"","sources":["../../../../../../../../src/components/link/link.tsx"],"names":[],"mappings":"AAAA,OAAkC,OAAO,CAAC;AAC1C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAA2B,mCAAmC,CAAC;AAC/D,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AAEpE,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,KAAK,EAAiC,EAAE,EAAE;IAChH,OAAO,CACH,2BAAG,SAAS,EAAE,EAAE,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC,EAAE,SAAS,CAAC,KAAM,KAAK,IAC9E,QAAQ,CACT,CACP,CAAC;AACN,CAAC,CAAC;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}

package/build/esm/packages/aurora/src/src/components/link/link_constants.js

@@ -0,0 +1,13 @@
+export const LINK_SIZE_TYPES = {
+    basic: 'basic',
+    s: 's'
+};
+export const LINK_VARIANT_TYPES = {
+    basic: 'basic',
+    monochromatic: 'monochromatic'
+};
+export const LINK_DECORATION_TYPES = {
+    noUnderline: 'no-underline',
+    underline: 'underline'
+};
+//# sourceMappingURL=link_constants.js.map

package/build/esm/packages/aurora/src/src/components/link/link_constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link_constants.js","sourceRoot":"","sources":["../../../../../../../../src/components/link/link_constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,eAAe,GAAG;IAC3B,KAAK,EAAE,OAAO;IACd,CAAC,EAAE,GAAG;CACA,CAAC;AAEX,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAC9B,KAAK,EAAE,OAAO;IACd,aAAa,EAAE,eAAe;CACxB,CAAC;AAEX,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACjC,WAAW,EAAE,cAAc;IAC3B,SAAS,EAAE,WAAW;CAChB,CAAC"}

package/build/esm/packages/aurora/src/src/components/link/link_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link_types.js","sourceRoot":"","sources":["../../../../../../../../src/components/link/link_types.ts"],"names":[],"mappings":"AAAA,OAAkB,OAAO,CAAC;AAE1B,OAA6B,sCAAsC,CAAC"}

package/build/esm/packages/aurora/src/src/components/link/link_variants.js

@@ -0,0 +1,24 @@
+import { cva } from 'class-variance-authority';
+import { LINK_VARIANT_TYPES, LINK_DECORATION_TYPES, LINK_SIZE_TYPES } from '@auroraComponents/link/link_constants';
+export const linkVariants = cva('aurora-cursor-pointer aurora-transition-all aurora-duration-200', {
+    variants: {
+        variant: {
+            [LINK_VARIANT_TYPES.basic]: 'aurora-text-interactive hover:aurora-text-interactive-hover active:aurora-text-interactive-active',
+            [LINK_VARIANT_TYPES.monochromatic]: 'aurora-text hover:aurora-text hover:aurora-no-underline'
+        },
+        decoration: {
+            [LINK_DECORATION_TYPES.noUnderline]: 'aurora-no-underline',
+            [LINK_DECORATION_TYPES.underline]: 'aurora-underline'
+        },
+        size: {
+            [LINK_SIZE_TYPES.basic]: 'aurora-text-s',
+            [LINK_SIZE_TYPES.s]: 'aurora-text-xs'
+        }
+    },
+    defaultVariants: {
+        size: LINK_SIZE_TYPES.basic,
+        variant: LINK_VARIANT_TYPES.basic,
+        decoration: LINK_DECORATION_TYPES.underline
+    }
+});
+//# sourceMappingURL=link_variants.js.map

package/build/esm/packages/aurora/src/src/components/link/link_variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link_variants.js","sourceRoot":"","sources":["../../../../../../../../src/components/link/link_variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAEnH,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAC,iEAAiE,EAAE;IAC/F,QAAQ,EAAE;QACN,OAAO,EAAE;YACL,CAAC,kBAAkB,CAAC,KAAK,CAAC,EAAE,mGAAmG;YAC/H,CAAC,kBAAkB,CAAC,aAAa,CAAC,EAAE,yDAAyD;SAChG;QACD,UAAU,EAAE;YACR,CAAC,qBAAqB,CAAC,WAAW,CAAC,EAAE,qBAAqB;YAC1D,CAAC,qBAAqB,CAAC,SAAS,CAAC,EAAE,kBAAkB;SACxD;QACD,IAAI,EAAE;YACF,CAAC,eAAe,CAAC,KAAK,CAAC,EAAE,eAAe;YACxC,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,gBAAgB;SACxC;KACJ;IACD,eAAe,EAAE;QACb,IAAI,EAAE,eAAe,CAAC,KAAK;QAC3B,OAAO,EAAE,kBAAkB,CAAC,KAAK;QACjC,UAAU,EAAE,qBAAqB,CAAC,SAAS;KAC9C;CACJ,CAAC,CAAC"}

package/build/esm/packages/aurora/src/src/components/loader/loader.js

@@ -0,0 +1,9 @@
+import 'react';
+import React from 'react';
+import './loader_types';
+import { cn } from '@auroraUtilities/cn';
+import { loaderVariants } from './loader_variants';
+export const Loader = ({ className, variant, ...props }) => {
+    return React.createElement("div", { className: cn(loaderVariants({ variant }), className), ...props });
+};
+//# sourceMappingURL=loader.js.map

package/build/esm/packages/aurora/src/src/components/loader/loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loader.js","sourceRoot":"","sources":["../../../../../../../../src/components/loader/loader.tsx"],"names":[],"mappings":"AAAA,OAAkC,OAAO,CAAC;AAC1C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAA6B,gBAAgB,CAAC;AAC9C,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAmC,EAAE,EAAE;IACxF,OAAO,6BAAK,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AACrF,CAAC,CAAC"}

package/build/esm/packages/aurora/src/src/components/loader/loader_constants.js

@@ -0,0 +1,6 @@
+export const LOADER_VARIANTS = {
+    s: 's',
+    m: 'm',
+    l: 'l'
+};
+//# sourceMappingURL=loader_constants.js.map

package/build/esm/packages/aurora/src/src/components/loader/loader_constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loader_constants.js","sourceRoot":"","sources":["../../../../../../../../src/components/loader/loader_constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,eAAe,GAAG;IAC3B,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;CACA,CAAC"}

package/build/esm/packages/aurora/src/src/components/loader/loader_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loader_types.js","sourceRoot":"","sources":["../../../../../../../../src/components/loader/loader_types.ts"],"names":[],"mappings":"AAAA,OAAuB,OAAO,CAAC;AAE/B,OAA+B,0CAA0C,CAAC"}

package/build/esm/packages/aurora/src/src/components/loader/loader_variants.js

@@ -0,0 +1,15 @@
+import { cva } from 'class-variance-authority';
+import { LOADER_VARIANTS } from '@auroraComponents/loader/loader_constants';
+export const loaderVariants = cva('aurora-inline-block aurora-align-middle aurora-border-solid aurora-border-r-primary aurora-rounded-full aurora-animate-spin', {
+    variants: {
+        variant: {
+            [LOADER_VARIANTS.s]: 'aurora-h-4 aurora-w-4 aurora-border-2',
+            [LOADER_VARIANTS.m]: 'aurora-h-6 aurora-w-6 aurora-border-[3px]',
+            [LOADER_VARIANTS.l]: 'aurora-h-8 aurora-w-8 aurora-border-4'
+        }
+    },
+    defaultVariants: {
+        variant: LOADER_VARIANTS.s
+    }
+});
+//# sourceMappingURL=loader_variants.js.map

package/build/esm/packages/aurora/src/src/components/loader/loader_variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loader_variants.js","sourceRoot":"","sources":["../../../../../../../../src/components/loader/loader_variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AAE5E,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAC7B,6HAA6H,EAC7H;IACI,QAAQ,EAAE;QACN,OAAO,EAAE;YACL,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,uCAAuC;YAC5D,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,2CAA2C;YAChE,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,uCAAuC;SAC/D;KACJ;IACD,eAAe,EAAE;QACb,OAAO,EAAE,eAAe,CAAC,CAAC;KAC7B;CACJ,CACJ,CAAC"}

package/build/esm/packages/aurora/src/src/components/message_box/message_box.js

@@ -0,0 +1,27 @@
+import React from 'react';
+import './message_box_types';
+import { cn } from '@auroraUtilities/cn';
+import { messageBoxVariants } from './message_box_variants';
+import { MESSAGE_BOX_ICONS, MESSAGE_BOX_ICON_COLORS, MESSAGE_BOX_VARIANTS } from './message_box_constants';
+import { Typography } from '@auroraComponents/typography/typography';
+export const MessageBox = React.forwardRef(({ variant = MESSAGE_BOX_VARIANTS.info, header, children, fullWidth = false, className, shadow, showIcon = false, noBorder = false, noRadius = false }, ref) => {
+    const Icon = MESSAGE_BOX_ICONS[variant];
+    const iconColor = MESSAGE_BOX_ICON_COLORS[variant];
+    return (React.createElement("div", { ref: ref, className: cn(messageBoxVariants({ variant }), {
+            'aurora-w-full': fullWidth,
+            'aurora-w-[272px]': !fullWidth,
+            'aurora-rounded-0': noRadius,
+            'aurora-rounded-6': !noRadius,
+            'aurora-border-none': noBorder,
+            'aurora-shadow-l': shadow
+        }, className) },
+        showIcon ? (React.createElement("div", { className: cn(children && !fullWidth && 'aurora-h-full aurora-flex aurora-self-start aurora-mt-1') },
+            React.createElement(Icon, { className: cn('aurora-mr-2 aurora-w-4 aurora-h-4', iconColor) }))) : null,
+        React.createElement("div", { className: "aurora-flex aurora-justify-between aurora-items-center aurora-w-full" },
+            React.createElement("div", { className: "aurora-flex aurora-flex-col aurora-w-full" },
+                header && (React.createElement("div", { className: "aurora-flex aurora-items-center aurora-w-full" },
+                    React.createElement("h4", { className: "aurora-text-s aurora-font-semibold aurora-text aurora-w-full" }, header))),
+                React.createElement(Typography, { className: "aurora-w-full", size: "xs" }, children)))));
+});
+MessageBox.displayName = 'MessageBox';
+//# sourceMappingURL=message_box.js.map

package/build/esm/packages/aurora/src/src/components/message_box/message_box.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message_box.js","sourceRoot":"","sources":["../../../../../../../../src/components/message_box/message_box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAiC,qBAAqB,CAAC;AACvD,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,uBAAuB,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC3G,OAAO,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AAErE,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACtC,CACI,EACI,OAAO,GAAG,oBAAoB,CAAC,IAAI,EACnC,MAAM,EACN,QAAQ,EACR,SAAS,GAAG,KAAK,EACjB,SAAS,EACT,MAAM,EACN,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EACD,EACnB,GAAG,EACL,EAAE;IACA,MAAM,IAAI,GAAG,iBAAiB,CAAC,OAAiB,CAAC,CAAC;IAClD,MAAM,SAAS,GAAG,uBAAuB,CAAC,OAAiB,CAAC,CAAC;IAE7D,OAAO,CACH,6BACI,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACT,kBAAkB,CAAC,EAAE,OAAO,EAAE,CAAC,EAC/B;YACI,eAAe,EAAE,SAAS;YAC1B,kBAAkB,EAAE,CAAC,SAAS;YAC9B,kBAAkB,EAAE,QAAQ;YAC5B,kBAAkB,EAAE,CAAC,QAAQ;YAC7B,oBAAoB,EAAE,QAAQ;YAC9B,iBAAiB,EAAE,MAAM;SAC5B,EACD,SAAS,CACZ;QAEA,QAAQ,CAAC,CAAC,CAAC,CACR,6BAAK,SAAS,EAAE,EAAE,CAAC,QAAQ,IAAI,CAAC,SAAS,IAAI,yDAAyD,CAAC;YACnG,oBAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,mCAAmC,EAAE,SAAS,CAAC,GAAI,CACrE,CACT,CAAC,CAAC,CAAC,IAAI;QAER,6BAAK,SAAS,EAAC,sEAAsE;YACjF,6BAAK,SAAS,EAAC,2CAA2C;gBACrD,MAAM,IAAI,CACP,6BAAK,SAAS,EAAC,+CAA+C;oBAC1D,4BAAI,SAAS,EAAC,8DAA8D,IAAE,MAAM,CAAM,CACxF,CACT;gBAED,oBAAC,UAAU,IAAC,SAAS,EAAC,eAAe,EAAC,IAAI,EAAC,IAAI,IAC1C,QAAQ,CACA,CACX,CACJ,CACJ,CACT,CAAC;AACN,CAAC,CACJ,CAAC;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}

package/build/esm/packages/aurora/src/src/components/message_box/message_box_constants.js

@@ -0,0 +1,26 @@
+import { AlertLineIcon } from '@auroraAssets/icons/alert_icon_line';
+import { CheckboxCircleLine } from '@auroraAssets/icons/checkbox_circle';
+import { DangerLineIcon } from '@auroraAssets/icons/danger_icon_line';
+import { InfoLineIcon } from '@auroraAssets/icons/info_icon_line';
+export const MESSAGE_BOX_VARIANTS = {
+    info: 'info',
+    warning: 'warning',
+    success: 'success',
+    critical: 'critical',
+    subtle: 'subtle'
+};
+export const MESSAGE_BOX_ICONS = {
+    [MESSAGE_BOX_VARIANTS.info]: InfoLineIcon,
+    [MESSAGE_BOX_VARIANTS.warning]: AlertLineIcon,
+    [MESSAGE_BOX_VARIANTS.success]: CheckboxCircleLine,
+    [MESSAGE_BOX_VARIANTS.critical]: DangerLineIcon,
+    [MESSAGE_BOX_VARIANTS.subtle]: InfoLineIcon
+};
+export const MESSAGE_BOX_ICON_COLORS = {
+    [MESSAGE_BOX_VARIANTS.info]: 'aurora-fill-info',
+    [MESSAGE_BOX_VARIANTS.warning]: 'aurora-fill-warning',
+    [MESSAGE_BOX_VARIANTS.success]: 'aurora-fill-success',
+    [MESSAGE_BOX_VARIANTS.critical]: 'aurora-fill-danger',
+    [MESSAGE_BOX_VARIANTS.subtle]: 'aurora-fill'
+};
+//# sourceMappingURL=message_box_constants.js.map

package/build/esm/packages/aurora/src/src/components/message_box/message_box_constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message_box_constants.js","sourceRoot":"","sources":["../../../../../../../../src/components/message_box/message_box_constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AACzE,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAElE,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAChC,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,UAAU;IACpB,MAAM,EAAE,QAAQ;CACV,CAAC;AAEX,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC7B,CAAC,oBAAoB,CAAC,IAAI,CAAC,EAAE,YAAY;IACzC,CAAC,oBAAoB,CAAC,OAAO,CAAC,EAAE,aAAa;IAC7C,CAAC,oBAAoB,CAAC,OAAO,CAAC,EAAE,kBAAkB;IAClD,CAAC,oBAAoB,CAAC,QAAQ,CAAC,EAAE,cAAc;IAC/C,CAAC,oBAAoB,CAAC,MAAM,CAAC,EAAE,YAAY;CACrC,CAAC;AAEX,MAAM,CAAC,MAAM,uBAAuB,GAA2B;IAC3D,CAAC,oBAAoB,CAAC,IAAI,CAAC,EAAE,kBAAkB;IAC/C,CAAC,oBAAoB,CAAC,OAAO,CAAC,EAAE,qBAAqB;IACrD,CAAC,oBAAoB,CAAC,OAAO,CAAC,EAAE,qBAAqB;IACrD,CAAC,oBAAoB,CAAC,QAAQ,CAAC,EAAE,oBAAoB;IACrD,CAAC,oBAAoB,CAAC,MAAM,CAAC,EAAE,aAAa;CACtC,CAAC"}

package/build/esm/packages/aurora/src/src/components/message_box/message_box_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message_box_types.js","sourceRoot":"","sources":["../../../../../../../../src/components/message_box/message_box_types.ts"],"names":[],"mappings":"AAAA,OAAkB,OAAO,CAAC;AAC1B,OAA6B,0BAA0B,CAAC;AACxD,OAAmC,wBAAwB,CAAC;AAC5D,OAAqC,qDAAqD,CAAC;AAC3F,OAAoB,aAAa,CAAC"}

package/build/esm/packages/aurora/src/src/components/message_box/message_box_variants.js

@@ -0,0 +1,17 @@
+import { cva } from 'class-variance-authority';
+import { MESSAGE_BOX_VARIANTS } from './message_box_constants';
+export const messageBoxVariants = cva('aurora-p-2 aurora-border aurora-text-xs aurora-relative aurora-flex aurora-items-center aurora-justify-center', {
+    variants: {
+        variant: {
+            [MESSAGE_BOX_VARIANTS.info]: 'aurora-bg-primary-subtle aurora-border-info',
+            [MESSAGE_BOX_VARIANTS.warning]: 'aurora-bg-warning-subtle aurora-border-focus',
+            [MESSAGE_BOX_VARIANTS.success]: 'aurora-bg-success-subtle aurora-border-success',
+            [MESSAGE_BOX_VARIANTS.critical]: 'aurora-bg-danger-subtle aurora-border-danger',
+            [MESSAGE_BOX_VARIANTS.subtle]: 'aurora-bg'
+        }
+    },
+    defaultVariants: {
+        variant: MESSAGE_BOX_VARIANTS.info
+    }
+});
+//# sourceMappingURL=message_box_variants.js.map

package/build/esm/packages/aurora/src/src/components/message_box/message_box_variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message_box_variants.js","sourceRoot":"","sources":["../../../../../../../../src/components/message_box/message_box_variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAE/D,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CACjC,+GAA+G,EAC/G;IACI,QAAQ,EAAE;QACN,OAAO,EAAE;YACL,CAAC,oBAAoB,CAAC,IAAI,CAAC,EAAE,6CAA6C;YAC1E,CAAC,oBAAoB,CAAC,OAAO,CAAC,EAAE,8CAA8C;YAC9E,CAAC,oBAAoB,CAAC,OAAO,CAAC,EAAE,gDAAgD;YAChF,CAAC,oBAAoB,CAAC,QAAQ,CAAC,EAAE,8CAA8C;YAC/E,CAAC,oBAAoB,CAAC,MAAM,CAAC,EAAE,WAAW;SAC7C;KACJ;IACD,eAAe,EAAE;QACb,OAAO,EAAE,oBAAoB,CAAC,IAAI;KACrC;CACJ,CACJ,CAAC"}

package/build/esm/packages/aurora/src/src/components/modal/components/modal/modal.js

@@ -0,0 +1,123 @@
+import { MODAL_SLIDE_FADE_DURATION, MODAL_VISIBILITY_STATE, MODAL_WIDTH_VARIANT } from '../../modal_constants';
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import '@auroraComponents/modal/modal_types';
+import { ModalFooter } from './modal_footer';
+import { ModalHeader } from './modal_header';
+import { ModalUtils } from '@auroraComponents/modal/components/modal/modal_utils';
+import { cn } from '@auroraUtilities/cn';
+import { createPortal } from 'react-dom';
+import { modalVariants } from '@auroraComponents/modal/modal_variants';
+import { useClickOutside } from '@auroraHooks/use_click_outside';
+import { useModalsContext } from '../../hooks/use_modals_context';
+export const Modal = ({ name, hideAllModalsOnClose, width = MODAL_WIDTH_VARIANT.m, onCloseAction, header, footer, children, closeOnOutsideClick = true, closeOnEscButton = true, initiallyVisible = false }) => {
+    const [visibleClass, setVisibleClass] = useState(false);
+    const [isScrolledToBottom, setIsScrolledToBottom] = useState(false);
+    const [hasScroll, setHasScroll] = useState(false);
+    const scrollTimeoutRef = useRef();
+    const contentRef = useRef(null);
+    const modalRef = useRef(null);
+    const isInitializedRef = useRef(false);
+    const { modalsManagerContainerSelector, addModal, getModal, hideModal, showModal, hideAllModals } = useModalsContext();
+    const $modalsManagerContainer = document.querySelector(modalsManagerContainerSelector);
+    const modal = getModal(name);
+    const [renderModal, setRenderModal] = useState(false);
+    const closeModal = useCallback(() => {
+        hideAllModalsOnClose ? hideAllModals(onCloseAction) : hideModal(name, onCloseAction);
+    }, [hideAllModalsOnClose, hideAllModals, hideModal, name, onCloseAction]);
+    const checkScroll = useCallback(() => {
+        const contentElement = contentRef.current;
+        if (!contentElement)
+            return;
+        const { scrollTop, scrollHeight, clientHeight } = contentElement;
+        const atBottom = Math.abs(scrollTop + clientHeight - scrollHeight) < 5;
+        const hasScrollableContent = scrollHeight > clientHeight;
+        setIsScrolledToBottom(atBottom);
+        setHasScroll(hasScrollableContent);
+    }, []);
+    const handleScroll = useCallback(() => {
+        if (scrollTimeoutRef.current) {
+            clearTimeout(scrollTimeoutRef.current);
+        }
+        scrollTimeoutRef.current = setTimeout(checkScroll, 50);
+    }, [checkScroll]);
+    // Handle scroll detection
+    useEffect(() => {
+        if (!renderModal || !visibleClass || !children)
+            return;
+        const contentElement = contentRef.current;
+        if (!contentElement)
+            return;
+        checkScroll();
+        contentElement.addEventListener('scroll', handleScroll);
+        return () => {
+            contentElement.removeEventListener('scroll', handleScroll);
+            if (scrollTimeoutRef.current) {
+                clearTimeout(scrollTimeoutRef.current);
+            }
+        };
+    }, [renderModal, visibleClass, handleScroll, checkScroll, children]);
+    // Initial setup
+    useEffect(() => {
+        if (!isInitializedRef.current) {
+            addModal({ name, visibilityState: MODAL_VISIBILITY_STATE.none, width });
+            if (initiallyVisible)
+                showModal(name);
+            isInitializedRef.current = true;
+        }
+        return () => closeModal();
+    }, []);
+    // Handle visibility changes
+    useEffect(() => {
+        let timeoutId;
+        switch (modal?.visibilityState) {
+            case MODAL_VISIBILITY_STATE.visible:
+                setRenderModal(true);
+                timeoutId = setTimeout(() => setVisibleClass(true), MODAL_SLIDE_FADE_DURATION);
+                break;
+            case MODAL_VISIBILITY_STATE.hidden:
+                setVisibleClass(false);
+                break;
+            case MODAL_VISIBILITY_STATE.none:
+                setVisibleClass(false);
+                timeoutId = setTimeout(() => setRenderModal(false), MODAL_SLIDE_FADE_DURATION);
+                break;
+        }
+        return () => {
+            if (timeoutId) {
+                clearTimeout(timeoutId);
+            }
+        };
+    }, [modal?.visibilityState]);
+    // Handle keyboard events
+    const handleKeyDown = useCallback((event) => {
+        if (event.key === 'Escape' && closeOnEscButton) {
+            closeModal();
+        }
+    }, [closeOnEscButton, closeModal]);
+    useEffect(() => {
+        document.addEventListener('keydown', handleKeyDown);
+        return () => document.removeEventListener('keydown', handleKeyDown);
+    }, [handleKeyDown]);
+    // Handle outside click
+    useClickOutside({
+        refs: [modalRef],
+        callback: () => {
+            if (closeOnOutsideClick && modal?.visibilityState === MODAL_VISIBILITY_STATE.visible) {
+                closeModal();
+            }
+        }
+    });
+    if (!$modalsManagerContainer)
+        return null;
+    return renderModal
+        ? createPortal(React.createElement("div", { ref: modalRef, "data-modal-id": name, "data-test-id": "modal", className: cn(modalVariants({ width }), visibleClass ? 'aurora-opacity-100 aurora-animate-modal-slide-in' : 'aurora-opacity-0 aurora-animate-modal-slide-out') },
+            header && (React.createElement(ModalHeader, { hasCloseIcon: ModalUtils.isHeaderObject(header) ? header.hasCloseIcon ?? true : true, onClose: closeModal }, ModalUtils.isHeaderObject(header) ? header.content : header)),
+            children && (React.createElement("div", { ref: contentRef, className: cn(`aurora-overflow-y-auto custom-scrollbar first:aurora-mt-6 last:aurora-mb-6 aurora-px-6`, {
+                    'aurora-pb-6': footer && hasScroll
+                }), style: { maxHeight: 'calc(100vh - 200px)' } }, children)),
+            footer && (React.createElement(ModalFooter, { className: cn('', {
+                    'aurora-border-t': hasScroll && !isScrolledToBottom
+                }) }, footer))), $modalsManagerContainer)
+        : null;
+};
+//# sourceMappingURL=modal.js.map