@redsift/popovers 7.5.1 → 7.6.0

package/index.js

@@ -1,9 +1,10 @@
 import React, { useContext, useState, useLayoutEffect, useMemo, useEffect, forwardRef, useRef, useId, useCallback } from 'react';
 import { FloatingOverlay, useMergeRefs, useTransitionStyles, FloatingPortal, FloatingFocusManager, useFloating, useDismiss, useRole, useInteractions, autoUpdate, offset, flip, shift, arrow, useHover, useFocus } from '@floating-ui/react';
 import classNames from 'classnames';
-import { mdiClose } from '@redsift/icons';
+import { mdiClose, mdiAlert, mdiCheckCircle, mdiAlertCircle, mdiInformation } from '@redsift/icons';
 import { useButton } from '@react-aria/button';
 import styled, { css } from 'styled-components';
+import { ToastContainer as ToastContainer$1, Slide, toast } from 'react-toastify';
 
 const DialogContext = /*#__PURE__*/React.createContext(null);
 
@@ -503,19 +504,19 @@ function $fca6afa0e843324b$export$f12b703ca79dfbb1(strings) {
     ]);
 }
 
-var close$1 = "Close";
-var enUS = {
-	close: close$1
+var close$3 = "Close";
+var enUS$2 = {
+	close: close$3
 };
 
-var close = "Fermer";
-var frFR = {
-	close: close
+var close$2 = "Fermer";
+var frFR$2 = {
+	close: close$2
 };
 
-var intlMessages = {
-  'en-US': enUS,
-  'fr-FR': frFR
+var intlMessages$2 = {
+  'en-US': enUS$2,
+  'fr-FR': frFR$2
 };
 
 /**
@@ -579,12 +580,12 @@ const baseLayout = css`
   } = _ref;
   return css`
       ${flex ? `flex: ${flex};` : ''}
-      ${flexGrow ? `flex-grow: ${flexGrow};` : ''}
-      ${flexShrink ? `flex-shrink: ${flexShrink};` : ''}
+      ${flexGrow !== undefined ? `flex-grow: ${flexGrow};` : ''}
+      ${flexShrink !== undefined ? `flex-shrink: ${flexShrink};` : ''}
       ${flexBasis ? `flex-basis: ${flexBasis};` : ''}
       ${alignSelf ? `align-self: ${alignSelf};` : ''}
       ${justifySelf ? `justify-self: ${justifySelf};` : ''}
-      ${order ? `order: ${order};` : ''}
+      ${order !== undefined ? `order: ${order};` : ''}
       ${gridArea ? `grid-area: ${gridArea};` : ''}
       ${gridColumn ? `grid-column: ${gridColumn};` : ''}
       ${gridRow ? `grid-row: ${gridRow};` : ''}
@@ -642,12 +643,12 @@ const baseSizing = css`
     width
   } = _ref4;
   return css`
-      ${height ? `height: ${typeof height === 'number' ? `${height}px` : height};` : ''}
+      ${height !== undefined ? `height: ${typeof height === 'number' ? `${height}px` : height};` : ''}
       ${maxHeight ? `max-height: ${maxHeight};` : ''}
       ${maxWidth ? `max-width: ${maxWidth};` : ''}
       ${minHeight ? `min-height: ${minHeight};` : ''}
       ${minWidth ? `min-width: ${minWidth};` : ''}
-      ${width ? `width: ${typeof width === 'number' ? `${width}px` : width};` : ''}
+      ${width !== undefined ? `width: ${typeof width === 'number' ? `${width}px` : width};` : ''}
     `;
 }}
 `;
@@ -878,10 +879,10 @@ const StyledIcon = styled.span`
 }}
 `;
 
-const _excluded$6 = ["aria-hidden", "aria-label", "badge", "className", "color", "icon", "size", "svgProps"];
-const COMPONENT_NAME$e = 'Icon';
-const CLASSNAME$e = 'redsift-icon';
-const DEFAULT_PROPS$e = {
+const _excluded$b = ["aria-hidden", "aria-label", "badge", "className", "color", "icon", "size", "svgProps"];
+const COMPONENT_NAME$i = 'Icon';
+const CLASSNAME$i = 'redsift-icon';
+const DEFAULT_PROPS$i = {
   size: IconSize.medium
 };
 
@@ -899,7 +900,7 @@ const Icon = /*#__PURE__*/forwardRef((props, ref) => {
       size,
       svgProps
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$6);
+    forwardedProps = _objectWithoutProperties(props, _excluded$b);
   return /*#__PURE__*/React.createElement(StyledIcon, _extends({}, forwardedProps, {
     $color: color,
     $size: size,
@@ -921,9 +922,9 @@ const Icon = /*#__PURE__*/forwardRef((props, ref) => {
     fill: "currentColor"
   })), badge ? badge : null);
 });
-Icon.className = CLASSNAME$e;
-Icon.defaultProps = DEFAULT_PROPS$e;
-Icon.displayName = COMPONENT_NAME$e;
+Icon.className = CLASSNAME$i;
+Icon.defaultProps = DEFAULT_PROPS$i;
+Icon.displayName = COMPONENT_NAME$i;
 
 /**
  * Component variant.
@@ -1053,6 +1054,140 @@ const StyledButton = styled.button`
 }}
 `;
 
+var loading$1 = "Loading...";
+var enUS$1 = {
+	loading: loading$1
+};
+
+var loading = "Chargement...";
+var frFR$1 = {
+	loading: loading
+};
+
+var intlMessages$1 = {
+  'en-US': enUS$1,
+  'fr-FR': frFR$1
+};
+
+/**
+ * Component size.
+ */
+const SpinnerSize = {
+  xsmall: 'xsmall',
+  small: 'small',
+  medium: 'medium',
+  large: 'large'
+};
+
+const StyledSpinner = styled.img`
+  ${baseStyling}
+
+  display: inline;
+  line-height: 0px;
+  vertical-align: -0.125em;
+`;
+
+const AppContainerContext = /*#__PURE__*/React.createContext(null);
+
+var spinnerDefault = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNDAwIDQwMCIgc2hhcGUtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iIHRleHQtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iPgogIDxzdHlsZT4KICAgIC5zcGlubmluZyB7CiAgICAgIGFuaW1hdGlvbjogc3Bpbm5pbmcta2V5ZnJhbWVzIDMwMDBtcyBsaW5lYXIgaW5maW5pdGUgbm9ybWFsIGZvcndhcmRzOwogICAgICB0cmFuc2Zvcm0tb3JpZ2luOiBjZW50ZXI7CiAgICAgIGFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGN1YmljLWJlemllcigwLjQyLCAwLCAwLjU4LCAxKTsKICAgIH0KICAgIEBrZXlmcmFtZXMgc3Bpbm5pbmcta2V5ZnJhbWVzIHsKICAgICAgMCUgewogICAgICAgIHRyYW5zZm9ybTogIHJvdGF0ZSgwZGVnKTsKICAgICAgfQoKICAgICAgMzMlIHsKICAgICAgICB0cmFuc2Zvcm06ICByb3RhdGUoMTgwZGVnKTsKICAgICAgfQoKICAgICAgNTAlIHsKICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgxODBkZWcpOwogICAgICB9CgogICAgICA4MyUgewogICAgICAgIHRyYW5zZm9ybTogIHJvdGF0ZSgzNjBkZWcpOwogICAgICB9CgogICAgICAxMDAlIHsKICAgICAgICB0cmFuc2Zvcm06ICByb3RhdGUoMzYwZGVnKQogICAgICB9CiAgICB9CiAgPC9zdHlsZT4KICA8cGF0aAogICAgbWFzaz0idXJsKCNzcGlubmVyLXUtbWFza3MpIgogICAgZmlsbD0iIzAwNzllMSIKICAgIGQ9Ik0zMTggMTg2LjlWMTA4LjhMMjAwIDU3IDgyIDEwOC44djc4LjFDODIgMjU5IDEzMi4zIDMyNi40IDIwMCAzNDNjNjcuNy0xNi42IDExOC04NCAxMTgtMTU2LjF6TTQwMCAyMDBjMCAxMTAuNS04OS41IDIwMC0yMDAgMjAwUzAgMzEwLjUgMCAyMDAgODkuNSAwIDIwMCAwczIwMCA4OS41IDIwMCAyMDB6IgogIC8+CiAgPG1hc2sgaWQ9InNwaW5uZXItdS1tYXNrcyI+CiAgICA8cGF0aAogICAgICBjbGFzcz0ic3Bpbm5pbmciCiAgICAgIGQ9Ik0wLDIwMEMwLDg5LjU0MzA1LDg5LjU0MzA1LDAsMjAwLDB2NDAwQzg5LjU0MzA1LDQwMCwwLDMxMC40NTY5NSwwLDIwMFoiCiAgICAgIGZpbGw9IiNmZmYiCiAgICAvPgogIDwvbWFzaz4KICA8cGF0aAogICAgbWFzaz0idXJsKCNzcGlubmVyLXUtbWFza3MyKSIKICAgIGZpbGw9IiMwMDc5ZTEiCiAgICBkPSJNODIsMTg2LjkzOXYtNzguMDg5TDIwMCw1N2wxMTgsNTEuODV2NzguMDg5QzMxOCwyNTkuMDAyLDI2Ny42ODYsMzI2LjQwMiwyMDAsMzQzQzEzMi4zMTQsMzI2LjQwMiw4MiwyNTkuMDAyLDgyLDE4Ni45MzlaIgogIC8+CiAgPG1hc2sgaWQ9InNwaW5uZXItdS1tYXNrczIiPgogICAgPHBhdGgKICAgICAgY2xhc3M9InNwaW5uaW5nIgogICAgICBkPSJNNDAwIDIwMEM0MDAgMzEwLjUgMzEwLjUgNDAwIDIwMCA0MDBWMGMxMTAuNSAwIDIwMCA4OS41IDIwMCAyMDB6IgogICAgICBmaWxsPSIjZmZmIgogICAgLz4KICA8L21hc2s+Cjwvc3ZnPg==';
+
+var spinnerHardenize = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNDAwIDQwMCIgc2hhcGUtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iIHRleHQtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iPgogIDxzdHlsZT4KICAgIC5zcGlubmluZyB7CiAgICAgIGFuaW1hdGlvbjogc3Bpbm5pbmcta2V5ZnJhbWVzIDMwMDBtcyBsaW5lYXIgaW5maW5pdGUgbm9ybWFsIGZvcndhcmRzOwogICAgICB0cmFuc2Zvcm0tb3JpZ2luOiBjZW50ZXI7CiAgICAgIGFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGN1YmljLWJlemllcigwLjQyLCAwLCAwLjU4LCAxKTsKICAgIH0KICAgIEBrZXlmcmFtZXMgc3Bpbm5pbmcta2V5ZnJhbWVzIHsKICAgICAgMCUgewogICAgICAgIHRyYW5zZm9ybTogIHJvdGF0ZSgwZGVnKTsKICAgICAgfQoKICAgICAgMzMlIHsKICAgICAgICB0cmFuc2Zvcm06ICByb3RhdGUoMTgwZGVnKTsKICAgICAgfQoKICAgICAgNTAlIHsKICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgxODBkZWcpOwogICAgICB9CgogICAgICA4MyUgewogICAgICAgIHRyYW5zZm9ybTogIHJvdGF0ZSgzNjBkZWcpOwogICAgICB9CgogICAgICAxMDAlIHsKICAgICAgICB0cmFuc2Zvcm06ICByb3RhdGUoMzYwZGVnKQogICAgICB9CiAgICB9CiAgPC9zdHlsZT4KICA8cGF0aAogICAgbWFzaz0idXJsKCNzcGlubmVyLXUtbWFza3MpIgogICAgZmlsbD0iIzBmN2FiMyIKICAgIGQ9Ik0zMTggMTg2LjlWMTA4LjhMMjAwIDU3IDgyIDEwOC44djc4LjFDODIgMjU5IDEzMi4zIDMyNi40IDIwMCAzNDNjNjcuNy0xNi42IDExOC04NCAxMTgtMTU2LjF6TTQwMCAyMDBjMCAxMTAuNS04OS41IDIwMC0yMDAgMjAwUzAgMzEwLjUgMCAyMDAgODkuNSAwIDIwMCAwczIwMCA4OS41IDIwMCAyMDB6IgogIC8+CiAgPG1hc2sgaWQ9InNwaW5uZXItdS1tYXNrcyI+CiAgICA8cGF0aAogICAgICBjbGFzcz0ic3Bpbm5pbmciCiAgICAgIGQ9Ik0wLDIwMEMwLDg5LjU0MzA1LDg5LjU0MzA1LDAsMjAwLDB2NDAwQzg5LjU0MzA1LDQwMCwwLDMxMC40NTY5NSwwLDIwMFoiCiAgICAgIGZpbGw9IiNmZmYiCiAgICAvPgogIDwvbWFzaz4KICA8cGF0aAogICAgbWFzaz0idXJsKCNzcGlubmVyLXUtbWFza3MyKSIKICAgIGZpbGw9IiMwZjdhYjMiCiAgICBkPSJNODIsMTg2LjkzOXYtNzguMDg5TDIwMCw1N2wxMTgsNTEuODV2NzguMDg5QzMxOCwyNTkuMDAyLDI2Ny42ODYsMzI2LjQwMiwyMDAsMzQzQzEzMi4zMTQsMzI2LjQwMiw4MiwyNTkuMDAyLDgyLDE4Ni45MzlaIgogIC8+CiAgPG1hc2sgaWQ9InNwaW5uZXItdS1tYXNrczIiPgogICAgPHBhdGgKICAgICAgY2xhc3M9InNwaW5uaW5nIgogICAgICBkPSJNNDAwIDIwMEM0MDAgMzEwLjUgMzEwLjUgNDAwIDIwMCA0MDBWMGMxMTAuNSAwIDIwMCA4OS41IDIwMCAyMDB6IgogICAgICBmaWxsPSIjZmZmIgogICAgLz4KICA8L21hc2s+Cjwvc3ZnPg==';
+
+var spinnerNoData = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNDAwIDQwMCIgc2hhcGUtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iIHRleHQtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iPgogIDxzdHlsZT4KICAgIC5zcGlubmluZyB7CiAgICAgIGFuaW1hdGlvbjogc3Bpbm5pbmcta2V5ZnJhbWVzIDMwMDBtcyBsaW5lYXIgaW5maW5pdGUgbm9ybWFsIGZvcndhcmRzOwogICAgICB0cmFuc2Zvcm0tb3JpZ2luOiBjZW50ZXI7CiAgICAgIGFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGN1YmljLWJlemllcigwLjQyLCAwLCAwLjU4LCAxKTsKICAgIH0KICAgIEBrZXlmcmFtZXMgc3Bpbm5pbmcta2V5ZnJhbWVzIHsKICAgICAgMCUgewogICAgICAgIHRyYW5zZm9ybTogIHJvdGF0ZSgwZGVnKTsKICAgICAgfQoKICAgICAgMzMlIHsKICAgICAgICB0cmFuc2Zvcm06ICByb3RhdGUoMTgwZGVnKTsKICAgICAgfQoKICAgICAgNTAlIHsKICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgxODBkZWcpOwogICAgICB9CgogICAgICA4MyUgewogICAgICAgIHRyYW5zZm9ybTogIHJvdGF0ZSgzNjBkZWcpOwogICAgICB9CgogICAgICAxMDAlIHsKICAgICAgICB0cmFuc2Zvcm06ICByb3RhdGUoMzYwZGVnKQogICAgICB9CiAgICB9CiAgPC9zdHlsZT4KICA8cGF0aAogICAgbWFzaz0idXJsKCNzcGlubmVyLXUtbWFza3MpIgogICAgZmlsbD0iI2JkYmRiZCIKICAgIGQ9Ik0zMTggMTg2LjlWMTA4LjhMMjAwIDU3IDgyIDEwOC44djc4LjFDODIgMjU5IDEzMi4zIDMyNi40IDIwMCAzNDNjNjcuNy0xNi42IDExOC04NCAxMTgtMTU2LjF6TTQwMCAyMDBjMCAxMTAuNS04OS41IDIwMC0yMDAgMjAwUzAgMzEwLjUgMCAyMDAgODkuNSAwIDIwMCAwczIwMCA4OS41IDIwMCAyMDB6IgogIC8+CiAgPG1hc2sgaWQ9InNwaW5uZXItdS1tYXNrcyI+CiAgICA8cGF0aAogICAgICBjbGFzcz0ic3Bpbm5pbmciCiAgICAgIGQ9Ik0wLDIwMEMwLDg5LjU0MzA1LDg5LjU0MzA1LDAsMjAwLDB2NDAwQzg5LjU0MzA1LDQwMCwwLDMxMC40NTY5NSwwLDIwMFoiCiAgICAgIGZpbGw9IiNmZmYiCiAgICAvPgogIDwvbWFzaz4KICA8cGF0aAogICAgbWFzaz0idXJsKCNzcGlubmVyLXUtbWFza3MyKSIKICAgIGZpbGw9IiNiZGJkYmQiCiAgICBkPSJNODIsMTg2LjkzOXYtNzguMDg5TDIwMCw1N2wxMTgsNTEuODV2NzguMDg5QzMxOCwyNTkuMDAyLDI2Ny42ODYsMzI2LjQwMiwyMDAsMzQzQzEzMi4zMTQsMzI2LjQwMiw4MiwyNTkuMDAyLDgyLDE4Ni45MzlaIgogIC8+CiAgPG1hc2sgaWQ9InNwaW5uZXItdS1tYXNrczIiPgogICAgPHBhdGgKICAgICAgY2xhc3M9InNwaW5uaW5nIgogICAgICBkPSJNNDAwIDIwMEM0MDAgMzEwLjUgMzEwLjUgNDAwIDIwMCA0MDBWMGMxMTAuNSAwIDIwMCA4OS41IDIwMCAyMDB6IgogICAgICBmaWxsPSIjZmZmIgogICAgLz4KICA8L21hc2s+Cjwvc3ZnPg==';
+
+var spinnerOndmarc = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNDAwIDQwMCIgc2hhcGUtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iIHRleHQtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iPgogIDxzdHlsZT4KICAgIC5zcGlubmluZyB7CiAgICAgIGFuaW1hdGlvbjogc3Bpbm5pbmcta2V5ZnJhbWVzIDMwMDBtcyBsaW5lYXIgaW5maW5pdGUgbm9ybWFsIGZvcndhcmRzOwogICAgICB0cmFuc2Zvcm0tb3JpZ2luOiBjZW50ZXI7CiAgICAgIGFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGN1YmljLWJlemllcigwLjQyLCAwLCAwLjU4LCAxKTsKICAgIH0KICAgIEBrZXlmcmFtZXMgc3Bpbm5pbmcta2V5ZnJhbWVzIHsKICAgICAgMCUgewogICAgICAgIHRyYW5zZm9ybTogIHJvdGF0ZSgwZGVnKTsKICAgICAgfQoKICAgICAgMzMlIHsKICAgICAgICB0cmFuc2Zvcm06ICByb3RhdGUoMTgwZGVnKTsKICAgICAgfQoKICAgICAgNTAlIHsKICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgxODBkZWcpOwogICAgICB9CgogICAgICA4MyUgewogICAgICAgIHRyYW5zZm9ybTogIHJvdGF0ZSgzNjBkZWcpOwogICAgICB9CgogICAgICAxMDAlIHsKICAgICAgICB0cmFuc2Zvcm06ICByb3RhdGUoMzYwZGVnKQogICAgICB9CiAgICB9CiAgPC9zdHlsZT4KICA8cGF0aAogICAgbWFzaz0idXJsKCNzcGlubmVyLXUtbWFza3MpIgogICAgZmlsbD0iIzAyYWM2MSIKICAgIGQ9Ik0zMTggMTg2LjlWMTA4LjhMMjAwIDU3IDgyIDEwOC44djc4LjFDODIgMjU5IDEzMi4zIDMyNi40IDIwMCAzNDNjNjcuNy0xNi42IDExOC04NCAxMTgtMTU2LjF6TTQwMCAyMDBjMCAxMTAuNS04OS41IDIwMC0yMDAgMjAwUzAgMzEwLjUgMCAyMDAgODkuNSAwIDIwMCAwczIwMCA4OS41IDIwMCAyMDB6IgogIC8+CiAgPG1hc2sgaWQ9InNwaW5uZXItdS1tYXNrcyI+CiAgICA8cGF0aAogICAgICBjbGFzcz0ic3Bpbm5pbmciCiAgICAgIGQ9Ik0wLDIwMEMwLDg5LjU0MzA1LDg5LjU0MzA1LDAsMjAwLDB2NDAwQzg5LjU0MzA1LDQwMCwwLDMxMC40NTY5NSwwLDIwMFoiCiAgICAgIGZpbGw9IiNmZmYiCiAgICAvPgogIDwvbWFzaz4KICA8cGF0aAogICAgbWFzaz0idXJsKCNzcGlubmVyLXUtbWFza3MyKSIKICAgIGZpbGw9IiMwMmFjNjEiCiAgICBkPSJNODIsMTg2LjkzOXYtNzguMDg5TDIwMCw1N2wxMTgsNTEuODV2NzguMDg5QzMxOCwyNTkuMDAyLDI2Ny42ODYsMzI2LjQwMiwyMDAsMzQzQzEzMi4zMTQsMzI2LjQwMiw4MiwyNTkuMDAyLDgyLDE4Ni45MzlaIgogIC8+CiAgPG1hc2sgaWQ9InNwaW5uZXItdS1tYXNrczIiPgogICAgPHBhdGgKICAgICAgY2xhc3M9InNwaW5uaW5nIgogICAgICBkPSJNNDAwIDIwMEM0MDAgMzEwLjUgMzEwLjUgNDAwIDIwMCA0MDBWMGMxMTAuNSAwIDIwMCA4OS41IDIwMCAyMDB6IgogICAgICBmaWxsPSIjZmZmIgogICAgLz4KICA8L21hc2s+Cjwvc3ZnPg==';
+
+var spinnerOndomain = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNDAwIDQwMCIgc2hhcGUtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iIHRleHQtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iPgogIDxzdHlsZT4KICAgIC5zcGlubmluZyB7CiAgICAgIGFuaW1hdGlvbjogc3Bpbm5pbmcta2V5ZnJhbWVzIDMwMDBtcyBsaW5lYXIgaW5maW5pdGUgbm9ybWFsIGZvcndhcmRzOwogICAgICB0cmFuc2Zvcm0tb3JpZ2luOiBjZW50ZXI7CiAgICAgIGFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGN1YmljLWJlemllcigwLjQyLCAwLCAwLjU4LCAxKTsKICAgIH0KICAgIEBrZXlmcmFtZXMgc3Bpbm5pbmcta2V5ZnJhbWVzIHsKICAgICAgMCUgewogICAgICAgIHRyYW5zZm9ybTogIHJvdGF0ZSgwZGVnKTsKICAgICAgfQoKICAgICAgMzMlIHsKICAgICAgICB0cmFuc2Zvcm06ICByb3RhdGUoMTgwZGVnKTsKICAgICAgfQoKICAgICAgNTAlIHsKICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgxODBkZWcpOwogICAgICB9CgogICAgICA4MyUgewogICAgICAgIHRyYW5zZm9ybTogIHJvdGF0ZSgzNjBkZWcpOwogICAgICB9CgogICAgICAxMDAlIHsKICAgICAgICB0cmFuc2Zvcm06ICByb3RhdGUoMzYwZGVnKQogICAgICB9CiAgICB9CiAgPC9zdHlsZT4KICA8cGF0aAogICAgbWFzaz0idXJsKCNzcGlubmVyLXUtbWFza3MpIgogICAgZmlsbD0iIzAyODA2MiIKICAgIGQ9Ik0zMTggMTg2LjlWMTA4LjhMMjAwIDU3IDgyIDEwOC44djc4LjFDODIgMjU5IDEzMi4zIDMyNi40IDIwMCAzNDNjNjcuNy0xNi42IDExOC04NCAxMTgtMTU2LjF6TTQwMCAyMDBjMCAxMTAuNS04OS41IDIwMC0yMDAgMjAwUzAgMzEwLjUgMCAyMDAgODkuNSAwIDIwMCAwczIwMCA4OS41IDIwMCAyMDB6IgogIC8+CiAgPG1hc2sgaWQ9InNwaW5uZXItdS1tYXNrcyI+CiAgICA8cGF0aAogICAgICBjbGFzcz0ic3Bpbm5pbmciCiAgICAgIGQ9Ik0wLDIwMEMwLDg5LjU0MzA1LDg5LjU0MzA1LDAsMjAwLDB2NDAwQzg5LjU0MzA1LDQwMCwwLDMxMC40NTY5NSwwLDIwMFoiCiAgICAgIGZpbGw9IiNmZmYiCiAgICAvPgogIDwvbWFzaz4KICA8cGF0aAogICAgbWFzaz0idXJsKCNzcGlubmVyLXUtbWFza3MyKSIKICAgIGZpbGw9IiMwMjgwNjIiCiAgICBkPSJNODIsMTg2LjkzOXYtNzguMDg5TDIwMCw1N2wxMTgsNTEuODV2NzguMDg5QzMxOCwyNTkuMDAyLDI2Ny42ODYsMzI2LjQwMiwyMDAsMzQzQzEzMi4zMTQsMzI2LjQwMiw4MiwyNTkuMDAyLDgyLDE4Ni45MzlaIgogIC8+CiAgPG1hc2sgaWQ9InNwaW5uZXItdS1tYXNrczIiPgogICAgPHBhdGgKICAgICAgY2xhc3M9InNwaW5uaW5nIgogICAgICBkPSJNNDAwIDIwMEM0MDAgMzEwLjUgMzEwLjUgNDAwIDIwMCA0MDBWMGMxMTAuNSAwIDIwMCA4OS41IDIwMCAyMDB6IgogICAgICBmaWxsPSIjZmZmIgogICAgLz4KICA8L21hc2s+Cjwvc3ZnPg==';
+
+var spinnerOninbox = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNDAwIDQwMCIgc2hhcGUtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iIHRleHQtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iPgogIDxzdHlsZT4KICAgIC5zcGlubmluZyB7CiAgICAgIGFuaW1hdGlvbjogc3Bpbm5pbmcta2V5ZnJhbWVzIDMwMDBtcyBsaW5lYXIgaW5maW5pdGUgbm9ybWFsIGZvcndhcmRzOwogICAgICB0cmFuc2Zvcm0tb3JpZ2luOiBjZW50ZXI7CiAgICAgIGFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGN1YmljLWJlemllcigwLjQyLCAwLCAwLjU4LCAxKTsKICAgIH0KICAgIEBrZXlmcmFtZXMgc3Bpbm5pbmcta2V5ZnJhbWVzIHsKICAgICAgMCUgewogICAgICAgIHRyYW5zZm9ybTogIHJvdGF0ZSgwZGVnKTsKICAgICAgfQoKICAgICAgMzMlIHsKICAgICAgICB0cmFuc2Zvcm06ICByb3RhdGUoMTgwZGVnKTsKICAgICAgfQoKICAgICAgNTAlIHsKICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgxODBkZWcpOwogICAgICB9CgogICAgICA4MyUgewogICAgICAgIHRyYW5zZm9ybTogIHJvdGF0ZSgzNjBkZWcpOwogICAgICB9CgogICAgICAxMDAlIHsKICAgICAgICB0cmFuc2Zvcm06ICByb3RhdGUoMzYwZGVnKQogICAgICB9CiAgICB9CiAgPC9zdHlsZT4KICA8cGF0aAogICAgbWFzaz0idXJsKCNzcGlubmVyLXUtbWFza3MpIgogICAgZmlsbD0iIzMzYjIyMiIKICAgIGQ9Ik0zMTggMTg2LjlWMTA4LjhMMjAwIDU3IDgyIDEwOC44djc4LjFDODIgMjU5IDEzMi4zIDMyNi40IDIwMCAzNDNjNjcuNy0xNi42IDExOC04NCAxMTgtMTU2LjF6TTQwMCAyMDBjMCAxMTAuNS04OS41IDIwMC0yMDAgMjAwUzAgMzEwLjUgMCAyMDAgODkuNSAwIDIwMCAwczIwMCA4OS41IDIwMCAyMDB6IgogIC8+CiAgPG1hc2sgaWQ9InNwaW5uZXItdS1tYXNrcyI+CiAgICA8cGF0aAogICAgICBjbGFzcz0ic3Bpbm5pbmciCiAgICAgIGQ9Ik0wLDIwMEMwLDg5LjU0MzA1LDg5LjU0MzA1LDAsMjAwLDB2NDAwQzg5LjU0MzA1LDQwMCwwLDMxMC40NTY5NSwwLDIwMFoiCiAgICAgIGZpbGw9IiNmZmYiCiAgICAvPgogIDwvbWFzaz4KICA8cGF0aAogICAgbWFzaz0idXJsKCNzcGlubmVyLXUtbWFza3MyKSIKICAgIGZpbGw9IiMzM2IyMjIiCiAgICBkPSJNODIsMTg2LjkzOXYtNzguMDg5TDIwMCw1N2wxMTgsNTEuODV2NzguMDg5QzMxOCwyNTkuMDAyLDI2Ny42ODYsMzI2LjQwMiwyMDAsMzQzQzEzMi4zMTQsMzI2LjQwMiw4MiwyNTkuMDAyLDgyLDE4Ni45MzlaIgogIC8+CiAgPG1hc2sgaWQ9InNwaW5uZXItdS1tYXNrczIiPgogICAgPHBhdGgKICAgICAgY2xhc3M9InNwaW5uaW5nIgogICAgICBkPSJNNDAwIDIwMEM0MDAgMzEwLjUgMzEwLjUgNDAwIDIwMCA0MDBWMGMxMTAuNSAwIDIwMCA4OS41IDIwMCAyMDB6IgogICAgICBmaWxsPSIjZmZmIgogICAgLz4KICA8L21hc2s+Cjwvc3ZnPg==';
+
+var spinnerQuestion = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNDAwIDQwMCIgc2hhcGUtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iIHRleHQtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iPgogIDxzdHlsZT4KICAgIC5zcGlubmluZyB7CiAgICAgIGFuaW1hdGlvbjogc3Bpbm5pbmcta2V5ZnJhbWVzIDMwMDBtcyBsaW5lYXIgaW5maW5pdGUgbm9ybWFsIGZvcndhcmRzOwogICAgICB0cmFuc2Zvcm0tb3JpZ2luOiBjZW50ZXI7CiAgICAgIGFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGN1YmljLWJlemllcigwLjQyLCAwLCAwLjU4LCAxKTsKICAgIH0KICAgIEBrZXlmcmFtZXMgc3Bpbm5pbmcta2V5ZnJhbWVzIHsKICAgICAgMCUgewogICAgICAgIHRyYW5zZm9ybTogIHJvdGF0ZSgwZGVnKTsKICAgICAgfQoKICAgICAgMzMlIHsKICAgICAgICB0cmFuc2Zvcm06ICByb3RhdGUoMTgwZGVnKTsKICAgICAgfQoKICAgICAgNTAlIHsKICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgxODBkZWcpOwogICAgICB9CgogICAgICA4MyUgewogICAgICAgIHRyYW5zZm9ybTogIHJvdGF0ZSgzNjBkZWcpOwogICAgICB9CgogICAgICAxMDAlIHsKICAgICAgICB0cmFuc2Zvcm06ICByb3RhdGUoMzYwZGVnKQogICAgICB9CiAgICB9CiAgPC9zdHlsZT4KICA8cGF0aAogICAgbWFzaz0idXJsKCNzcGlubmVyLXUtbWFza3MpIgogICAgZmlsbD0iIzY2NjY2NiIKICAgIGQ9Ik0zMTggMTg2LjlWMTA4LjhMMjAwIDU3IDgyIDEwOC44djc4LjFDODIgMjU5IDEzMi4zIDMyNi40IDIwMCAzNDNjNjcuNy0xNi42IDExOC04NCAxMTgtMTU2LjF6TTQwMCAyMDBjMCAxMTAuNS04OS41IDIwMC0yMDAgMjAwUzAgMzEwLjUgMCAyMDAgODkuNSAwIDIwMCAwczIwMCA4OS41IDIwMCAyMDB6IgogIC8+CiAgPG1hc2sgaWQ9InNwaW5uZXItdS1tYXNrcyI+CiAgICA8cGF0aAogICAgICBjbGFzcz0ic3Bpbm5pbmciCiAgICAgIGQ9Ik0wLDIwMEMwLDg5LjU0MzA1LDg5LjU0MzA1LDAsMjAwLDB2NDAwQzg5LjU0MzA1LDQwMCwwLDMxMC40NTY5NSwwLDIwMFoiCiAgICAgIGZpbGw9IiNmZmYiCiAgICAvPgogIDwvbWFzaz4KICA8cGF0aAogICAgbWFzaz0idXJsKCNzcGlubmVyLXUtbWFza3MyKSIKICAgIGZpbGw9IiM2NjY2NjYiCiAgICBkPSJNODIsMTg2LjkzOXYtNzguMDg5TDIwMCw1N2wxMTgsNTEuODV2NzguMDg5QzMxOCwyNTkuMDAyLDI2Ny42ODYsMzI2LjQwMiwyMDAsMzQzQzEzMi4zMTQsMzI2LjQwMiw4MiwyNTkuMDAyLDgyLDE4Ni45MzlaIgogIC8+CiAgPG1hc2sgaWQ9InNwaW5uZXItdS1tYXNrczIiPgogICAgPHBhdGgKICAgICAgY2xhc3M9InNwaW5uaW5nIgogICAgICBkPSJNNDAwIDIwMEM0MDAgMzEwLjUgMzEwLjUgNDAwIDIwMCA0MDBWMGMxMTAuNSAwIDIwMCA4OS41IDIwMCAyMDB6IgogICAgICBmaWxsPSIjZmZmIgogICAgLz4KICA8L21hc2s+Cjwvc3ZnPg==';
+
+var spinnerTools = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNDAwIDQwMCIgc2hhcGUtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iIHRleHQtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iPgogIDxzdHlsZT4KICAgIC5zcGlubmluZyB7CiAgICAgIGFuaW1hdGlvbjogc3Bpbm5pbmcta2V5ZnJhbWVzIDMwMDBtcyBsaW5lYXIgaW5maW5pdGUgbm9ybWFsIGZvcndhcmRzOwogICAgICB0cmFuc2Zvcm0tb3JpZ2luOiBjZW50ZXI7CiAgICAgIGFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGN1YmljLWJlemllcigwLjQyLCAwLCAwLjU4LCAxKTsKICAgIH0KICAgIEBrZXlmcmFtZXMgc3Bpbm5pbmcta2V5ZnJhbWVzIHsKICAgICAgMCUgewogICAgICAgIHRyYW5zZm9ybTogIHJvdGF0ZSgwZGVnKTsKICAgICAgfQoKICAgICAgMzMlIHsKICAgICAgICB0cmFuc2Zvcm06ICByb3RhdGUoMTgwZGVnKTsKICAgICAgfQoKICAgICAgNTAlIHsKICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgxODBkZWcpOwogICAgICB9CgogICAgICA4MyUgewogICAgICAgIHRyYW5zZm9ybTogIHJvdGF0ZSgzNjBkZWcpOwogICAgICB9CgogICAgICAxMDAlIHsKICAgICAgICB0cmFuc2Zvcm06ICByb3RhdGUoMzYwZGVnKQogICAgICB9CiAgICB9CiAgPC9zdHlsZT4KICA8cGF0aAogICAgbWFzaz0idXJsKCNzcGlubmVyLXUtbWFza3MpIgogICAgZmlsbD0iIzM3YmRmYiIKICAgIGQ9Ik0zMTggMTg2LjlWMTA4LjhMMjAwIDU3IDgyIDEwOC44djc4LjFDODIgMjU5IDEzMi4zIDMyNi40IDIwMCAzNDNjNjcuNy0xNi42IDExOC04NCAxMTgtMTU2LjF6TTQwMCAyMDBjMCAxMTAuNS04OS41IDIwMC0yMDAgMjAwUzAgMzEwLjUgMCAyMDAgODkuNSAwIDIwMCAwczIwMCA4OS41IDIwMCAyMDB6IgogIC8+CiAgPG1hc2sgaWQ9InNwaW5uZXItdS1tYXNrcyI+CiAgICA8cGF0aAogICAgICBjbGFzcz0ic3Bpbm5pbmciCiAgICAgIGQ9Ik0wLDIwMEMwLDg5LjU0MzA1LDg5LjU0MzA1LDAsMjAwLDB2NDAwQzg5LjU0MzA1LDQwMCwwLDMxMC40NTY5NSwwLDIwMFoiCiAgICAgIGZpbGw9IiNmZmYiCiAgICAvPgogIDwvbWFzaz4KICA8cGF0aAogICAgbWFzaz0idXJsKCNzcGlubmVyLXUtbWFza3MyKSIKICAgIGZpbGw9IiMzN2JkZmIiCiAgICBkPSJNODIsMTg2LjkzOXYtNzguMDg5TDIwMCw1N2wxMTgsNTEuODV2NzguMDg5QzMxOCwyNTkuMDAyLDI2Ny42ODYsMzI2LjQwMiwyMDAsMzQzQzEzMi4zMTQsMzI2LjQwMiw4MiwyNTkuMDAyLDgyLDE4Ni45MzlaIgogIC8+CiAgPG1hc2sgaWQ9InNwaW5uZXItdS1tYXNrczIiPgogICAgPHBhdGgKICAgICAgY2xhc3M9InNwaW5uaW5nIgogICAgICBkPSJNNDAwIDIwMEM0MDAgMzEwLjUgMzEwLjUgNDAwIDIwMCA0MDBWMGMxMTAuNSAwIDIwMCA4OS41IDIwMCAyMDB6IgogICAgICBmaWxsPSIjZmZmIgogICAgLz4KICA8L21hc2s+Cjwvc3ZnPg==';
+
+var spinnerWebsite = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNDAwIDQwMCIgc2hhcGUtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iIHRleHQtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iPgogIDxzdHlsZT4KICAgIC5zcGlubmluZyB7CiAgICAgIGFuaW1hdGlvbjogc3Bpbm5pbmcta2V5ZnJhbWVzIDMwMDBtcyBsaW5lYXIgaW5maW5pdGUgbm9ybWFsIGZvcndhcmRzOwogICAgICB0cmFuc2Zvcm0tb3JpZ2luOiBjZW50ZXI7CiAgICAgIGFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGN1YmljLWJlemllcigwLjQyLCAwLCAwLjU4LCAxKTsKICAgIH0KICAgIEBrZXlmcmFtZXMgc3Bpbm5pbmcta2V5ZnJhbWVzIHsKICAgICAgMCUgewogICAgICAgIHRyYW5zZm9ybTogIHJvdGF0ZSgwZGVnKTsKICAgICAgfQoKICAgICAgMzMlIHsKICAgICAgICB0cmFuc2Zvcm06ICByb3RhdGUoMTgwZGVnKTsKICAgICAgfQoKICAgICAgNTAlIHsKICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgxODBkZWcpOwogICAgICB9CgogICAgICA4MyUgewogICAgICAgIHRyYW5zZm9ybTogIHJvdGF0ZSgzNjBkZWcpOwogICAgICB9CgogICAgICAxMDAlIHsKICAgICAgICB0cmFuc2Zvcm06ICByb3RhdGUoMzYwZGVnKQogICAgICB9CiAgICB9CiAgPC9zdHlsZT4KICA8cGF0aAogICAgbWFzaz0idXJsKCNzcGlubmVyLXUtbWFza3MpIgogICAgZmlsbD0iIzAwNzllMSIKICAgIGQ9Ik0zMTggMTg2LjlWMTA4LjhMMjAwIDU3IDgyIDEwOC44djc4LjFDODIgMjU5IDEzMi4zIDMyNi40IDIwMCAzNDNjNjcuNy0xNi42IDExOC04NCAxMTgtMTU2LjF6TTQwMCAyMDBjMCAxMTAuNS04OS41IDIwMC0yMDAgMjAwUzAgMzEwLjUgMCAyMDAgODkuNSAwIDIwMCAwczIwMCA4OS41IDIwMCAyMDB6IgogIC8+CiAgPG1hc2sgaWQ9InNwaW5uZXItdS1tYXNrcyI+CiAgICA8cGF0aAogICAgICBjbGFzcz0ic3Bpbm5pbmciCiAgICAgIGQ9Ik0wLDIwMEMwLDg5LjU0MzA1LDg5LjU0MzA1LDAsMjAwLDB2NDAwQzg5LjU0MzA1LDQwMCwwLDMxMC40NTY5NSwwLDIwMFoiCiAgICAgIGZpbGw9IiNmZmYiCiAgICAvPgogIDwvbWFzaz4KICA8cGF0aAogICAgbWFzaz0idXJsKCNzcGlubmVyLXUtbWFza3MyKSIKICAgIGZpbGw9IiMwMDc5ZTEiCiAgICBkPSJNODIsMTg2LjkzOXYtNzguMDg5TDIwMCw1N2wxMTgsNTEuODV2NzguMDg5QzMxOCwyNTkuMDAyLDI2Ny42ODYsMzI2LjQwMiwyMDAsMzQzQzEzMi4zMTQsMzI2LjQwMiw4MiwyNTkuMDAyLDgyLDE4Ni45MzlaIgogIC8+CiAgPG1hc2sgaWQ9InNwaW5uZXItdS1tYXNrczIiPgogICAgPHBhdGgKICAgICAgY2xhc3M9InNwaW5uaW5nIgogICAgICBkPSJNNDAwIDIwMEM0MDAgMzEwLjUgMzEwLjUgNDAwIDIwMCA0MDBWMGMxMTAuNSAwIDIwMCA4OS41IDIwMCAyMDB6IgogICAgICBmaWxsPSIjZmZmIgogICAgLz4KICA8L21hc2s+Cjwvc3ZnPg==';
+
+const _excluded$a = ["aria-hidden", "aria-label", "className", "color", "size"];
+const colorToFile = {
+  default: spinnerDefault,
+  hardenize: spinnerHardenize,
+  'no-data': spinnerNoData,
+  ondmarc: spinnerOndmarc,
+  ondomain: spinnerOndomain,
+  oninbox: spinnerOninbox,
+  question: spinnerQuestion,
+  tools: spinnerTools,
+  website: spinnerWebsite
+};
+const COMPONENT_NAME$h = 'Spinner';
+const CLASSNAME$h = 'redsift-shield';
+const DEFAULT_PROPS$h = {
+  color: ColorPalette.default,
+  size: SpinnerSize.medium
+};
+const sizeToDimension = size => {
+  switch (size) {
+    case SpinnerSize.xsmall:
+      return {
+        width: 15,
+        height: 15
+      };
+    case SpinnerSize.small:
+      return {
+        width: 24,
+        height: 24
+      };
+    case SpinnerSize.large:
+      return {
+        width: 56,
+        height: 56
+      };
+    case SpinnerSize.medium:
+    default:
+      return {
+        width: 40,
+        height: 40
+      };
+  }
+};
+
+/**
+ * The Spinner component.
+ */
+const Spinner = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+      'aria-hidden': ariaHidden,
+      'aria-label': ariaLabel,
+      className,
+      color: propsColor,
+      size
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded$a);
+  const {
+    width,
+    height
+  } = sizeToDimension(size);
+  const appContainerState = useContext(AppContainerContext);
+  const color = propsColor === ColorPalette.default && appContainerState && appContainerState.productTheme ? appContainerState.productTheme : propsColor;
+  const stringFormatter = $fca6afa0e843324b$export$f12b703ca79dfbb1(intlMessages$1);
+  return /*#__PURE__*/React.createElement(StyledSpinner, _extends({
+    alt: stringFormatter.format('loading')
+  }, forwardedProps, {
+    "aria-hidden": ariaLabel ? ariaHidden ? ariaHidden : undefined : true,
+    "aria-label": ariaLabel,
+    className: classNames(Spinner.className, className),
+    height: height,
+    ref: ref,
+    src: colorToFile[color],
+    width: width,
+    $color: color,
+    $size: size
+  }));
+});
+Spinner.className = CLASSNAME$h;
+Spinner.defaultProps = DEFAULT_PROPS$h;
+Spinner.displayName = COMPONENT_NAME$h;
+
 /**
  * Component style.
  */
@@ -1067,10 +1202,10 @@ const StyledIconButton = styled(StyledButton)`
 }};
 `;
 
-const _excluded$5 = ["className", "color", "disabled", "icon", "isActive", "isDisabled", "onPress", "variant"];
-const COMPONENT_NAME$d = 'IconButton';
-const CLASSNAME$d = 'redsift-icon-button';
-const DEFAULT_PROPS$d = {
+const _excluded$9 = ["className", "color", "disabled", "icon", "isActive", "isDisabled", "onPress", "variant"];
+const COMPONENT_NAME$g = 'IconButton';
+const CLASSNAME$g = 'redsift-icon-button';
+const DEFAULT_PROPS$g = {
   color: ColorPalette.default,
   height: 'fit-content',
   variant: IconButtonVariant.unstyled
@@ -1102,7 +1237,7 @@ const IconButton = /*#__PURE__*/forwardRef((props, ref) => {
       onPress,
       variant
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$5);
+    forwardedProps = _objectWithoutProperties(props, _excluded$9);
   warnIfNoAccessibleLabelFound(props);
   return /*#__PURE__*/React.createElement(StyledIconButton, _extends({}, forwardedProps, buttonProps, {
     $color: isDisabled || disabled ? undefined : color,
@@ -1118,9 +1253,9 @@ const IconButton = /*#__PURE__*/forwardRef((props, ref) => {
     color: isDisabled || disabled ? undefined : color
   }));
 });
-IconButton.className = CLASSNAME$d;
-IconButton.defaultProps = DEFAULT_PROPS$d;
-IconButton.displayName = COMPONENT_NAME$d;
+IconButton.className = CLASSNAME$g;
+IconButton.defaultProps = DEFAULT_PROPS$g;
+IconButton.displayName = COMPONENT_NAME$g;
 
 /**
  * Component style.
@@ -1207,10 +1342,10 @@ const StyledDialogContentActions = styled.div`
   }
 `;
 
-const _excluded$4 = ["children", "className"];
-const COMPONENT_NAME$c = 'DialogContentActions';
-const CLASSNAME$c = 'redsift-dialog-content-actions';
-const DEFAULT_PROPS$c = {
+const _excluded$8 = ["children", "className"];
+const COMPONENT_NAME$f = 'DialogContentActions';
+const CLASSNAME$f = 'redsift-dialog-content-actions';
+const DEFAULT_PROPS$f = {
   flexDirection: 'row'
 };
 
@@ -1222,7 +1357,7 @@ const DialogContentActions = /*#__PURE__*/forwardRef((props, ref) => {
       children,
       className
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$4);
+    forwardedProps = _objectWithoutProperties(props, _excluded$8);
   const {
     actionsRef,
     initialFocus
@@ -1233,9 +1368,9 @@ const DialogContentActions = /*#__PURE__*/forwardRef((props, ref) => {
     tabIndex: initialFocus === 'actions' ? -1 : undefined
   }), children);
 });
-DialogContentActions.className = CLASSNAME$c;
-DialogContentActions.defaultProps = DEFAULT_PROPS$c;
-DialogContentActions.displayName = COMPONENT_NAME$c;
+DialogContentActions.className = CLASSNAME$f;
+DialogContentActions.defaultProps = DEFAULT_PROPS$f;
+DialogContentActions.displayName = COMPONENT_NAME$f;
 
 /**
  * Component style.
@@ -1311,10 +1446,10 @@ const useBoundingClientRect = (ref, deps) => {
   return boundingRect;
 };
 
-const _excluded$3 = ["children", "className"];
-const COMPONENT_NAME$b = 'DialogContentBody';
-const CLASSNAME$b = 'redsift-dialog-content-body';
-const DEFAULT_PROPS$b = {};
+const _excluded$7 = ["children", "className"];
+const COMPONENT_NAME$e = 'DialogContentBody';
+const CLASSNAME$e = 'redsift-dialog-content-body';
+const DEFAULT_PROPS$e = {};
 
 /**
  * The DialogContentBody component.
@@ -1324,7 +1459,7 @@ const DialogContentBody = /*#__PURE__*/forwardRef((props, ref) => {
       children,
       className
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$3);
+    forwardedProps = _objectWithoutProperties(props, _excluded$7);
   const {
     actionsRef,
     bodyRef,
@@ -1348,9 +1483,9 @@ const DialogContentBody = /*#__PURE__*/forwardRef((props, ref) => {
     $marginBottom: (actionsHeight === 0 ? 0 : actionsHeight + 16) + 80
   }), children);
 });
-DialogContentBody.className = CLASSNAME$b;
-DialogContentBody.defaultProps = DEFAULT_PROPS$b;
-DialogContentBody.displayName = COMPONENT_NAME$b;
+DialogContentBody.className = CLASSNAME$e;
+DialogContentBody.defaultProps = DEFAULT_PROPS$e;
+DialogContentBody.displayName = COMPONENT_NAME$e;
 
 /**
  * Component style.
@@ -1423,10 +1558,10 @@ const StyledHeading = styled.span`
 }}
 `;
 
-const _excluded$2 = ["as", "children", "className", "noWrap", "variant"];
-const COMPONENT_NAME$a = 'Heading';
-const CLASSNAME$a = 'redsift-heading';
-const DEFAULT_PROPS$a = {};
+const _excluded$6 = ["as", "children", "className", "noWrap", "variant"];
+const COMPONENT_NAME$d = 'Heading';
+const CLASSNAME$d = 'redsift-heading';
+const DEFAULT_PROPS$d = {};
 
 /**
  * The Heading component.
@@ -1439,7 +1574,7 @@ const Heading = /*#__PURE__*/forwardRef((props, ref) => {
       noWrap,
       variant
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$2);
+    forwardedProps = _objectWithoutProperties(props, _excluded$6);
   return /*#__PURE__*/React.createElement(StyledHeading, _extends({
     as: as
   }, forwardedProps, {
@@ -1449,9 +1584,9 @@ const Heading = /*#__PURE__*/forwardRef((props, ref) => {
     $variant: variant ? variant : as === 'span' ? 'body' : as
   }), children);
 });
-Heading.className = CLASSNAME$a;
-Heading.defaultProps = DEFAULT_PROPS$a;
-Heading.displayName = COMPONENT_NAME$a;
+Heading.className = CLASSNAME$d;
+Heading.defaultProps = DEFAULT_PROPS$d;
+Heading.displayName = COMPONENT_NAME$d;
 
 /**
  * Component style.
@@ -1487,10 +1622,10 @@ const StyledDialogContentHeader = styled.div`
   }
 `;
 
-const _excluded$1 = ["children", "className", "header", "headingProps", "icon", "subheader"];
-const COMPONENT_NAME$9 = 'DialogContentHeader';
-const CLASSNAME$9 = 'redsift-dialog-content-header';
-const DEFAULT_PROPS$9 = {};
+const _excluded$5 = ["children", "className", "header", "headingProps", "icon", "subheader"];
+const COMPONENT_NAME$c = 'DialogContentHeader';
+const CLASSNAME$c = 'redsift-dialog-content-header';
+const DEFAULT_PROPS$c = {};
 
 /**
  * The DialogContentHeader component.
@@ -1504,7 +1639,7 @@ const DialogContentHeader = /*#__PURE__*/forwardRef((props, ref) => {
       icon,
       subheader
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$1);
+    forwardedProps = _objectWithoutProperties(props, _excluded$5);
   const {
     setLabelId,
     setDescriptionId,
@@ -1546,14 +1681,14 @@ const DialogContentHeader = /*#__PURE__*/forwardRef((props, ref) => {
     id: descriptionId
   }, children) : null);
 });
-DialogContentHeader.className = CLASSNAME$9;
-DialogContentHeader.defaultProps = DEFAULT_PROPS$9;
-DialogContentHeader.displayName = COMPONENT_NAME$9;
+DialogContentHeader.className = CLASSNAME$c;
+DialogContentHeader.defaultProps = DEFAULT_PROPS$c;
+DialogContentHeader.displayName = COMPONENT_NAME$c;
 
-const _excluded = ["children", "className"];
-const COMPONENT_NAME$8 = 'DialogContent';
-const CLASSNAME$8 = 'redsift-dialog-content';
-const DEFAULT_PROPS$8 = {};
+const _excluded$4 = ["children", "className"];
+const COMPONENT_NAME$b = 'DialogContent';
+const CLASSNAME$b = 'redsift-dialog-content';
+const DEFAULT_PROPS$b = {};
 
 /**
  * The DialogContent component.
@@ -1563,7 +1698,7 @@ const BaseDialogContent = /*#__PURE__*/forwardRef((props, ref) => {
       children,
       className
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded);
+    forwardedProps = _objectWithoutProperties(props, _excluded$4);
   const {
     context: floatingContext,
     getFloatingProps,
@@ -1583,7 +1718,7 @@ const BaseDialogContent = /*#__PURE__*/forwardRef((props, ref) => {
     styles
   } = useTransitionStyles(floatingContext);
   const dialogRef = useMergeRefs([refs.setFloating, ref]);
-  const stringFormatter = $fca6afa0e843324b$export$f12b703ca79dfbb1(intlMessages);
+  const stringFormatter = $fca6afa0e843324b$export$f12b703ca79dfbb1(intlMessages$2);
   const [[header], [body], [actions]] = partitionComponents(React.Children.toArray(children), [isComponent('DialogContentHeader'), isComponent('DialogContentBody'), isComponent('DialogContentActions')]);
   const initialFocus = propsInitialFocus === 'header' ? headerRef : propsInitialFocus === 'body' ? bodyRef : propsInitialFocus === 'actions' ? actionsRef : propsInitialFocus ? propsInitialFocus : undefined;
   return /*#__PURE__*/React.createElement(FloatingPortal, null, isMounted && /*#__PURE__*/React.createElement(StyledFloatingOverlay, {
@@ -1613,18 +1748,18 @@ const BaseDialogContent = /*#__PURE__*/forwardRef((props, ref) => {
     className: `${BaseDialogContent.className}__content`
   }, body, actions) : null))));
 });
-BaseDialogContent.className = CLASSNAME$8;
-BaseDialogContent.defaultProps = DEFAULT_PROPS$8;
-BaseDialogContent.displayName = COMPONENT_NAME$8;
+BaseDialogContent.className = CLASSNAME$b;
+BaseDialogContent.defaultProps = DEFAULT_PROPS$b;
+BaseDialogContent.displayName = COMPONENT_NAME$b;
 const DialogContent = Object.assign(BaseDialogContent, {
   Header: DialogContentHeader,
   Body: DialogContentBody,
   Actions: DialogContentActions
 });
 
-const COMPONENT_NAME$7 = 'DialogTrigger';
-const CLASSNAME$7 = 'redsift-dialog-trigger';
-const DEFAULT_PROPS$7 = {};
+const COMPONENT_NAME$a = 'DialogTrigger';
+const CLASSNAME$a = 'redsift-dialog-trigger';
+const DEFAULT_PROPS$a = {};
 
 /**
  * The DialogTrigger component.
@@ -1651,9 +1786,9 @@ const DialogTrigger = /*#__PURE__*/forwardRef((props, ref) => {
   }
   return /*#__PURE__*/React.createElement(React.Fragment, null, children);
 });
-DialogTrigger.className = CLASSNAME$7;
-DialogTrigger.defaultProps = DEFAULT_PROPS$7;
-DialogTrigger.displayName = COMPONENT_NAME$7;
+DialogTrigger.className = CLASSNAME$a;
+DialogTrigger.defaultProps = DEFAULT_PROPS$a;
+DialogTrigger.displayName = COMPONENT_NAME$a;
 
 function useDialog(_ref) {
   let {
@@ -1708,9 +1843,9 @@ function useDialog(_ref) {
   }), [isOpen, handleOpen, interactions, data, labelId, descriptionId, hasCloseButton, initialFocus, size, headerRef, bodyRef, actionsRef]);
 }
 
-const COMPONENT_NAME$6 = 'Dialog';
-const CLASSNAME$6 = 'redsift-dialog';
-const DEFAULT_PROPS$6 = {
+const COMPONENT_NAME$9 = 'Dialog';
+const CLASSNAME$9 = 'redsift-dialog';
+const DEFAULT_PROPS$9 = {
   hasCloseButton: true,
   size: DialogSize.medium
 };
@@ -1741,9 +1876,9 @@ const BaseDialog = props => {
     value: dialog
   }, trigger, content);
 };
-BaseDialog.className = CLASSNAME$6;
-BaseDialog.defaultProps = DEFAULT_PROPS$6;
-BaseDialog.displayName = COMPONENT_NAME$6;
+BaseDialog.className = CLASSNAME$9;
+BaseDialog.defaultProps = DEFAULT_PROPS$9;
+BaseDialog.displayName = COMPONENT_NAME$9;
 const Dialog = Object.assign(BaseDialog, {
   Trigger: DialogTrigger,
   Content: DialogContent
@@ -1805,9 +1940,9 @@ const StyledPopoverContent = styled.div`
   }
 `;
 
-const COMPONENT_NAME$5 = 'PopoverContent';
-const CLASSNAME$5 = 'redsift-popover-content';
-const DEFAULT_PROPS$5 = {};
+const COMPONENT_NAME$8 = 'PopoverContent';
+const CLASSNAME$8 = 'redsift-popover-content';
+const DEFAULT_PROPS$8 = {};
 
 /**
  * The PopoverContent component.
@@ -1843,13 +1978,13 @@ const PopoverContent = /*#__PURE__*/forwardRef((props, ref) => {
     }, style)
   }, getFloatingProps(props)), children)));
 });
-PopoverContent.className = CLASSNAME$5;
-PopoverContent.defaultProps = DEFAULT_PROPS$5;
-PopoverContent.displayName = COMPONENT_NAME$5;
+PopoverContent.className = CLASSNAME$8;
+PopoverContent.defaultProps = DEFAULT_PROPS$8;
+PopoverContent.displayName = COMPONENT_NAME$8;
 
-const COMPONENT_NAME$4 = 'PopoverTrigger';
-const CLASSNAME$4 = 'redsift-popover-trigger';
-const DEFAULT_PROPS$4 = {};
+const COMPONENT_NAME$7 = 'PopoverTrigger';
+const CLASSNAME$7 = 'redsift-popover-trigger';
+const DEFAULT_PROPS$7 = {};
 
 /**
  * The PopoverTrigger component.
@@ -1876,9 +2011,9 @@ const PopoverTrigger = /*#__PURE__*/forwardRef((props, ref) => {
   }
   return /*#__PURE__*/React.createElement(React.Fragment, null, children);
 });
-PopoverTrigger.className = CLASSNAME$4;
-PopoverTrigger.defaultProps = DEFAULT_PROPS$4;
-PopoverTrigger.displayName = COMPONENT_NAME$4;
+PopoverTrigger.className = CLASSNAME$7;
+PopoverTrigger.defaultProps = DEFAULT_PROPS$7;
+PopoverTrigger.displayName = COMPONENT_NAME$7;
 
 function usePopover(_ref) {
   let {
@@ -1923,9 +2058,9 @@ function usePopover(_ref) {
   }), [isOpen, handleOpen, interactions, data, isModal]);
 }
 
-const COMPONENT_NAME$3 = 'Popover';
-const CLASSNAME$3 = 'redsift-popover';
-const DEFAULT_PROPS$3 = {
+const COMPONENT_NAME$6 = 'Popover';
+const CLASSNAME$6 = 'redsift-popover';
+const DEFAULT_PROPS$6 = {
   isModal: false,
   placement: PopoverPlacement.bottom
 };
@@ -1954,9 +2089,9 @@ const BasePopover = props => {
     value: popover
   }, trigger, content);
 };
-BasePopover.className = CLASSNAME$3;
-BasePopover.defaultProps = DEFAULT_PROPS$3;
-BasePopover.displayName = COMPONENT_NAME$3;
+BasePopover.className = CLASSNAME$6;
+BasePopover.defaultProps = DEFAULT_PROPS$6;
+BasePopover.displayName = COMPONENT_NAME$6;
 const Popover = Object.assign(BasePopover, {
   Trigger: PopoverTrigger,
   Content: PopoverContent
@@ -1970,6 +2105,1140 @@ const usePopoverContext = () => {
   return context;
 };
 
+/**
+ * Component variant.
+ */
+const ToastVariant = {
+  success: 'success',
+  error: 'error',
+  warning: 'warning',
+  info: 'info',
+  loading: 'loading'
+};
+const ToastPlacement = {
+  'top-right': 'top-right',
+  'top-center': 'top-center',
+  'top-left': 'top-left',
+  'bottom-right': 'bottom-right',
+  'bottom-center': 'bottom-center',
+  'bottom-left': 'bottom-left'
+};
+
+var close$1 = "Close";
+var enUS = {
+	close: close$1
+};
+
+var close = "Fermer";
+var frFR = {
+	close: close
+};
+
+var intlMessages = {
+  'en-US': enUS,
+  'fr-FR': frFR
+};
+
+/**
+ * Component style.
+ */
+const StyledToast = styled.div`
+  ${baseStyling}
+
+  padding: 16px;
+  box-shadow: 0px 2px 4px -1px rgb(0 0 0 / 20%), 0px 4px 5px rgb(0 0 0 / 14%),
+    0px 1px 10px rgb(0 0 0 / 12%);
+
+  ${_ref => {
+  let {
+    $hasTitle,
+    $variant
+  } = _ref;
+  return css`
+    background-color: ${$variant === 'loading' ? 'var(--redsift-color-neutral-white)' : `var(--redsift-color-${$variant}-hover)`};
+
+    .redsift-toast__header {
+      h5 {
+        line-height: 26px;
+      }
+    }
+
+    .redsift-toast-header__icon-button {
+      padding: 0px;
+      .redsift-icon {
+        color: var(--redsift-color-neutral-black);
+      }
+
+      &:hover,
+      &:focus-visible {
+        background-color: var(--redsift-color-${$variant}-active);
+      }
+    }
+
+    .redsift-toast__content {
+      margin-top: ${$hasTitle ? '8px' : '-24px'};
+      margin-left: 38px;
+    }
+  `;
+}}
+`;
+
+/**
+ * Component style.
+ */
+const StyledFlexbox = styled.div`
+  display: ${_ref => {
+  let {
+    inline
+  } = _ref;
+  return inline ? 'inline-flex' : 'flex';
+}};
+
+  ${baseStyling}
+  ${baseInternalSpacing}
+  ${baseFlexbox}
+`;
+
+const _excluded$3 = ["children", "className"];
+const COMPONENT_NAME$5 = 'Flexbox';
+const CLASSNAME$5 = 'redsift-flex-box';
+const DEFAULT_PROPS$5 = {
+  gap: '16px'
+};
+
+/**
+ * The Flexbox component.
+ */
+const Flexbox = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+      children,
+      className
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded$3);
+  return /*#__PURE__*/React.createElement(StyledFlexbox, _extends({}, forwardedProps, {
+    className: classNames(Flexbox.className, className),
+    ref: ref
+  }), children);
+});
+Flexbox.className = CLASSNAME$5;
+Flexbox.defaultProps = DEFAULT_PROPS$5;
+Flexbox.displayName = COMPONENT_NAME$5;
+
+const _excluded$2 = ["children", "className", "closeToast", "closeButton", "title", "variant"];
+const COMPONENT_NAME$4 = 'Toast';
+const CLASSNAME$4 = 'redsift-toast';
+const DEFAULT_PROPS$4 = {
+  variant: 'info',
+  closeButton: true
+};
+const getVariant = variant => {
+  switch (variant) {
+    case ToastVariant.info:
+    default:
+      return /*#__PURE__*/React.createElement(Icon, {
+        icon: mdiInformation,
+        color: ColorPalette.info
+      });
+    case ToastVariant.error:
+      return /*#__PURE__*/React.createElement(Icon, {
+        icon: mdiAlertCircle,
+        color: ColorPalette.error
+      });
+    case ToastVariant.success:
+      return /*#__PURE__*/React.createElement(Icon, {
+        icon: mdiCheckCircle,
+        color: ColorPalette.success
+      });
+    case ToastVariant.warning:
+      return /*#__PURE__*/React.createElement(Icon, {
+        icon: mdiAlert,
+        color: ColorPalette.warning
+      });
+    case ToastVariant.loading:
+      return /*#__PURE__*/React.createElement(Spinner, {
+        size: "small"
+      });
+  }
+};
+
+/**
+ * The Toast component.
+ */
+const Toast = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+      children,
+      className,
+      closeToast,
+      closeButton,
+      title,
+      variant
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded$2);
+  const stringFormatter = $fca6afa0e843324b$export$f12b703ca79dfbb1(intlMessages);
+  const icon = getVariant(variant);
+  return /*#__PURE__*/React.createElement(StyledToast, _extends({}, forwardedProps, {
+    className: classNames(Toast.className, className),
+    ref: ref,
+    $hasTitle: Boolean(title),
+    $variant: variant
+  }), /*#__PURE__*/React.createElement(Flexbox, {
+    className: `${Toast.className}__header`,
+    justifyContent: "space-between"
+  }, /*#__PURE__*/React.createElement(Flexbox, {
+    justifyContent: "space-between",
+    flexDirection: "column",
+    gap: "0"
+  }, /*#__PURE__*/React.createElement(Flexbox, {
+    className: `${Toast.className}-header__title`,
+    gap: "14px",
+    alignItems: "flex-start"
+  }, icon, title ? /*#__PURE__*/React.createElement(Heading, {
+    as: "h5"
+  }, title) : null), children ? /*#__PURE__*/React.createElement("div", {
+    className: `${Toast.className}__content`
+  }, children) : null), closeButton === true ? /*#__PURE__*/React.createElement(IconButton, {
+    "aria-label": stringFormatter.format('close'),
+    className: `${Toast.className}-header__icon-button`,
+    icon: mdiClose,
+    onPress: closeToast
+  }) : isComponent('Button')(closeButton) || isComponent('IconButton')(closeButton) ? /*#__PURE__*/React.cloneElement(closeButton, {
+    color: variant === 'loading' ? 'default' : variant,
+    onPress: () => {
+      var _closeButton$props$on, _closeButton$props;
+      (_closeButton$props$on = (_closeButton$props = closeButton.props).onPress) === null || _closeButton$props$on === void 0 ? void 0 : _closeButton$props$on.call(_closeButton$props);
+      closeToast === null || closeToast === void 0 ? void 0 : closeToast();
+    }
+  }) : null));
+});
+Toast.className = CLASSNAME$4;
+Toast.defaultProps = DEFAULT_PROPS$4;
+Toast.displayName = COMPONENT_NAME$4;
+
+const ReactToastify = styled.div`
+  :root {
+    --toastify-color-light: #fff;
+    --toastify-color-dark: #121212;
+    --toastify-color-info: #3498db;
+    --toastify-color-success: #07bc0c;
+    --toastify-color-warning: #f1c40f;
+    --toastify-color-error: #e74c3c;
+    --toastify-color-transparent: rgba(255, 255, 255, 0.7);
+    --toastify-icon-color-info: var(--toastify-color-info);
+    --toastify-icon-color-success: var(--toastify-color-success);
+    --toastify-icon-color-warning: var(--toastify-color-warning);
+    --toastify-icon-color-error: var(--toastify-color-error);
+    --toastify-toast-width: 320px;
+    --toastify-toast-background: #fff;
+    --toastify-toast-min-height: 64px;
+    --toastify-toast-max-height: 800px;
+    --toastify-font-family: sans-serif;
+    --toastify-z-index: 9999;
+    --toastify-text-color-light: #757575;
+    --toastify-text-color-dark: #fff;
+    --toastify-text-color-info: #fff;
+    --toastify-text-color-success: #fff;
+    --toastify-text-color-warning: #fff;
+    --toastify-text-color-error: #fff;
+    --toastify-spinner-color: #616161;
+    --toastify-spinner-color-empty-area: #e0e0e0;
+    --toastify-color-progress-light: linear-gradient(
+      to right,
+      #4cd964,
+      #5ac8fa,
+      #007aff,
+      #34aadc,
+      #5856d6,
+      #ff2d55
+    );
+    --toastify-color-progress-dark: #bb86fc;
+    --toastify-color-progress-info: var(--toastify-color-info);
+    --toastify-color-progress-success: var(--toastify-color-success);
+    --toastify-color-progress-warning: var(--toastify-color-warning);
+    --toastify-color-progress-error: var(--toastify-color-error);
+  }
+
+  .Toastify__toast-container {
+    z-index: var(--toastify-z-index);
+    -webkit-transform: translate3d(0, 0, var(--toastify-z-index) px);
+    position: fixed;
+    padding: 4px;
+    width: var(--toastify-toast-width);
+    box-sizing: border-box;
+    color: #fff;
+  }
+  .Toastify__toast-container--top-left {
+    top: 1em;
+    left: 1em;
+  }
+  .Toastify__toast-container--top-center {
+    top: 1em;
+    left: 50%;
+    transform: translateX(-50%);
+  }
+  .Toastify__toast-container--top-right {
+    top: 1em;
+    right: 1em;
+  }
+  .Toastify__toast-container--bottom-left {
+    bottom: 1em;
+    left: 1em;
+  }
+  .Toastify__toast-container--bottom-center {
+    bottom: 1em;
+    left: 50%;
+    transform: translateX(-50%);
+  }
+  .Toastify__toast-container--bottom-right {
+    bottom: 1em;
+    right: 1em;
+  }
+
+  @media only screen and (max-width: 480px) {
+    .Toastify__toast-container {
+      width: 100vw;
+      padding: 0;
+      left: 0;
+      margin: 0;
+    }
+    .Toastify__toast-container--top-left,
+    .Toastify__toast-container--top-center,
+    .Toastify__toast-container--top-right {
+      top: 0;
+      transform: translateX(0);
+    }
+    .Toastify__toast-container--bottom-left,
+    .Toastify__toast-container--bottom-center,
+    .Toastify__toast-container--bottom-right {
+      bottom: 0;
+      transform: translateX(0);
+    }
+    .Toastify__toast-container--rtl {
+      right: 0;
+      left: initial;
+    }
+  }
+  .Toastify__toast {
+    position: relative;
+    min-height: var(--toastify-toast-min-height);
+    box-sizing: border-box;
+    margin-bottom: 1rem;
+    padding: 8px;
+    border-radius: 4px;
+    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1),
+      0 2px 15px 0 rgba(0, 0, 0, 0.05);
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-pack: justify;
+    justify-content: space-between;
+    max-height: var(--toastify-toast-max-height);
+    overflow: hidden;
+    font-family: var(--toastify-font-family);
+    cursor: default;
+    direction: ltr;
+    /* webkit only issue #791 */
+    z-index: 0;
+  }
+  .Toastify__toast--rtl {
+    direction: rtl;
+  }
+  .Toastify__toast--close-on-click {
+    cursor: pointer;
+  }
+  .Toastify__toast-body {
+    margin: auto 0;
+    -ms-flex: 1 1 auto;
+    flex: 1 1 auto;
+    padding: 6px;
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-align: center;
+    align-items: center;
+  }
+  .Toastify__toast-body > div:last-child {
+    word-break: break-word;
+    -ms-flex: 1;
+    flex: 1;
+  }
+  .Toastify__toast-icon {
+    -webkit-margin-end: 10px;
+    margin-inline-end: 10px;
+    width: 20px;
+    -ms-flex-negative: 0;
+    flex-shrink: 0;
+    display: -ms-flexbox;
+    display: flex;
+  }
+
+  .Toastify--animate {
+    animation-fill-mode: both;
+    animation-duration: 0.7s;
+  }
+
+  .Toastify--animate-icon {
+    animation-fill-mode: both;
+    animation-duration: 0.3s;
+  }
+
+  @media only screen and (max-width: 480px) {
+    .Toastify__toast {
+      margin-bottom: 0;
+      border-radius: 0;
+    }
+  }
+  .Toastify__toast-theme--dark {
+    background: var(--toastify-color-dark);
+    color: var(--toastify-text-color-dark);
+  }
+  .Toastify__toast-theme--light {
+    background: var(--toastify-color-light);
+    color: var(--toastify-text-color-light);
+  }
+  .Toastify__toast-theme--colored.Toastify__toast--default {
+    background: var(--toastify-color-light);
+    color: var(--toastify-text-color-light);
+  }
+  .Toastify__toast-theme--colored.Toastify__toast--info {
+    color: var(--toastify-text-color-info);
+    background: var(--toastify-color-info);
+  }
+  .Toastify__toast-theme--colored.Toastify__toast--success {
+    color: var(--toastify-text-color-success);
+    background: var(--toastify-color-success);
+  }
+  .Toastify__toast-theme--colored.Toastify__toast--warning {
+    color: var(--toastify-text-color-warning);
+    background: var(--toastify-color-warning);
+  }
+  .Toastify__toast-theme--colored.Toastify__toast--error {
+    color: var(--toastify-text-color-error);
+    background: var(--toastify-color-error);
+  }
+
+  .Toastify__progress-bar-theme--light {
+    background: var(--toastify-color-progress-light);
+  }
+  .Toastify__progress-bar-theme--dark {
+    background: var(--toastify-color-progress-dark);
+  }
+  .Toastify__progress-bar--info {
+    background: var(--toastify-color-progress-info);
+  }
+  .Toastify__progress-bar--success {
+    background: var(--toastify-color-progress-success);
+  }
+  .Toastify__progress-bar--warning {
+    background: var(--toastify-color-progress-warning);
+  }
+  .Toastify__progress-bar--error {
+    background: var(--toastify-color-progress-error);
+  }
+  .Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,
+  .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,
+  .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,
+  .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
+    background: var(--toastify-color-transparent);
+  }
+
+  .Toastify__close-button {
+    color: #fff;
+    background: transparent;
+    outline: none;
+    border: none;
+    padding: 0;
+    cursor: pointer;
+    opacity: 0.7;
+    transition: 0.3s ease;
+    -ms-flex-item-align: start;
+    align-self: flex-start;
+  }
+  .Toastify__close-button--light {
+    color: #000;
+    opacity: 0.3;
+  }
+  .Toastify__close-button > svg {
+    fill: currentColor;
+    height: 16px;
+    width: 14px;
+  }
+  .Toastify__close-button:hover,
+  .Toastify__close-button:focus {
+    opacity: 1;
+  }
+
+  @keyframes Toastify__trackProgress {
+    0% {
+      transform: scaleX(1);
+    }
+    100% {
+      transform: scaleX(0);
+    }
+  }
+  .Toastify__progress-bar {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 5px;
+    z-index: var(--toastify-z-index);
+    opacity: 0.7;
+    transform-origin: left;
+  }
+  .Toastify__progress-bar--animated {
+    animation: Toastify__trackProgress linear 1 forwards;
+  }
+  .Toastify__progress-bar--controlled {
+    transition: transform 0.2s;
+  }
+  .Toastify__progress-bar--rtl {
+    right: 0;
+    left: initial;
+    transform-origin: right;
+  }
+
+  .Toastify__spinner {
+    width: 20px;
+    height: 20px;
+    box-sizing: border-box;
+    border: 2px solid;
+    border-radius: 100%;
+    border-color: var(--toastify-spinner-color-empty-area);
+    border-right-color: var(--toastify-spinner-color);
+    animation: Toastify__spin 0.65s linear infinite;
+  }
+
+  @keyframes Toastify__bounceInRight {
+    from,
+    60%,
+    75%,
+    90%,
+    to {
+      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    }
+    from {
+      opacity: 0;
+      transform: translate3d(3000px, 0, 0);
+    }
+    60% {
+      opacity: 1;
+      transform: translate3d(-25px, 0, 0);
+    }
+    75% {
+      transform: translate3d(10px, 0, 0);
+    }
+    90% {
+      transform: translate3d(-5px, 0, 0);
+    }
+    to {
+      transform: none;
+    }
+  }
+  @keyframes Toastify__bounceOutRight {
+    20% {
+      opacity: 1;
+      transform: translate3d(-20px, 0, 0);
+    }
+    to {
+      opacity: 0;
+      transform: translate3d(2000px, 0, 0);
+    }
+  }
+  @keyframes Toastify__bounceInLeft {
+    from,
+    60%,
+    75%,
+    90%,
+    to {
+      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    }
+    0% {
+      opacity: 0;
+      transform: translate3d(-3000px, 0, 0);
+    }
+    60% {
+      opacity: 1;
+      transform: translate3d(25px, 0, 0);
+    }
+    75% {
+      transform: translate3d(-10px, 0, 0);
+    }
+    90% {
+      transform: translate3d(5px, 0, 0);
+    }
+    to {
+      transform: none;
+    }
+  }
+  @keyframes Toastify__bounceOutLeft {
+    20% {
+      opacity: 1;
+      transform: translate3d(20px, 0, 0);
+    }
+    to {
+      opacity: 0;
+      transform: translate3d(-2000px, 0, 0);
+    }
+  }
+  @keyframes Toastify__bounceInUp {
+    from,
+    60%,
+    75%,
+    90%,
+    to {
+      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    }
+    from {
+      opacity: 0;
+      transform: translate3d(0, 3000px, 0);
+    }
+    60% {
+      opacity: 1;
+      transform: translate3d(0, -20px, 0);
+    }
+    75% {
+      transform: translate3d(0, 10px, 0);
+    }
+    90% {
+      transform: translate3d(0, -5px, 0);
+    }
+    to {
+      transform: translate3d(0, 0, 0);
+    }
+  }
+  @keyframes Toastify__bounceOutUp {
+    20% {
+      transform: translate3d(0, -10px, 0);
+    }
+    40%,
+    45% {
+      opacity: 1;
+      transform: translate3d(0, 20px, 0);
+    }
+    to {
+      opacity: 0;
+      transform: translate3d(0, -2000px, 0);
+    }
+  }
+  @keyframes Toastify__bounceInDown {
+    from,
+    60%,
+    75%,
+    90%,
+    to {
+      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    }
+    0% {
+      opacity: 0;
+      transform: translate3d(0, -3000px, 0);
+    }
+    60% {
+      opacity: 1;
+      transform: translate3d(0, 25px, 0);
+    }
+    75% {
+      transform: translate3d(0, -10px, 0);
+    }
+    90% {
+      transform: translate3d(0, 5px, 0);
+    }
+    to {
+      transform: none;
+    }
+  }
+  @keyframes Toastify__bounceOutDown {
+    20% {
+      transform: translate3d(0, 10px, 0);
+    }
+    40%,
+    45% {
+      opacity: 1;
+      transform: translate3d(0, -20px, 0);
+    }
+    to {
+      opacity: 0;
+      transform: translate3d(0, 2000px, 0);
+    }
+  }
+  .Toastify__bounce-enter--top-left,
+  .Toastify__bounce-enter--bottom-left {
+    animation-name: Toastify__bounceInLeft;
+  }
+  .Toastify__bounce-enter--top-right,
+  .Toastify__bounce-enter--bottom-right {
+    animation-name: Toastify__bounceInRight;
+  }
+  .Toastify__bounce-enter--top-center {
+    animation-name: Toastify__bounceInDown;
+  }
+  .Toastify__bounce-enter--bottom-center {
+    animation-name: Toastify__bounceInUp;
+  }
+
+  .Toastify__bounce-exit--top-left,
+  .Toastify__bounce-exit--bottom-left {
+    animation-name: Toastify__bounceOutLeft;
+  }
+  .Toastify__bounce-exit--top-right,
+  .Toastify__bounce-exit--bottom-right {
+    animation-name: Toastify__bounceOutRight;
+  }
+  .Toastify__bounce-exit--top-center {
+    animation-name: Toastify__bounceOutUp;
+  }
+  .Toastify__bounce-exit--bottom-center {
+    animation-name: Toastify__bounceOutDown;
+  }
+
+  @keyframes Toastify__zoomIn {
+    from {
+      opacity: 0;
+      transform: scale3d(0.3, 0.3, 0.3);
+    }
+    50% {
+      opacity: 1;
+    }
+  }
+  @keyframes Toastify__zoomOut {
+    from {
+      opacity: 1;
+    }
+    50% {
+      opacity: 0;
+      transform: scale3d(0.3, 0.3, 0.3);
+    }
+    to {
+      opacity: 0;
+    }
+  }
+  .Toastify__zoom-enter {
+    animation-name: Toastify__zoomIn;
+  }
+
+  .Toastify__zoom-exit {
+    animation-name: Toastify__zoomOut;
+  }
+
+  @keyframes Toastify__flipIn {
+    from {
+      transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+      animation-timing-function: ease-in;
+      opacity: 0;
+    }
+    40% {
+      transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+      animation-timing-function: ease-in;
+    }
+    60% {
+      transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
+      opacity: 1;
+    }
+    80% {
+      transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
+    }
+    to {
+      transform: perspective(400px);
+    }
+  }
+  @keyframes Toastify__flipOut {
+    from {
+      transform: perspective(400px);
+    }
+    30% {
+      transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+      opacity: 1;
+    }
+    to {
+      transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+      opacity: 0;
+    }
+  }
+  .Toastify__flip-enter {
+    animation-name: Toastify__flipIn;
+  }
+
+  .Toastify__flip-exit {
+    animation-name: Toastify__flipOut;
+  }
+
+  @keyframes Toastify__slideInRight {
+    from {
+      transform: translate3d(110%, 0, 0);
+      visibility: visible;
+    }
+    to {
+      transform: translate3d(0, 0, 0);
+    }
+  }
+  @keyframes Toastify__slideInLeft {
+    from {
+      transform: translate3d(-110%, 0, 0);
+      visibility: visible;
+    }
+    to {
+      transform: translate3d(0, 0, 0);
+    }
+  }
+  @keyframes Toastify__slideInUp {
+    from {
+      transform: translate3d(0, 110%, 0);
+      visibility: visible;
+    }
+    to {
+      transform: translate3d(0, 0, 0);
+    }
+  }
+  @keyframes Toastify__slideInDown {
+    from {
+      transform: translate3d(0, -110%, 0);
+      visibility: visible;
+    }
+    to {
+      transform: translate3d(0, 0, 0);
+    }
+  }
+  @keyframes Toastify__slideOutRight {
+    from {
+      transform: translate3d(0, 0, 0);
+    }
+    to {
+      visibility: hidden;
+      transform: translate3d(110%, 0, 0);
+    }
+  }
+  @keyframes Toastify__slideOutLeft {
+    from {
+      transform: translate3d(0, 0, 0);
+    }
+    to {
+      visibility: hidden;
+      transform: translate3d(-110%, 0, 0);
+    }
+  }
+  @keyframes Toastify__slideOutDown {
+    from {
+      transform: translate3d(0, 0, 0);
+    }
+    to {
+      visibility: hidden;
+      transform: translate3d(0, 500px, 0);
+    }
+  }
+  @keyframes Toastify__slideOutUp {
+    from {
+      transform: translate3d(0, 0, 0);
+    }
+    to {
+      visibility: hidden;
+      transform: translate3d(0, -500px, 0);
+    }
+  }
+  .Toastify__slide-enter--top-left,
+  .Toastify__slide-enter--bottom-left {
+    animation-name: Toastify__slideInLeft;
+  }
+  .Toastify__slide-enter--top-right,
+  .Toastify__slide-enter--bottom-right {
+    animation-name: Toastify__slideInRight;
+  }
+  .Toastify__slide-enter--top-center {
+    animation-name: Toastify__slideInDown;
+  }
+  .Toastify__slide-enter--bottom-center {
+    animation-name: Toastify__slideInUp;
+  }
+
+  .Toastify__slide-exit--top-left,
+  .Toastify__slide-exit--bottom-left {
+    animation-name: Toastify__slideOutLeft;
+  }
+  .Toastify__slide-exit--top-right,
+  .Toastify__slide-exit--bottom-right {
+    animation-name: Toastify__slideOutRight;
+  }
+  .Toastify__slide-exit--top-center {
+    animation-name: Toastify__slideOutUp;
+  }
+  .Toastify__slide-exit--bottom-center {
+    animation-name: Toastify__slideOutDown;
+  }
+
+  @keyframes Toastify__spin {
+    from {
+      transform: rotate(0deg);
+    }
+    to {
+      transform: rotate(360deg);
+    }
+  }
+`;
+
+/**
+ * Component style.
+ */
+const StyledToastContainer = styled(ToastContainer$1)`
+  --toastify-color-light: var(--redsift-color-neutral-white);
+  --toastify-color-dark: var(--redsift-color-neutral-black);
+  --toastify-color-info: var(--redsift-color-info-primary);
+  --toastify-color-success: var(--redsift-color-success-primary);
+  --toastify-color-warning: var(--redsift-color-warning-primary);
+  --toastify-color-error: var(--redsift-color-error-primary);
+  --toastify-color-transparent: rgba(255, 255, 255, 0.7);
+  --toastify-icon-color-info: var(--toastify-color-info);
+  --toastify-icon-color-success: var(--toastify-color-success);
+  --toastify-icon-color-warning: var(--toastify-color-warning);
+  --toastify-icon-color-error: var(--toastify-color-error);
+  --toastify-toast-width: 'fit-content';
+  --toastify-toast-background: var(--redsift-color-neutral-white);
+  --toastify-toast-min-height: 58px;
+  --toastify-toast-max-height: 800px;
+  --toastify-font-family: sans-serif;
+  --toastify-z-index: var(--redsift-layout-z-index-tooltip);
+  --toastify-text-color-light: var(--redsift-color-neutral-black);
+  --toastify-text-color-dark: var(--redsift-color-neutral-white);
+  --toastify-text-color-info: var(--redsift-color-neutral-white);
+  --toastify-text-color-success: var(--redsift-color-neutral-white);
+  --toastify-text-color-warning: var(--redsift-color-neutral-white);
+  --toastify-text-color-error: var(--redsift-color-neutral-white);
+  --toastify-spinner-color: var(--redsift-color-neutral-darkgrey);
+  --toastify-spinner-color-empty-area: var(--redsift-color-neutral-lightgrey);
+  --toastify-color-progress-light: var(--redsift-color-neutral-darkgrey);
+  --toastify-color-progress-dark: var(--redsift-color-neutral-xlightgrey);
+  --toastify-color-progress-default: var(--redsift-color-default-primary);
+  --toastify-color-progress-info: var(--toastify-color-info);
+  --toastify-color-progress-success: var(--toastify-color-success);
+  --toastify-color-progress-warning: var(--toastify-color-warning);
+  --toastify-color-progress-error: var(--toastify-color-error);
+
+  min-width: 350px;
+  max-width: 600px;
+
+  .Toastify__toast {
+    border-radius: unset;
+    box-shadow: 0px 2px 4px -1px rgb(0 0 0 / 20%), 0px 4px 5px rgb(0 0 0 / 14%),
+      0px 1px 10px rgb(0 0 0 / 12%);
+    padding: 0;
+  }
+
+  .Toastify__toast-body {
+    padding: 0;
+  }
+
+  .Toastify__toast-theme--colored.Toastify__toast--default {
+    background: none;
+  }
+  .Toastify__toast-theme--colored.Toastify__toast--info {
+    background: none;
+  }
+  .Toastify__toast-theme--colored.Toastify__toast--success {
+    background: none;
+  }
+  .Toastify__toast-theme--colored.Toastify__toast--warning {
+    background: none;
+  }
+  .Toastify__toast-theme--colored.Toastify__toast--error {
+    background: none;
+  }
+
+  .Toastify__progress-bar-theme--colored.Toastify__progress-bar--default {
+    background: var(--toastify-color-progress-default);
+  }
+  .Toastify__progress-bar-theme--colored.Toastify__progress-bar--info {
+    background: var(--toastify-color-progress-info);
+  }
+  .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success {
+    background: var(--toastify-color-progress-success);
+  }
+  .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning {
+    background: var(--toastify-color-progress-warning);
+  }
+  .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
+    background: var(--toastify-color-progress-error);
+  }
+`;
+
+const _excluded$1 = ["placement"];
+const COMPONENT_NAME$3 = 'ToastContainer';
+const CLASSNAME$3 = 'redsift-toast-container';
+const DEFAULT_PROPS$3 = {
+  autoClose: 5000,
+  closeOnClick: false,
+  draggable: true,
+  pauseOnFocusLoss: true,
+  pauseOnHover: true,
+  placement: 'top-right'
+};
+
+/**
+ * The ToastContainer component.
+ */
+const ToastContainer = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+      placement
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded$1);
+  return /*#__PURE__*/React.createElement(ReactToastify, null, /*#__PURE__*/React.createElement(StyledToastContainer, _extends({}, forwardedProps, {
+    className: ToastContainer.className,
+    closeButton: false,
+    icon: false,
+    newestOnTop: placement.includes('bottom'),
+    position: placement,
+    ref: ref,
+    theme: "colored",
+    transition: Slide
+  })));
+});
+ToastContainer.className = CLASSNAME$3;
+ToastContainer.defaultProps = DEFAULT_PROPS$3;
+ToastContainer.displayName = COMPONENT_NAME$3;
+
+const _excluded = ["content", "closeButton", "placement", "title", "variant"],
+  _excluded2 = ["content", "closeButton", "placement", "title", "variant"],
+  _excluded3 = ["closeButton", "placement"];
+const notify = (_ref, props) => {
+  let {
+      content,
+      closeButton,
+      placement,
+      title,
+      variant = 'info'
+    } = _ref,
+    options = _objectWithoutProperties(_ref, _excluded);
+  return toast( /*#__PURE__*/React.createElement(Toast, _extends({
+    title: title,
+    variant: variant,
+    closeButton: closeButton
+  }, props), content), _objectSpread2(_objectSpread2({
+    type: variant === 'loading' ? 'default' : variant
+  }, placement && {
+    position: placement
+  }), options));
+};
+const update = (id, _ref2, props) => {
+  let {
+      content,
+      closeButton,
+      placement,
+      title,
+      variant = 'info'
+    } = _ref2,
+    options = _objectWithoutProperties(_ref2, _excluded2);
+  toast.update(id, _objectSpread2(_objectSpread2({
+    render: _ref3 => {
+      let {
+        closeToast
+      } = _ref3;
+      return /*#__PURE__*/React.createElement(Toast, _extends({
+        title: title,
+        variant: variant,
+        closeButton: closeButton,
+        closeToast: closeToast
+      }, props), content);
+    },
+    type: variant === 'loading' ? 'default' : variant
+  }, placement && {
+    position: placement
+  }), options));
+};
+const promise = function (promise, _ref5) {
+  let {
+    pending,
+    success,
+    error
+  } = _ref5;
+  let _ref4 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  let props = arguments.length > 3 ? arguments[3] : undefined;
+  let {
+      closeButton,
+      placement
+    } = _ref4,
+    options = _objectWithoutProperties(_ref4, _excluded3);
+  toast.promise(promise, {
+    pending: _objectSpread2(_objectSpread2({
+      render: _ref6 => {
+        let {
+          closeToast
+        } = _ref6;
+        return /*#__PURE__*/React.createElement(Toast, _extends({
+          closeButton: closeButton,
+          title: pending.title,
+          variant: "loading",
+          closeToast: closeToast
+        }, props), pending.content);
+      },
+      type: 'default'
+    }, placement && {
+      position: placement
+    }), options),
+    success: _objectSpread2(_objectSpread2({
+      render: _ref7 => {
+        let {
+          closeToast
+        } = _ref7;
+        return /*#__PURE__*/React.createElement(Toast, _extends({
+          closeButton: closeButton,
+          title: success.title,
+          variant: "success",
+          closeToast: closeToast
+        }, props), success.content);
+      },
+      type: 'success'
+    }, placement && {
+      position: placement
+    }), options),
+    error: _objectSpread2(_objectSpread2({
+      render: _ref8 => {
+        let {
+          closeToast
+        } = _ref8;
+        return /*#__PURE__*/React.createElement(Toast, _extends({
+          closeButton: closeButton,
+          title: error.title,
+          variant: "error",
+          closeToast: closeToast
+        }, props), error.content);
+      },
+      type: 'error'
+    }, placement && {
+      position: placement
+    }), options)
+  });
+};
+const useToast = () => {
+  return {
+    notify: notify,
+    clearWaitingQueue: toast.clearWaitingQueue,
+    dismiss: toast.dismiss,
+    done: toast.done,
+    error: (options, props) => {
+      return notify(_objectSpread2({
+        variant: 'error'
+      }, options), props);
+    },
+    info: (options, props) => {
+      return notify(_objectSpread2({
+        variant: 'info'
+      }, options), props);
+    },
+    isActive: toast.isActive,
+    loading: (options, props) => {
+      return notify(_objectSpread2({
+        variant: 'loading'
+      }, options), props);
+    },
+    promise: promise,
+    success: (options, props) => {
+      return notify(_objectSpread2({
+        variant: 'success'
+      }, options), props);
+    },
+    update: update,
+    warning: (options, props) => {
+      return notify(_objectSpread2({
+        variant: 'warning'
+      }, options), props);
+    }
+  };
+};
+
 const TooltipContext = /*#__PURE__*/React.createContext(null);
 
 /**
@@ -2286,5 +3555,5 @@ const useTooltipContext = () => {
   return context;
 };
 
-export { BaseDialog, BaseDialogContent, BasePopover, BaseTooltip, Dialog, DialogContent, DialogContentActions, DialogContentBody, DialogContentHeader, DialogContext, DialogSize, DialogTrigger, Popover, PopoverContent, PopoverContext, PopoverPlacement, PopoverTrigger, Tooltip, TooltipContent, TooltipContext, TooltipPlacement, TooltipTrigger, useDialog, useDialogContext, usePopover, usePopoverContext, useTooltip, useTooltipContext };
+export { BaseDialog, BaseDialogContent, BasePopover, BaseTooltip, Dialog, DialogContent, DialogContentActions, DialogContentBody, DialogContentHeader, DialogContext, DialogSize, DialogTrigger, Popover, PopoverContent, PopoverContext, PopoverPlacement, PopoverTrigger, Toast, ToastContainer, ToastPlacement, ToastVariant, Tooltip, TooltipContent, TooltipContext, TooltipPlacement, TooltipTrigger, useDialog, useDialogContext, usePopover, usePopoverContext, useToast, useTooltip, useTooltipContext };
 //# sourceMappingURL=index.js.map