@luminati-io/uikit 3.5.15 → 3.6.0

package/dist/umd/uikit.development.js

@@ -31557,12 +31557,12 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   Table: () => (/* reexport safe */ _table__WEBPACK_IMPORTED_MODULE_19__.Table),
 /* harmony export */   TagGroup: () => (/* reexport safe */ _tag__WEBPACK_IMPORTED_MODULE_20__.TagGroup),
 /* harmony export */   Toast: () => (/* reexport safe */ _toast__WEBPACK_IMPORTED_MODULE_21__.Toast),
-/* harmony export */   ToastProvider: () => (/* reexport safe */ _toast__WEBPACK_IMPORTED_MODULE_21__.ToastProvider),
+/* harmony export */   Toaster: () => (/* reexport safe */ _toast__WEBPACK_IMPORTED_MODULE_21__.Toaster),
 /* harmony export */   Tooltip: () => (/* reexport safe */ _tooltip__WEBPACK_IMPORTED_MODULE_24__.Tooltip),
 /* harmony export */   Typography: () => (/* reexport module object */ _typography__WEBPACK_IMPORTED_MODULE_9__),
 /* harmony export */   theme: () => (/* reexport safe */ _theme__WEBPACK_IMPORTED_MODULE_6__["default"]),
 /* harmony export */   translation: () => (/* reexport safe */ _translation__WEBPACK_IMPORTED_MODULE_7__["default"]),
-/* harmony export */   useToast: () => (/* reexport safe */ _toast__WEBPACK_IMPORTED_MODULE_21__.useToast),
+/* harmony export */   useToaster: () => (/* reexport safe */ _toast__WEBPACK_IMPORTED_MODULE_21__.useToaster),
 /* harmony export */   withPopover: () => (/* reexport safe */ _hoc__WEBPACK_IMPORTED_MODULE_14__.withPopover),
 /* harmony export */   withTooltip: () => (/* reexport safe */ _tooltip__WEBPACK_IMPORTED_MODULE_24__.withTooltip)
 /* harmony export */ });
@@ -41747,6 +41747,32 @@ var theme = {
 
 /***/ }),
 
+/***/ "./src/toast/context.js":
+/*!******************************!*\
+  !*** ./src/toast/context.js ***!
+  \******************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   ToastContext: () => (/* binding */ ToastContext)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+// LICENSE_CODE ZON
+
+
+/*jslint react:true*/
+
+var defaultContextValue = {
+  maxToasts: 2,
+  position: 'bottom-left'
+};
+var ToastContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createContext(defaultContextValue);
+
+/***/ }),
+
 /***/ "./src/toast/index.js":
 /*!****************************!*\
   !*** ./src/toast/index.js ***!
@@ -41757,11 +41783,12 @@ var theme = {
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   Toast: () => (/* reexport safe */ _toast__WEBPACK_IMPORTED_MODULE_0__.Toast),
-/* harmony export */   ToastProvider: () => (/* reexport safe */ _toast_provider__WEBPACK_IMPORTED_MODULE_1__.ToastProvider),
-/* harmony export */   useToast: () => (/* reexport safe */ _toast_provider__WEBPACK_IMPORTED_MODULE_1__.useToast)
+/* harmony export */   Toaster: () => (/* reexport safe */ _toaster__WEBPACK_IMPORTED_MODULE_1__.Toaster),
+/* harmony export */   useToaster: () => (/* reexport safe */ _use_toaster__WEBPACK_IMPORTED_MODULE_2__.useToaster)
 /* harmony export */ });
 /* harmony import */ var _toast__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./toast */ "./src/toast/toast.js");
-/* harmony import */ var _toast_provider__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./toast_provider */ "./src/toast/toast_provider.js");
+/* harmony import */ var _toaster__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./toaster */ "./src/toast/toaster.js");
+/* harmony import */ var _use_toaster__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./use_toaster */ "./src/toast/use_toaster.js");
 // LICENSE_CODE ZON
 
 
@@ -41769,6 +41796,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 /***/ }),
 
 /***/ "./src/toast/toast.js":
@@ -41797,7 +41825,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /*jslint react:true*/
-var _excluded = ["type", "children", "onClose"];
+var _excluded = ["type", "children", "onClose", "dismissible", "notDismissible"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -41814,7 +41842,11 @@ var Toast = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef
   var type = props.type,
     children = props.children,
     onClose = props.onClose,
+    dismissible = props.dismissible,
+    notDismissible = props.notDismissible,
     rest = _objectWithoutProperties(props, _excluded);
+  var _dismissible = dismissible || type == 'error' || type == 'warning';
+  var _notDismissible = notDismissible;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Wrapper, _extends({
     ref: ref,
     $type: type
@@ -41824,15 +41856,17 @@ var Toast = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef
     variant: "sm",
     color: "gray_11_50"
   }, children), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(RemoveButton, {
-    onClose: onClose,
-    type: type
+    onClick: onClose,
+    dismissible: _dismissible && !_notDismissible
   }));
 });
 Toast.displayName = 'Toast';
 Toast.defaultProps = {};
 Toast.propTypes = {
   type: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['success', 'error', 'warning', 'info', 'generic']),
-  onClose: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func)
+  onClose: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+  dismissible: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  notDismissible: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool)
 };
 var Wrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
   displayName: "Wrapper",
@@ -41869,15 +41903,20 @@ var ToastIcon = function ToastIcon(props) {
   });
 };
 var RemoveButton = function RemoveButton(props) {
-  var type = props.type,
-    onClose = props.onClose;
-  if (type != 'error' & type != 'warning') return null;
+  var onClick = props.onClick,
+    dismissible = props.dismissible;
+  if (!dismissible) return null;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledRemoveButton, {
     variant: "icon",
     icon: "CloseSmall",
-    onClick: onClose
+    onClick: onClick
   });
 };
+RemoveButton.defaultProps = {};
+RemoveButton.propTypes = {
+  onClick: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+  dismissible: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool)
+};
 var StyledRemoveButton = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_icon_button__WEBPACK_IMPORTED_MODULE_5__.IconButton).withConfig({
   displayName: "StyledRemoveButton",
   componentId: "sc-tn2lqb-1"
@@ -41885,310 +41924,290 @@ var StyledRemoveButton = styled_components__WEBPACK_IMPORTED_MODULE_2___default(
 
 /***/ }),
 
-/***/ "./src/toast/toast_container.js":
-/*!**************************************!*\
-  !*** ./src/toast/toast_container.js ***!
-  \**************************************/
+/***/ "./src/toast/toast_item.js":
+/*!*********************************!*\
+  !*** ./src/toast/toast_item.js ***!
+  \*********************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */   ToastItem: () => (/* binding */ ToastItem)
 /* harmony export */ });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "styled-components");
-/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var lodash_isFunction__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash/isFunction */ "./node_modules/lodash/isFunction.js");
+/* harmony import */ var lodash_isFunction__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_isFunction__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "prop-types");
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var react_hot_toast__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-hot-toast */ "./node_modules/react-hot-toast/dist/index.mjs");
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! styled-components */ "styled-components");
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
+/* harmony import */ var _toast__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./toast */ "./src/toast/toast.js");
+/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./context */ "./src/toast/context.js");
 // LICENSE_CODE ZON
 
 
 /*jslint react:true*/
 
 
-var ToastContainer = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {
-  var children = props.children;
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Wrapper, {
-    ref: ref
-  }, children);
+
+
+
+
+
+
+var enterAnimation = function enterAnimation(factor) {
+  return (0,styled_components__WEBPACK_IMPORTED_MODULE_4__.keyframes)(["0%{transform:translate3d(0,", "%,0) scale(.6);opacity:.5;}100%{transform:translate3d(0,0,0) scale(1);opacity:1;}"], factor * -200);
+};
+var exitAnimation = function exitAnimation(factor) {
+  return (0,styled_components__WEBPACK_IMPORTED_MODULE_4__.keyframes)(["0%{transform:translate3d(0,0,-1px) scale(1);opacity:1;}100%{transform:translate3d(0,", "%,-1px) scale(.6);opacity:0;}"], factor * -150);
+};
+var ToastAnimatedComp = styled_components__WEBPACK_IMPORTED_MODULE_4___default().div.withConfig({
+  displayName: "ToastAnimatedComp",
+  componentId: "sc-1whlqk5-0"
+})(["display:flex;align-items:center;will-change:transform;max-width:350px;", ";"], function (props) {
+  var $position = props.$position,
+    $visible = props.$visible;
+  var top = $position.includes('top');
+  var factor = top ? 1 : -1;
+  return $visible ? (0,styled_components__WEBPACK_IMPORTED_MODULE_4__.css)(["animation:", "  0.35s  cubic-bezier(.21,1.02,.73,1)  forwards;"], enterAnimation(factor)) : (0,styled_components__WEBPACK_IMPORTED_MODULE_4__.css)(["animation:", "  0.4s  forwards  cubic-bezier(.06,.71,.55,1)"], exitAnimation(factor));
 });
-ToastContainer.displayName = 'ToastContainer';
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ToastContainer);
-var Wrapper = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
-  displayName: "Wrapper",
-  componentId: "sc-1ayfh0v-0"
-})(["display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;"]);
+ToastAnimatedComp.defaultProps = {
+  $position: 'bottom-left'
+};
+ToastAnimatedComp.propTypes = {
+  $position: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_5__.toastPositions),
+  $visible: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool)
+};
+var ToastComp = function ToastComp(props) {
+  var toast = props.toast;
+  var id = toast.id,
+    type = toast.type,
+    onClose = toast.onClose,
+    dismissToast = toast.dismissToast,
+    message = toast.message,
+    dismissible = toast.dismissible,
+    notDismissible = toast.notDismissible;
+  var _useContext = (0,react__WEBPACK_IMPORTED_MODULE_2__.useContext)(_context__WEBPACK_IMPORTED_MODULE_7__.ToastContext),
+    position = _useContext.position;
+  var onCloseHandler = react__WEBPACK_IMPORTED_MODULE_2___default().useCallback(function () {
+    dismissToast(id);
+    if (lodash_isFunction__WEBPACK_IMPORTED_MODULE_0___default()(onClose)) onClose(id);
+  }, [id]);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(ToastAnimatedComp, {
+    $position: toast.position || position || 'bottom-left',
+    $visible: toast.visible
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_toast__WEBPACK_IMPORTED_MODULE_6__.Toast, {
+    onClose: onCloseHandler,
+    type: type,
+    dismissible: dismissible,
+    notDismissible: notDismissible
+  }, (0,react_hot_toast__WEBPACK_IMPORTED_MODULE_3__.resolveValue)(message, toast)));
+};
+var ToastItem = function ToastItem() {
+  var toast = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(ToastComp, {
+    toast: toast
+  });
+};
 
 /***/ }),
 
-/***/ "./src/toast/toast_context.js":
-/*!************************************!*\
-  !*** ./src/toast/toast_context.js ***!
-  \************************************/
+/***/ "./src/toast/toaster.js":
+/*!******************************!*\
+  !*** ./src/toast/toaster.js ***!
+  \******************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */   Toaster: () => (/* binding */ Toaster)
 /* harmony export */ });
-/* harmony import */ var lodash_noop__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash/noop */ "./node_modules/lodash/noop.js");
-/* harmony import */ var lodash_noop__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_noop__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! prop-types */ "prop-types");
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var react_hot_toast__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-hot-toast */ "./node_modules/react-hot-toast/dist/index.mjs");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
+/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./context */ "./src/toast/context.js");
+/* harmony import */ var _toast_item__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./toast_item */ "./src/toast/toast_item.js");
 // LICENSE_CODE ZON
 
 
 /*jslint react:true*/
 
 
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createContext({
-  enqueueToast: (lodash_noop__WEBPACK_IMPORTED_MODULE_0___default()),
-  closeToast: (lodash_noop__WEBPACK_IMPORTED_MODULE_0___default())
-}));
-
-/***/ }),
-
-/***/ "./src/toast/toast_item.js":
-/*!*********************************!*\
-  !*** ./src/toast/toast_item.js ***!
-  \*********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _toast__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./toast */ "./src/toast/toast.js");
-// LICENSE_CODE ZON
 
 
-/*jslint react:true*/
 
 
-var ToastItem = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {
-  var onClose = props.onClose,
-    onEntered = props.onEntered,
-    onExited = props.onExited,
-    toast = props.toast;
-  var onCloseHandler = react__WEBPACK_IMPORTED_MODULE_0___default().useCallback(function () {
-    onClose(toast.id);
-    onExited(toast.id);
-  }, [toast.id, onClose, onExited]);
-  react__WEBPACK_IMPORTED_MODULE_0___default().useEffect(function () {
-    onEntered(toast.id);
-  }, [onEntered, toast.id]);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_toast__WEBPACK_IMPORTED_MODULE_1__.Toast, {
-    ref: ref,
-    onClose: onCloseHandler,
-    type: toast.type
-  }, toast.message);
-});
-ToastItem.displayName = 'ToastItem';
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ToastItem);
+var Toaster = function Toaster(props) {
+  var position = props.position,
+    gap = props.gap,
+    maxToasts = props.maxToasts,
+    children = props.children;
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_context__WEBPACK_IMPORTED_MODULE_4__.ToastContext.Provider, {
+    value: {
+      maxToasts: maxToasts,
+      position: position
+    }
+  }, children, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(react_hot_toast__WEBPACK_IMPORTED_MODULE_2__.Toaster, {
+    position: position,
+    gutter: gap,
+    toastOptions: {
+      duration: 5000
+    }
+  }, _toast_item__WEBPACK_IMPORTED_MODULE_5__.ToastItem));
+};
+Toaster.defaultProps = {
+  position: 'bottom-left',
+  gap: 8,
+  maxToasts: 2
+};
+Toaster.propTypes = {
+  position: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_3__.toastPositions),
+  gap: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number),
+  maxToasts: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number)
+};
 
 /***/ }),
 
-/***/ "./src/toast/toast_provider.js":
-/*!*************************************!*\
-  !*** ./src/toast/toast_provider.js ***!
-  \*************************************/
+/***/ "./src/toast/use_toaster.js":
+/*!**********************************!*\
+  !*** ./src/toast/use_toaster.js ***!
+  \**********************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   ToastProvider: () => (/* binding */ ToastProvider),
-/* harmony export */   useToast: () => (/* binding */ useToast)
+/* harmony export */   useToaster: () => (/* binding */ useToaster)
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _toast_context__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./toast_context */ "./src/toast/toast_context.js");
-/* harmony import */ var _toast_container__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./toast_container */ "./src/toast/toast_container.js");
-/* harmony import */ var _toast_item__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./toast_item */ "./src/toast/toast_item.js");
+/* harmony import */ var react_hot_toast__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-hot-toast */ "./node_modules/react-hot-toast/dist/index.mjs");
+/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./context */ "./src/toast/context.js");
 // LICENSE_CODE ZON
 
 
 /*jslint react:true*/
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["key"];
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 
 
-var defaults = {
-  maxToasts: 2
-};
-var ToastProvider = /*#__PURE__*/function (_React$Component) {
-  _inherits(ToastProvider, _React$Component);
-  function ToastProvider(props) {
-    var _this;
-    _classCallCheck(this, ToastProvider);
-    _this = _callSuper(this, ToastProvider, [props]);
-    _this.state = {
-      toasts: [],
-      queue: [],
-      contextValue: {
-        enqueueToast: _this.enqueueToast.bind(_assertThisInitialized(_this)),
-        closeToast: _this.closeToast.bind(_assertThisInitialized(_this))
-      }
-    };
-    _this.handleCloseToast = _this.handleCloseToast.bind(_assertThisInitialized(_this));
-    _this.handleEnteredToast = _this.handleEnteredToast.bind(_assertThisInitialized(_this));
-    _this.handleExitedToast = _this.handleExitedToast.bind(_assertThisInitialized(_this));
-    return _this;
-  }
-  _createClass(ToastProvider, [{
-    key: "maxToasts",
-    get: function get() {
-      return this.props.maxToasts || defaults.maxToasts;
-    }
-  }, {
-    key: "enqueueToast",
-    value: function enqueueToast(message) {
-      var _this2 = this;
-      var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-      var key = opts.key,
-        options = _objectWithoutProperties(opts, _excluded);
-      var id = key ? key : Date.now() + Math.random();
-      var toast = _objectSpread(_objectSpread({
-        id: id
-      }, options), {}, {
-        open: true,
-        entered: false,
-        requestClose: false,
-        message: message
-      });
-      this.setState(function (state) {
-        return _this2.processQueue(_objectSpread(_objectSpread({}, state), {}, {
-          queue: [].concat(_toConsumableArray(state.queue), [toast])
+var DEFAULT_TYPE_CONFIG = {
+  'error': {
+    duration: Infinity
+  },
+  'warning': {
+    duration: Infinity
+  },
+  'success': {
+    duration: 5000
+  },
+  'info': {
+    duration: 5000
+  },
+  'generic': {
+    duration: 5000
+  }
+};
+var queue = [];
+var dismissToast = function dismissToast(id) {
+  if (!id) queue.length = 0;
+  return react_hot_toast__WEBPACK_IMPORTED_MODULE_1__["default"].dismiss(id);
+};
+var _useToaster = function _useToaster() {
+  var _useHotToaster = (0,react_hot_toast__WEBPACK_IMPORTED_MODULE_1__.useToaster)(),
+    toasts = _useHotToaster.toasts;
+  var context = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_context__WEBPACK_IMPORTED_MODULE_2__.ToastContext);
+  var processQueue = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {
+    var visibleToasts = toasts.filter(function (t) {
+      return t.visible;
+    });
+    if (visibleToasts.length >= context.maxToasts || queue.length == 0) return;
+    var _queue$shift = queue.shift(),
+      _queue$shift2 = _slicedToArray(_queue$shift, 2),
+      message = _queue$shift2[0],
+      opt = _queue$shift2[1];
+    react_hot_toast__WEBPACK_IMPORTED_MODULE_1__["default"].custom(message, opt);
+  }, [toasts]);
+  var processQueueRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(processQueue);
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
+    processQueueRef.current = processQueue;
+  }, [processQueue]);
+  var enqueueToast = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (message, opt) {
+    var id = Date.now() + Math.random();
+    var type = opt.type || 'generic';
+    var config = DEFAULT_TYPE_CONFIG[type] || DEFAULT_TYPE_CONFIG.generic;
+    queue.push([message, _objectSpread(_objectSpread(_objectSpread({
+      id: id,
+      type: type
+    }, config), opt), {}, {
+      dismissToast: dismissToast
+    })]);
+    processQueueRef.current();
+    return opt.id || id;
+  }, []);
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
+    processQueue();
+  }, [processQueue]);
+  var _toast = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
+    return {
+      error: function error(message, opt) {
+        return enqueueToast(message, _objectSpread(_objectSpread({}, opt), {}, {
+          type: 'error'
         }));
-      });
-      return id;
-    }
-  }, {
-    key: "processQueue",
-    value: function processQueue(state) {
-      var queue = state.queue,
-        toasts = state.toasts;
-      if (toasts.length >= this.maxToasts) return state;
-      if (queue.length > 0) {
-        return _objectSpread(_objectSpread({}, state), {}, {
-          toasts: [].concat(_toConsumableArray(toasts), [queue[0]]),
-          queue: queue.slice(1, queue.length)
-        });
-      }
-      return state;
-    }
-  }, {
-    key: "handleCloseToast",
-    value: function handleCloseToast(id) {
-      if (this.props.onClose) this.props.onClose(id);
-      this.setState(function (_ref) {
-        var toasts = _ref.toasts,
-          queue = _ref.queue;
-        return {
-          toasts: toasts.map(function (t) {
-            if (t.id !== id) return _objectSpread({}, t);
-            return t.entered ? _objectSpread(_objectSpread({}, t), {}, {
-              open: false
-            }) : _objectSpread(_objectSpread({}, t), {}, {
-              requestClose: true
-            });
-          }),
-          queue: queue.filter(function (t) {
-            return t.id !== id;
-          })
-        };
-      });
-    }
-  }, {
-    key: "closeToast",
-    value: function closeToast(id) {
-      var toBeClosed = this.state.toasts.find(function (t) {
-        return t.id === id;
-      });
-      if (id && toBeClosed && toBeClosed.onClose) toBeClosed.onClose(id);
-      this.handleCloseToast(id);
-    }
-  }, {
-    key: "handleEnteredToast",
-    value: function handleEnteredToast(id) {
-      if (!id) return;
-      this.setState(function (_ref2) {
-        var toasts = _ref2.toasts;
-        return {
-          toasts: toasts.map(function (t) {
-            if (t.id !== id) return _objectSpread({}, t);
-            return _objectSpread(_objectSpread({}, t), {}, {
-              entered: true
-            });
-          })
-        };
-      });
-    }
-  }, {
-    key: "handleExitedToast",
-    value: function handleExitedToast(id) {
-      var _this3 = this;
-      if (!id) return;
-      this.setState(function (state) {
-        return _this3.processQueue(_objectSpread(_objectSpread({}, state), {}, {
-          toasts: state.toasts.filter(function (t) {
-            return t.id !== id;
-          })
+      },
+      warning: function warning(message, opt) {
+        return enqueueToast(message, _objectSpread(_objectSpread({}, opt), {}, {
+          type: 'warning'
         }));
-      });
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this4 = this;
-      var children = this.props.children;
-      var toasts = this.state.toasts;
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_toast_context__WEBPACK_IMPORTED_MODULE_1__["default"].Provider, {
-        value: this.state.contextValue
-      }, children, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_toast_container__WEBPACK_IMPORTED_MODULE_2__["default"], null, toasts.map(function (t) {
-        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_toast_item__WEBPACK_IMPORTED_MODULE_3__["default"], {
-          key: t.id,
-          toast: t,
-          onClose: _this4.handleCloseToast,
-          onEntered: _this4.handleEnteredToast,
-          onExited: _this4.handleExitedToast
-        });
-      })));
-    }
-  }]);
-  return ToastProvider;
-}((react__WEBPACK_IMPORTED_MODULE_0___default().Component));
-var useToast = function useToast() {
-  return react__WEBPACK_IMPORTED_MODULE_0___default().useContext(_toast_context__WEBPACK_IMPORTED_MODULE_1__["default"]);
+      },
+      success: function success(message, opt) {
+        return enqueueToast(message, _objectSpread(_objectSpread({}, opt), {}, {
+          type: 'success'
+        }));
+      },
+      info: function info(message, opt) {
+        return enqueueToast(message, _objectSpread(_objectSpread({}, opt), {}, {
+          type: 'info'
+        }));
+      },
+      generic: function generic(message, opt) {
+        return enqueueToast(message, _objectSpread(_objectSpread({}, opt), {}, {
+          type: 'generic'
+        }));
+      }
+    };
+  }, [enqueueToast]);
+  return {
+    enqueueToast: enqueueToast,
+    dismissToast: dismissToast,
+    toast: _toast
+  };
+};
+var useToaster = function useToaster() {
+  var toasterHook = _useToaster();
+  var memoizedHook = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
+    return toasterHook;
+  }, []);
+  return memoizedHook;
 };
 
 /***/ }),
@@ -43767,7 +43786,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   iconNames: () => (/* binding */ iconNames),
 /* harmony export */   toIconSize: () => (/* binding */ toIconSize),
 /* harmony export */   toPixel: () => (/* binding */ toPixel),
-/* harmony export */   toSize: () => (/* binding */ toSize)
+/* harmony export */   toSize: () => (/* binding */ toSize),
+/* harmony export */   toastPositions: () => (/* binding */ toastPositions)
 /* harmony export */ });
 /* harmony import */ var _icons__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @icons */ "./assets/icons/index.js");
 /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "styled-components");
@@ -43837,6 +43857,7 @@ var toIconSize = function toIconSize(size) {
   if (size == 'xxs') return toSize(12);
   return toSize(24);
 };
+var toastPositions = ['top-left', 'top-center', 'top-right', 'bottom-left', 'bottom-center', 'bottom-right'];
 
 /***/ }),
 
@@ -55849,33 +55870,6 @@ memoize.Cache = MapCache;
 module.exports = memoize;
 
 
-/***/ }),
-
-/***/ "./node_modules/lodash/noop.js":
-/*!*************************************!*\
-  !*** ./node_modules/lodash/noop.js ***!
-  \*************************************/
-/***/ ((module) => {
-
-/**
- * This method returns `undefined`.
- *
- * @static
- * @memberOf _
- * @since 2.3.0
- * @category Util
- * @example
- *
- * _.times(2, _.noop);
- * // => [undefined, undefined]
- */
-function noop() {
-  // No operation performed.
-}
-
-module.exports = noop;
-
-
 /***/ }),
 
 /***/ "./node_modules/lodash/now.js":
@@ -116743,6 +116737,27 @@ function transpose(fromDate, constructor) {
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (transpose);
 
 
+/***/ }),
+
+/***/ "./node_modules/goober/dist/goober.modern.js":
+/*!***************************************************!*\
+  !*** ./node_modules/goober/dist/goober.modern.js ***!
+  \***************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   css: () => (/* binding */ u),
+/* harmony export */   extractCss: () => (/* binding */ r),
+/* harmony export */   glob: () => (/* binding */ b),
+/* harmony export */   keyframes: () => (/* binding */ h),
+/* harmony export */   setup: () => (/* binding */ m),
+/* harmony export */   styled: () => (/* binding */ j)
+/* harmony export */ });
+let e={data:""},t=t=>"object"==typeof window?((t?t.querySelector("#_goober"):window._goober)||Object.assign((t||document.head).appendChild(document.createElement("style")),{innerHTML:" ",id:"_goober"})).firstChild:t||e,r=e=>{let r=t(e),l=r.data;return r.data="",l},l=/(?:([\u0080-\uFFFF\w-%@]+) *:? *([^{;]+?);|([^;}{]*?) *{)|(}\s*)/g,a=/\/\*[^]*?\*\/|  +/g,n=/\n+/g,o=(e,t)=>{let r="",l="",a="";for(let n in e){let c=e[n];"@"==n[0]?"i"==n[1]?r=n+" "+c+";":l+="f"==n[1]?o(c,n):n+"{"+o(c,"k"==n[1]?"":t)+"}":"object"==typeof c?l+=o(c,t?t.replace(/([^,])+/g,e=>n.replace(/(^:.*)|([^,])+/g,t=>/&/.test(t)?t.replace(/&/g,e):e?e+" "+t:t)):n):null!=c&&(n=/^--/.test(n)?n:n.replace(/[A-Z]/g,"-$&").toLowerCase(),a+=o.p?o.p(n,c):n+":"+c+";")}return r+(t&&a?t+"{"+a+"}":a)+l},c={},s=e=>{if("object"==typeof e){let t="";for(let r in e)t+=r+s(e[r]);return t}return e},i=(e,t,r,i,p)=>{let u=s(e),d=c[u]||(c[u]=(e=>{let t=0,r=11;for(;t<e.length;)r=101*r+e.charCodeAt(t++)>>>0;return"go"+r})(u));if(!c[d]){let t=u!==e?e:(e=>{let t,r,o=[{}];for(;t=l.exec(e.replace(a,""));)t[4]?o.shift():t[3]?(r=t[3].replace(n," ").trim(),o.unshift(o[0][r]=o[0][r]||{})):o[0][t[1]]=t[2].replace(n," ").trim();return o[0]})(e);c[d]=o(p?{["@keyframes "+d]:t}:t,r?"":"."+d)}let f=r&&c.g?c.g:null;return r&&(c.g=c[d]),((e,t,r,l)=>{l?t.data=t.data.replace(l,e):-1===t.data.indexOf(e)&&(t.data=r?e+t.data:t.data+e)})(c[d],t,i,f),d},p=(e,t,r)=>e.reduce((e,l,a)=>{let n=t[a];if(n&&n.call){let e=n(r),t=e&&e.props&&e.props.className||/^go/.test(e)&&e;n=t?"."+t:e&&"object"==typeof e?e.props?"":o(e,""):!1===e?"":e}return e+l+(null==n?"":n)},"");function u(e){let r=this||{},l=e.call?e(r.p):e;return i(l.unshift?l.raw?p(l,[].slice.call(arguments,1),r.p):l.reduce((e,t)=>Object.assign(e,t&&t.call?t(r.p):t),{}):l,t(r.target),r.g,r.o,r.k)}let d,f,g,b=u.bind({g:1}),h=u.bind({k:1});function m(e,t,r,l){o.p=t,d=e,f=r,g=l}function j(e,t){let r=this||{};return function(){let l=arguments;function a(n,o){let c=Object.assign({},n),s=c.className||a.className;r.p=Object.assign({theme:f&&f()},c),r.o=/ *go\d+/.test(s),c.className=u.apply(r,l)+(s?" "+s:""),t&&(c.ref=o);let i=e;return e[0]&&(i=c.as||e,delete c.as),g&&i[0]&&g(c),d(i,c)}return t?t(a):a}}
+
+
 /***/ }),
 
 /***/ "./node_modules/internmap/src/index.js":
@@ -116820,6 +116835,211 @@ function keyof(value) {
 }
 
 
+/***/ }),
+
+/***/ "./node_modules/react-hot-toast/dist/index.mjs":
+/*!*****************************************************!*\
+  !*** ./node_modules/react-hot-toast/dist/index.mjs ***!
+  \*****************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   CheckmarkIcon: () => (/* binding */ w),
+/* harmony export */   ErrorIcon: () => (/* binding */ _),
+/* harmony export */   LoaderIcon: () => (/* binding */ V),
+/* harmony export */   ToastBar: () => (/* binding */ F),
+/* harmony export */   ToastIcon: () => (/* binding */ M),
+/* harmony export */   Toaster: () => (/* binding */ Ie),
+/* harmony export */   "default": () => (/* binding */ _t),
+/* harmony export */   resolveValue: () => (/* binding */ T),
+/* harmony export */   toast: () => (/* binding */ n),
+/* harmony export */   useToaster: () => (/* binding */ D),
+/* harmony export */   useToasterStore: () => (/* binding */ I)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var goober__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! goober */ "./node_modules/goober/dist/goober.modern.js");
+"use client";
+var W=e=>typeof e=="function",T=(e,t)=>W(e)?e(t):e;var U=(()=>{let e=0;return()=>(++e).toString()})(),b=(()=>{let e;return()=>{if(e===void 0&&typeof window<"u"){let t=matchMedia("(prefers-reduced-motion: reduce)");e=!t||t.matches}return e}})();var Q=20;var S=new Map,X=1e3,$=e=>{if(S.has(e))return;let t=setTimeout(()=>{S.delete(e),u({type:4,toastId:e})},X);S.set(e,t)},J=e=>{let t=S.get(e);t&&clearTimeout(t)},v=(e,t)=>{switch(t.type){case 0:return{...e,toasts:[t.toast,...e.toasts].slice(0,Q)};case 1:return t.toast.id&&J(t.toast.id),{...e,toasts:e.toasts.map(r=>r.id===t.toast.id?{...r,...t.toast}:r)};case 2:let{toast:o}=t;return e.toasts.find(r=>r.id===o.id)?v(e,{type:1,toast:o}):v(e,{type:0,toast:o});case 3:let{toastId:s}=t;return s?$(s):e.toasts.forEach(r=>{$(r.id)}),{...e,toasts:e.toasts.map(r=>r.id===s||s===void 0?{...r,visible:!1}:r)};case 4:return t.toastId===void 0?{...e,toasts:[]}:{...e,toasts:e.toasts.filter(r=>r.id!==t.toastId)};case 5:return{...e,pausedAt:t.time};case 6:let a=t.time-(e.pausedAt||0);return{...e,pausedAt:void 0,toasts:e.toasts.map(r=>({...r,pauseDuration:r.pauseDuration+a}))}}},A=[],P={toasts:[],pausedAt:void 0},u=e=>{P=v(P,e),A.forEach(t=>{t(P)})},Y={blank:4e3,error:4e3,success:2e3,loading:1/0,custom:4e3},I=(e={})=>{let[t,o]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(P);(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(()=>(A.push(o),()=>{let a=A.indexOf(o);a>-1&&A.splice(a,1)}),[t]);let s=t.toasts.map(a=>{var r,c;return{...e,...e[a.type],...a,duration:a.duration||((r=e[a.type])==null?void 0:r.duration)||(e==null?void 0:e.duration)||Y[a.type],style:{...e.style,...(c=e[a.type])==null?void 0:c.style,...a.style}}});return{...t,toasts:s}};var G=(e,t="blank",o)=>({createdAt:Date.now(),visible:!0,type:t,ariaProps:{role:"status","aria-live":"polite"},message:e,pauseDuration:0,...o,id:(o==null?void 0:o.id)||U()}),h=e=>(t,o)=>{let s=G(t,e,o);return u({type:2,toast:s}),s.id},n=(e,t)=>h("blank")(e,t);n.error=h("error");n.success=h("success");n.loading=h("loading");n.custom=h("custom");n.dismiss=e=>{u({type:3,toastId:e})};n.remove=e=>u({type:4,toastId:e});n.promise=(e,t,o)=>{let s=n.loading(t.loading,{...o,...o==null?void 0:o.loading});return e.then(a=>(n.success(T(t.success,a),{id:s,...o,...o==null?void 0:o.success}),a)).catch(a=>{n.error(T(t.error,a),{id:s,...o,...o==null?void 0:o.error})}),e};var Z=(e,t)=>{u({type:1,toast:{id:e,height:t}})},ee=()=>{u({type:5,time:Date.now()})},D=e=>{let{toasts:t,pausedAt:o}=I(e);(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(()=>{if(o)return;let r=Date.now(),c=t.map(i=>{if(i.duration===1/0)return;let d=(i.duration||0)+i.pauseDuration-(r-i.createdAt);if(d<0){i.visible&&n.dismiss(i.id);return}return setTimeout(()=>n.dismiss(i.id),d)});return()=>{c.forEach(i=>i&&clearTimeout(i))}},[t,o]);let s=(0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(()=>{o&&u({type:6,time:Date.now()})},[o]),a=(0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((r,c)=>{let{reverseOrder:i=!1,gutter:d=8,defaultPosition:p}=c||{},g=t.filter(m=>(m.position||p)===(r.position||p)&&m.height),E=g.findIndex(m=>m.id===r.id),x=g.filter((m,R)=>R<E&&m.visible).length;return g.filter(m=>m.visible).slice(...i?[x+1]:[0,x]).reduce((m,R)=>m+(R.height||0)+d,0)},[t]);return{toasts:t,handlers:{updateHeight:Z,startPause:ee,endPause:s,calculateOffset:a}}};var oe=(0,goober__WEBPACK_IMPORTED_MODULE_1__.keyframes)`
+from {
+  transform: scale(0) rotate(45deg);
+	opacity: 0;
+}
+to {
+ transform: scale(1) rotate(45deg);
+  opacity: 1;
+}`,re=(0,goober__WEBPACK_IMPORTED_MODULE_1__.keyframes)`
+from {
+  transform: scale(0);
+  opacity: 0;
+}
+to {
+  transform: scale(1);
+  opacity: 1;
+}`,se=(0,goober__WEBPACK_IMPORTED_MODULE_1__.keyframes)`
+from {
+  transform: scale(0) rotate(90deg);
+	opacity: 0;
+}
+to {
+  transform: scale(1) rotate(90deg);
+	opacity: 1;
+}`,_=(0,goober__WEBPACK_IMPORTED_MODULE_1__.styled)("div")`
+  width: 20px;
+  opacity: 0;
+  height: 20px;
+  border-radius: 10px;
+  background: ${e=>e.primary||"#ff4b4b"};
+  position: relative;
+  transform: rotate(45deg);
+
+  animation: ${oe} 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)
+    forwards;
+  animation-delay: 100ms;
+
+  &:after,
+  &:before {
+    content: '';
+    animation: ${re} 0.15s ease-out forwards;
+    animation-delay: 150ms;
+    position: absolute;
+    border-radius: 3px;
+    opacity: 0;
+    background: ${e=>e.secondary||"#fff"};
+    bottom: 9px;
+    left: 4px;
+    height: 2px;
+    width: 12px;
+  }
+
+  &:before {
+    animation: ${se} 0.15s ease-out forwards;
+    animation-delay: 180ms;
+    transform: rotate(90deg);
+  }
+`;var ne=(0,goober__WEBPACK_IMPORTED_MODULE_1__.keyframes)`
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+`,V=(0,goober__WEBPACK_IMPORTED_MODULE_1__.styled)("div")`
+  width: 12px;
+  height: 12px;
+  box-sizing: border-box;
+  border: 2px solid;
+  border-radius: 100%;
+  border-color: ${e=>e.secondary||"#e0e0e0"};
+  border-right-color: ${e=>e.primary||"#616161"};
+  animation: ${ne} 1s linear infinite;
+`;var pe=(0,goober__WEBPACK_IMPORTED_MODULE_1__.keyframes)`
+from {
+  transform: scale(0) rotate(45deg);
+	opacity: 0;
+}
+to {
+  transform: scale(1) rotate(45deg);
+	opacity: 1;
+}`,de=(0,goober__WEBPACK_IMPORTED_MODULE_1__.keyframes)`
+0% {
+	height: 0;
+	width: 0;
+	opacity: 0;
+}
+40% {
+  height: 0;
+	width: 6px;
+	opacity: 1;
+}
+100% {
+  opacity: 1;
+  height: 10px;
+}`,w=(0,goober__WEBPACK_IMPORTED_MODULE_1__.styled)("div")`
+  width: 20px;
+  opacity: 0;
+  height: 20px;
+  border-radius: 10px;
+  background: ${e=>e.primary||"#61d345"};
+  position: relative;
+  transform: rotate(45deg);
+
+  animation: ${pe} 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)
+    forwards;
+  animation-delay: 100ms;
+  &:after {
+    content: '';
+    box-sizing: border-box;
+    animation: ${de} 0.2s ease-out forwards;
+    opacity: 0;
+    animation-delay: 200ms;
+    position: absolute;
+    border-right: 2px solid;
+    border-bottom: 2px solid;
+    border-color: ${e=>e.secondary||"#fff"};
+    bottom: 6px;
+    left: 6px;
+    height: 10px;
+    width: 6px;
+  }
+`;var ue=(0,goober__WEBPACK_IMPORTED_MODULE_1__.styled)("div")`
+  position: absolute;
+`,le=(0,goober__WEBPACK_IMPORTED_MODULE_1__.styled)("div")`
+  position: relative;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  min-width: 20px;
+  min-height: 20px;
+`,Te=(0,goober__WEBPACK_IMPORTED_MODULE_1__.keyframes)`
+from {
+  transform: scale(0.6);
+  opacity: 0.4;
+}
+to {
+  transform: scale(1);
+  opacity: 1;
+}`,fe=(0,goober__WEBPACK_IMPORTED_MODULE_1__.styled)("div")`
+  position: relative;
+  transform: scale(0.6);
+  opacity: 0.4;
+  min-width: 20px;
+  animation: ${Te} 0.3s 0.12s cubic-bezier(0.175, 0.885, 0.32, 1.275)
+    forwards;
+`,M=({toast:e})=>{let{icon:t,type:o,iconTheme:s}=e;return t!==void 0?typeof t=="string"?react__WEBPACK_IMPORTED_MODULE_0__.createElement(fe,null,t):t:o==="blank"?null:react__WEBPACK_IMPORTED_MODULE_0__.createElement(le,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(V,{...s}),o!=="loading"&&react__WEBPACK_IMPORTED_MODULE_0__.createElement(ue,null,o==="error"?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_,{...s}):react__WEBPACK_IMPORTED_MODULE_0__.createElement(w,{...s})))};var ye=e=>`
+0% {transform: translate3d(0,${e*-200}%,0) scale(.6); opacity:.5;}
+100% {transform: translate3d(0,0,0) scale(1); opacity:1;}
+`,ge=e=>`
+0% {transform: translate3d(0,0,-1px) scale(1); opacity:1;}
+100% {transform: translate3d(0,${e*-150}%,-1px) scale(.6); opacity:0;}
+`,he="0%{opacity:0;} 100%{opacity:1;}",xe="0%{opacity:1;} 100%{opacity:0;}",be=(0,goober__WEBPACK_IMPORTED_MODULE_1__.styled)("div")`
+  display: flex;
+  align-items: center;
+  background: #fff;
+  color: #363636;
+  line-height: 1.3;
+  will-change: transform;
+  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.05);
+  max-width: 350px;
+  pointer-events: auto;
+  padding: 8px 10px;
+  border-radius: 8px;
+`,Se=(0,goober__WEBPACK_IMPORTED_MODULE_1__.styled)("div")`
+  display: flex;
+  justify-content: center;
+  margin: 4px 10px;
+  color: inherit;
+  flex: 1 1 auto;
+  white-space: pre-line;
+`,Ae=(e,t)=>{let s=e.includes("top")?1:-1,[a,r]=b()?[he,xe]:[ye(s),ge(s)];return{animation:t?`${(0,goober__WEBPACK_IMPORTED_MODULE_1__.keyframes)(a)} 0.35s cubic-bezier(.21,1.02,.73,1) forwards`:`${(0,goober__WEBPACK_IMPORTED_MODULE_1__.keyframes)(r)} 0.4s forwards cubic-bezier(.06,.71,.55,1)`}},F=react__WEBPACK_IMPORTED_MODULE_0__.memo(({toast:e,position:t,style:o,children:s})=>{let a=e.height?Ae(e.position||t||"top-center",e.visible):{opacity:0},r=react__WEBPACK_IMPORTED_MODULE_0__.createElement(M,{toast:e}),c=react__WEBPACK_IMPORTED_MODULE_0__.createElement(Se,{...e.ariaProps},T(e.message,e));return react__WEBPACK_IMPORTED_MODULE_0__.createElement(be,{className:e.className,style:{...a,...o,...e.style}},typeof s=="function"?s({icon:r,message:c}):react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,r,c))});(0,goober__WEBPACK_IMPORTED_MODULE_1__.setup)(react__WEBPACK_IMPORTED_MODULE_0__.createElement);var Ee=({id:e,className:t,style:o,onHeightUpdate:s,children:a})=>{let r=react__WEBPACK_IMPORTED_MODULE_0__.useCallback(c=>{if(c){let i=()=>{let d=c.getBoundingClientRect().height;s(e,d)};i(),new MutationObserver(i).observe(c,{subtree:!0,childList:!0,characterData:!0})}},[e,s]);return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{ref:r,className:t,style:o},a)},Re=(e,t)=>{let o=e.includes("top"),s=o?{top:0}:{bottom:0},a=e.includes("center")?{justifyContent:"center"}:e.includes("right")?{justifyContent:"flex-end"}:{};return{left:0,right:0,display:"flex",position:"absolute",transition:b()?void 0:"all 230ms cubic-bezier(.21,1.02,.73,1)",transform:`translateY(${t*(o?1:-1)}px)`,...s,...a}},ve=(0,goober__WEBPACK_IMPORTED_MODULE_1__.css)`
+  z-index: 9999;
+  > * {
+    pointer-events: auto;
+  }
+`,O=16,Ie=({reverseOrder:e,position:t="top-center",toastOptions:o,gutter:s,children:a,containerStyle:r,containerClassName:c})=>{let{toasts:i,handlers:d}=D(o);return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{style:{position:"fixed",zIndex:9999,top:O,left:O,right:O,bottom:O,pointerEvents:"none",...r},className:c,onMouseEnter:d.startPause,onMouseLeave:d.endPause},i.map(p=>{let g=p.position||t,E=d.calculateOffset(p,{reverseOrder:e,gutter:s,defaultPosition:t}),x=Re(g,E);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(Ee,{id:p.id,key:p.id,onHeightUpdate:d.updateHeight,className:p.visible?ve:"",style:x},p.type==="custom"?T(p.message,p):a?a(p):react__WEBPACK_IMPORTED_MODULE_0__.createElement(F,{toast:p,position:g}))}))};var _t=n;
+//# sourceMappingURL=index.mjs.map
+
 /***/ }),
 
 /***/ "./node_modules/stylis/src/Enum.js":
@@ -118021,13 +118241,13 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   Table: () => (/* reexport safe */ _core__WEBPACK_IMPORTED_MODULE_0__.Table),
 /* harmony export */   TagGroup: () => (/* reexport safe */ _core__WEBPACK_IMPORTED_MODULE_0__.TagGroup),
 /* harmony export */   Toast: () => (/* reexport safe */ _core__WEBPACK_IMPORTED_MODULE_0__.Toast),
-/* harmony export */   ToastProvider: () => (/* reexport safe */ _core__WEBPACK_IMPORTED_MODULE_0__.ToastProvider),
+/* harmony export */   Toaster: () => (/* reexport safe */ _core__WEBPACK_IMPORTED_MODULE_0__.Toaster),
 /* harmony export */   Tooltip: () => (/* reexport safe */ _core__WEBPACK_IMPORTED_MODULE_0__.Tooltip),
 /* harmony export */   Typography: () => (/* reexport safe */ _core__WEBPACK_IMPORTED_MODULE_0__.Typography),
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__),
 /* harmony export */   theme: () => (/* reexport safe */ _core__WEBPACK_IMPORTED_MODULE_0__.theme),
 /* harmony export */   translation: () => (/* reexport safe */ _core__WEBPACK_IMPORTED_MODULE_0__.translation),
-/* harmony export */   useToast: () => (/* reexport safe */ _core__WEBPACK_IMPORTED_MODULE_0__.useToast),
+/* harmony export */   useToaster: () => (/* reexport safe */ _core__WEBPACK_IMPORTED_MODULE_0__.useToaster),
 /* harmony export */   withPopover: () => (/* reexport safe */ _core__WEBPACK_IMPORTED_MODULE_0__.withPopover),
 /* harmony export */   withTooltip: () => (/* reexport safe */ _core__WEBPACK_IMPORTED_MODULE_0__.withTooltip)
 /* harmony export */ });