@blerp/design 1.0.81 → 1.0.86

package/dist/index.cjs.js

@@ -29,6 +29,7 @@ var Dropzone = require('react-dropzone');
 var InsertPhotoRoundedIcon = require('@mui/icons-material/InsertPhotoRounded');
 var styles = require('@mui/material/styles');
 var Slide = require('@mui/material/Slide');
+var Fade = require('@mui/material/Fade');
 var Lottie = require('react-lottie');
 var AddRoundedIcon = require('@mui/icons-material/AddRounded');
 var FacebookIcon = require('@mui/icons-material/Facebook');
@@ -96,6 +97,7 @@ var AvatarEditor__default = /*#__PURE__*/_interopDefaultLegacy(AvatarEditor);
 var Dropzone__default = /*#__PURE__*/_interopDefaultLegacy(Dropzone);
 var InsertPhotoRoundedIcon__default = /*#__PURE__*/_interopDefaultLegacy(InsertPhotoRoundedIcon);
 var Slide__default = /*#__PURE__*/_interopDefaultLegacy(Slide);
+var Fade__default = /*#__PURE__*/_interopDefaultLegacy(Fade);
 var Lottie__default = /*#__PURE__*/_interopDefaultLegacy(Lottie);
 var AddRoundedIcon__default = /*#__PURE__*/_interopDefaultLegacy(AddRoundedIcon);
 var FacebookIcon__default = /*#__PURE__*/_interopDefaultLegacy(FacebookIcon);
@@ -3156,9 +3158,9 @@ var Dropdown$1 = function Dropdown(_ref) {
         handleOptionClicked(option);
         handleClose();
       }
-    }, /*#__PURE__*/React__default['default'].createElement(Text, {
+    }, option.startImageIcon ? option.startImageIcon : /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null), /*#__PURE__*/React__default['default'].createElement(Text, {
       noWrap: true
-    }, option.name));
+    }, option.name), option.endImageIcon ? option.endImageIcon : /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null));
   })));
 };
 
@@ -4183,20 +4185,16 @@ var SnackbarContext = /*#__PURE__*/React__default['default'].createContext({
       horizontal: "center"
     },
     slideDirection: "up",
+    transitionType: "slide",
     severity: "success",
-    actionButton: /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null)
+    actionButton: /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null),
+    autoHideDuration: 5000
   },
   triggerSnackbar: function triggerSnackbar() {
     return null;
   }
 });
 
-var slideTransition = function slideTransition(props) {
-  return /*#__PURE__*/React__default['default'].createElement(Slide__default['default'], _extends__default['default']({}, props, {
-    direction: "up"
-  }));
-};
-
 var SnackbarProvider = function SnackbarProvider(props) {
   var _useState = React.useState(false),
       _useState2 = _slicedToArray__default['default'](_useState, 2),
@@ -4210,9 +4208,11 @@ var SnackbarProvider = function SnackbarProvider(props) {
       horizontal: "center"
     },
     color: "notBlack",
+    transitionType: "slide",
     slideDirection: "up",
     severity: "success",
-    actionButton: /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null)
+    actionButton: /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null),
+    autoHideDuration: 5000
   }),
       _useState4 = _slicedToArray__default['default'](_useState3, 2),
       snackbarValues = _useState4[0],
@@ -4228,11 +4228,15 @@ var SnackbarProvider = function SnackbarProvider(props) {
     } : _ref$position,
         _ref$slideDirection = _ref.slideDirection,
         slideDirection = _ref$slideDirection === void 0 ? "up" : _ref$slideDirection,
+        _ref$transitionType = _ref.transitionType,
+        transitionType = _ref$transitionType === void 0 ? "slide" : _ref$transitionType,
         _ref$severity = _ref.severity,
         severity = _ref$severity === void 0 ? "success" : _ref$severity,
         color = _ref.color,
         _ref$actionButton = _ref.actionButton,
-        actionButton = _ref$actionButton === void 0 ? /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null) : _ref$actionButton;
+        actionButton = _ref$actionButton === void 0 ? /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null) : _ref$actionButton,
+        _ref$autoHideDuration = _ref.autoHideDuration,
+        autoHideDuration = _ref$autoHideDuration === void 0 ? 5000 : _ref$autoHideDuration;
 
     if (!color) {
       switch (severity) {
@@ -4255,9 +4259,11 @@ var SnackbarProvider = function SnackbarProvider(props) {
       message: message,
       position: position,
       color: color,
+      transitionType: transitionType,
       slideDirection: slideDirection,
       severity: severity,
-      actionButton: actionButton
+      actionButton: actionButton,
+      autoHideDuration: autoHideDuration
     });
   };
 
@@ -4269,12 +4275,20 @@ var SnackbarProvider = function SnackbarProvider(props) {
     }
   }, /*#__PURE__*/React__default['default'].createElement(Snackbar, {
     anchorOrigin: _objectSpread$2({}, snackbarValues.position),
-    autoHideDuration: 5000,
+    autoHideDuration: snackbarValues.autoHideDuration,
     open: open,
     sx: {
       minWidth: "30%"
     },
-    TransitionComponent: slideTransition,
+    TransitionComponent: snackbarValues.transitionType === "fade" ? function (props) {
+      return /*#__PURE__*/React__default['default'].createElement(Fade__default['default'], _extends__default['default']({}, props, {
+        direction: snackbarValues.slideDirection
+      }));
+    } : function (props) {
+      return /*#__PURE__*/React__default['default'].createElement(Slide__default['default'], _extends__default['default']({}, props, {
+        direction: snackbarValues.slideDirection
+      }));
+    },
     onClose: function onClose() {
       return setOpen(false);
     },

package/dist/index.esm.js

@@ -26,6 +26,7 @@ import Dropzone from 'react-dropzone';
 import InsertPhotoRoundedIcon from '@mui/icons-material/InsertPhotoRounded';
 import { createTheme, ThemeProvider } from '@mui/material/styles';
 import Slide from '@mui/material/Slide';
+import Fade from '@mui/material/Fade';
 import Lottie from 'react-lottie';
 import AddRoundedIcon from '@mui/icons-material/AddRounded';
 import FacebookIcon from '@mui/icons-material/Facebook';
@@ -3088,9 +3089,9 @@ var Dropdown$1 = function Dropdown(_ref) {
         handleOptionClicked(option);
         handleClose();
       }
-    }, /*#__PURE__*/React__default.createElement(Text, {
+    }, option.startImageIcon ? option.startImageIcon : /*#__PURE__*/React__default.createElement(React__default.Fragment, null), /*#__PURE__*/React__default.createElement(Text, {
       noWrap: true
-    }, option.name));
+    }, option.name), option.endImageIcon ? option.endImageIcon : /*#__PURE__*/React__default.createElement(React__default.Fragment, null));
   })));
 };
 
@@ -4115,20 +4116,16 @@ var SnackbarContext = /*#__PURE__*/React__default.createContext({
       horizontal: "center"
     },
     slideDirection: "up",
+    transitionType: "slide",
     severity: "success",
-    actionButton: /*#__PURE__*/React__default.createElement(React__default.Fragment, null)
+    actionButton: /*#__PURE__*/React__default.createElement(React__default.Fragment, null),
+    autoHideDuration: 5000
   },
   triggerSnackbar: function triggerSnackbar() {
     return null;
   }
 });
 
-var slideTransition = function slideTransition(props) {
-  return /*#__PURE__*/React__default.createElement(Slide, _extends({}, props, {
-    direction: "up"
-  }));
-};
-
 var SnackbarProvider = function SnackbarProvider(props) {
   var _useState = useState(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -4142,9 +4139,11 @@ var SnackbarProvider = function SnackbarProvider(props) {
       horizontal: "center"
     },
     color: "notBlack",
+    transitionType: "slide",
     slideDirection: "up",
     severity: "success",
-    actionButton: /*#__PURE__*/React__default.createElement(React__default.Fragment, null)
+    actionButton: /*#__PURE__*/React__default.createElement(React__default.Fragment, null),
+    autoHideDuration: 5000
   }),
       _useState4 = _slicedToArray(_useState3, 2),
       snackbarValues = _useState4[0],
@@ -4160,11 +4159,15 @@ var SnackbarProvider = function SnackbarProvider(props) {
     } : _ref$position,
         _ref$slideDirection = _ref.slideDirection,
         slideDirection = _ref$slideDirection === void 0 ? "up" : _ref$slideDirection,
+        _ref$transitionType = _ref.transitionType,
+        transitionType = _ref$transitionType === void 0 ? "slide" : _ref$transitionType,
         _ref$severity = _ref.severity,
         severity = _ref$severity === void 0 ? "success" : _ref$severity,
         color = _ref.color,
         _ref$actionButton = _ref.actionButton,
-        actionButton = _ref$actionButton === void 0 ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null) : _ref$actionButton;
+        actionButton = _ref$actionButton === void 0 ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null) : _ref$actionButton,
+        _ref$autoHideDuration = _ref.autoHideDuration,
+        autoHideDuration = _ref$autoHideDuration === void 0 ? 5000 : _ref$autoHideDuration;
 
     if (!color) {
       switch (severity) {
@@ -4187,9 +4190,11 @@ var SnackbarProvider = function SnackbarProvider(props) {
       message: message,
       position: position,
       color: color,
+      transitionType: transitionType,
       slideDirection: slideDirection,
       severity: severity,
-      actionButton: actionButton
+      actionButton: actionButton,
+      autoHideDuration: autoHideDuration
     });
   };
 
@@ -4201,12 +4206,20 @@ var SnackbarProvider = function SnackbarProvider(props) {
     }
   }, /*#__PURE__*/React__default.createElement(Snackbar, {
     anchorOrigin: _objectSpread$2({}, snackbarValues.position),
-    autoHideDuration: 5000,
+    autoHideDuration: snackbarValues.autoHideDuration,
     open: open,
     sx: {
       minWidth: "30%"
     },
-    TransitionComponent: slideTransition,
+    TransitionComponent: snackbarValues.transitionType === "fade" ? function (props) {
+      return /*#__PURE__*/React__default.createElement(Fade, _extends({}, props, {
+        direction: snackbarValues.slideDirection
+      }));
+    } : function (props) {
+      return /*#__PURE__*/React__default.createElement(Slide, _extends({}, props, {
+        direction: snackbarValues.slideDirection
+      }));
+    },
     onClose: function onClose() {
       return setOpen(false);
     },

package/dist/index.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@mui/material'), require('@babel/runtime/helpers/slicedToArray'), require('prop-types'), require('react'), require('react-color-extractor'), require('styled-components'), require('@babel/runtime/helpers/taggedTemplateLiteral'), require('@mui/icons-material'), require('@mui/icons-material/BookmarkOutlined'), require('@mui/icons-material/LockRounded'), require('@mui/icons-material/BookmarkAddOutlined'), require('@mui/icons-material/MoreHorizRounded'), require('react-palette'), require('@babel/runtime/helpers/typeof'), require('@mui/icons-material/KeyboardArrowRightRounded'), require('@babel/runtime/helpers/defineProperty'), require('@mui/icons-material/KeyboardArrowDownRounded'), require('@mui/icons-material/CloseRounded'), require('@mui/icons-material/FileUploadRounded'), require('@babel/runtime/helpers/extends'), require('@babel/runtime/helpers/asyncToGenerator'), require('@babel/runtime/regenerator'), require('react-avatar-editor'), require('react-dropzone'), require('@mui/icons-material/InsertPhotoRounded'), require('@mui/material/styles'), require('@mui/material/Slide'), require('react-lottie'), require('@mui/icons-material/AddRounded'), require('@mui/icons-material/Facebook'), require('@mui/icons-material/Instagram'), require('@mui/icons-material/ModeEditRounded'), require('@mui/icons-material/PersonAddRounded'), require('@mui/icons-material/Pinterest'), require('@mui/icons-material/Twitter'), require('@mui/icons-material/YouTube'), require('@mui/icons-material/PersonRemoveRounded'), require('@babel/runtime/helpers/toConsumableArray'), require('@mui/icons-material/FilterAltRounded'), require('@mui/icons-material/MenuRounded'), require('@mui/icons-material/ViewModuleRounded'), require('@mui/icons-material/SettingsRounded'), require('@mui/icons-material/SortRounded'), require('@mui/icons-material/ChevronRightRounded'), require('@mui/icons-material/PersonRounded'), require('@mui/icons-material/SearchRounded'), require('@mui/icons-material/BookmarkRemoveOutlined'), require('@mui/icons-material/VisibilityOffRounded')) :
-    typeof define === 'function' && define.amd ? define(['exports', '@mui/material', '@babel/runtime/helpers/slicedToArray', 'prop-types', 'react', 'react-color-extractor', 'styled-components', '@babel/runtime/helpers/taggedTemplateLiteral', '@mui/icons-material', '@mui/icons-material/BookmarkOutlined', '@mui/icons-material/LockRounded', '@mui/icons-material/BookmarkAddOutlined', '@mui/icons-material/MoreHorizRounded', 'react-palette', '@babel/runtime/helpers/typeof', '@mui/icons-material/KeyboardArrowRightRounded', '@babel/runtime/helpers/defineProperty', '@mui/icons-material/KeyboardArrowDownRounded', '@mui/icons-material/CloseRounded', '@mui/icons-material/FileUploadRounded', '@babel/runtime/helpers/extends', '@babel/runtime/helpers/asyncToGenerator', '@babel/runtime/regenerator', 'react-avatar-editor', 'react-dropzone', '@mui/icons-material/InsertPhotoRounded', '@mui/material/styles', '@mui/material/Slide', 'react-lottie', '@mui/icons-material/AddRounded', '@mui/icons-material/Facebook', '@mui/icons-material/Instagram', '@mui/icons-material/ModeEditRounded', '@mui/icons-material/PersonAddRounded', '@mui/icons-material/Pinterest', '@mui/icons-material/Twitter', '@mui/icons-material/YouTube', '@mui/icons-material/PersonRemoveRounded', '@babel/runtime/helpers/toConsumableArray', '@mui/icons-material/FilterAltRounded', '@mui/icons-material/MenuRounded', '@mui/icons-material/ViewModuleRounded', '@mui/icons-material/SettingsRounded', '@mui/icons-material/SortRounded', '@mui/icons-material/ChevronRightRounded', '@mui/icons-material/PersonRounded', '@mui/icons-material/SearchRounded', '@mui/icons-material/BookmarkRemoveOutlined', '@mui/icons-material/VisibilityOffRounded'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global['react-awesome-buttons'] = {}, global.material, global._slicedToArray, global.PropTypes, global.React, global.reactColorExtractor, global.styled, global._taggedTemplateLiteral, global.iconsMaterial, global.BookmarkOutlinedIcon, global.LockRoundedIcon, global.BookmarkAddOutlinedIcon, global.MoreHorizRoundedIcon, global.reactPalette, global._typeof, global.KeyboardArrowRightRoundedIcon, global._defineProperty, global.KeyboardArrowDownRoundedIcon, global.CloseRoundedIcon, global.FileUploadRoundedIcon, global._extends, global._asyncToGenerator, global._regeneratorRuntime, global.AvatarEditor, global.Dropzone, global.InsertPhotoRoundedIcon, global.styles, global.Slide, global.Lottie, global.AddRoundedIcon, global.FacebookIcon, global.InstagramIcon, global.ModeEditRoundedIcon, global.PersonAddRoundedIcon, global.PinterestIcon, global.TwitterIcon, global.YouTubeIcon, global.PersonRemoveRoundedIcon, global._toConsumableArray, null, global.MenuRoundedIcon, global.ViewModuleRoundedIcon, null, global.SortRoundedIcon, global.ChevronRightRoundedIcon, global.PersonRoundedIcon, global.SearchRoundedIcon, global.BookmarkRemoveOutlinedIcon, global.VisibilityOffRoundedIcon));
-}(this, (function (exports, material, _slicedToArray, PropTypes, React, reactColorExtractor, styled, _taggedTemplateLiteral, iconsMaterial, BookmarkOutlinedIcon, LockRoundedIcon, BookmarkAddOutlinedIcon, MoreHorizRoundedIcon, reactPalette, _typeof, KeyboardArrowRightRoundedIcon, _defineProperty, KeyboardArrowDownRoundedIcon, CloseRoundedIcon, FileUploadRoundedIcon, _extends, _asyncToGenerator, _regeneratorRuntime, AvatarEditor, Dropzone, InsertPhotoRoundedIcon, styles, Slide, Lottie, AddRoundedIcon, FacebookIcon, InstagramIcon, ModeEditRoundedIcon, PersonAddRoundedIcon, PinterestIcon, TwitterIcon, YouTubeIcon, PersonRemoveRoundedIcon, _toConsumableArray, FilterAltRounded, MenuRoundedIcon, ViewModuleRoundedIcon, SettingsRounded, SortRoundedIcon, ChevronRightRoundedIcon, PersonRoundedIcon, SearchRoundedIcon, BookmarkRemoveOutlinedIcon, VisibilityOffRoundedIcon) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@mui/material'), require('@babel/runtime/helpers/slicedToArray'), require('prop-types'), require('react'), require('react-color-extractor'), require('styled-components'), require('@babel/runtime/helpers/taggedTemplateLiteral'), require('@mui/icons-material'), require('@mui/icons-material/BookmarkOutlined'), require('@mui/icons-material/LockRounded'), require('@mui/icons-material/BookmarkAddOutlined'), require('@mui/icons-material/MoreHorizRounded'), require('react-palette'), require('@babel/runtime/helpers/typeof'), require('@mui/icons-material/KeyboardArrowRightRounded'), require('@babel/runtime/helpers/defineProperty'), require('@mui/icons-material/KeyboardArrowDownRounded'), require('@mui/icons-material/CloseRounded'), require('@mui/icons-material/FileUploadRounded'), require('@babel/runtime/helpers/extends'), require('@babel/runtime/helpers/asyncToGenerator'), require('@babel/runtime/regenerator'), require('react-avatar-editor'), require('react-dropzone'), require('@mui/icons-material/InsertPhotoRounded'), require('@mui/material/styles'), require('@mui/material/Slide'), require('@mui/material/Fade'), require('react-lottie'), require('@mui/icons-material/AddRounded'), require('@mui/icons-material/Facebook'), require('@mui/icons-material/Instagram'), require('@mui/icons-material/ModeEditRounded'), require('@mui/icons-material/PersonAddRounded'), require('@mui/icons-material/Pinterest'), require('@mui/icons-material/Twitter'), require('@mui/icons-material/YouTube'), require('@mui/icons-material/PersonRemoveRounded'), require('@babel/runtime/helpers/toConsumableArray'), require('@mui/icons-material/FilterAltRounded'), require('@mui/icons-material/MenuRounded'), require('@mui/icons-material/ViewModuleRounded'), require('@mui/icons-material/SettingsRounded'), require('@mui/icons-material/SortRounded'), require('@mui/icons-material/ChevronRightRounded'), require('@mui/icons-material/PersonRounded'), require('@mui/icons-material/SearchRounded'), require('@mui/icons-material/BookmarkRemoveOutlined'), require('@mui/icons-material/VisibilityOffRounded')) :
+    typeof define === 'function' && define.amd ? define(['exports', '@mui/material', '@babel/runtime/helpers/slicedToArray', 'prop-types', 'react', 'react-color-extractor', 'styled-components', '@babel/runtime/helpers/taggedTemplateLiteral', '@mui/icons-material', '@mui/icons-material/BookmarkOutlined', '@mui/icons-material/LockRounded', '@mui/icons-material/BookmarkAddOutlined', '@mui/icons-material/MoreHorizRounded', 'react-palette', '@babel/runtime/helpers/typeof', '@mui/icons-material/KeyboardArrowRightRounded', '@babel/runtime/helpers/defineProperty', '@mui/icons-material/KeyboardArrowDownRounded', '@mui/icons-material/CloseRounded', '@mui/icons-material/FileUploadRounded', '@babel/runtime/helpers/extends', '@babel/runtime/helpers/asyncToGenerator', '@babel/runtime/regenerator', 'react-avatar-editor', 'react-dropzone', '@mui/icons-material/InsertPhotoRounded', '@mui/material/styles', '@mui/material/Slide', '@mui/material/Fade', 'react-lottie', '@mui/icons-material/AddRounded', '@mui/icons-material/Facebook', '@mui/icons-material/Instagram', '@mui/icons-material/ModeEditRounded', '@mui/icons-material/PersonAddRounded', '@mui/icons-material/Pinterest', '@mui/icons-material/Twitter', '@mui/icons-material/YouTube', '@mui/icons-material/PersonRemoveRounded', '@babel/runtime/helpers/toConsumableArray', '@mui/icons-material/FilterAltRounded', '@mui/icons-material/MenuRounded', '@mui/icons-material/ViewModuleRounded', '@mui/icons-material/SettingsRounded', '@mui/icons-material/SortRounded', '@mui/icons-material/ChevronRightRounded', '@mui/icons-material/PersonRounded', '@mui/icons-material/SearchRounded', '@mui/icons-material/BookmarkRemoveOutlined', '@mui/icons-material/VisibilityOffRounded'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global['react-awesome-buttons'] = {}, global.material, global._slicedToArray, global.PropTypes, global.React, global.reactColorExtractor, global.styled, global._taggedTemplateLiteral, global.iconsMaterial, global.BookmarkOutlinedIcon, global.LockRoundedIcon, global.BookmarkAddOutlinedIcon, global.MoreHorizRoundedIcon, global.reactPalette, global._typeof, global.KeyboardArrowRightRoundedIcon, global._defineProperty, global.KeyboardArrowDownRoundedIcon, global.CloseRoundedIcon, global.FileUploadRoundedIcon, global._extends, global._asyncToGenerator, global._regeneratorRuntime, global.AvatarEditor, global.Dropzone, global.InsertPhotoRoundedIcon, global.styles, global.Slide, global.Fade, global.Lottie, global.AddRoundedIcon, global.FacebookIcon, global.InstagramIcon, global.ModeEditRoundedIcon, global.PersonAddRoundedIcon, global.PinterestIcon, global.TwitterIcon, global.YouTubeIcon, global.PersonRemoveRoundedIcon, global._toConsumableArray, null, global.MenuRoundedIcon, global.ViewModuleRoundedIcon, null, global.SortRoundedIcon, global.ChevronRightRoundedIcon, global.PersonRoundedIcon, global.SearchRoundedIcon, global.BookmarkRemoveOutlinedIcon, global.VisibilityOffRoundedIcon));
+}(this, (function (exports, material, _slicedToArray, PropTypes, React, reactColorExtractor, styled, _taggedTemplateLiteral, iconsMaterial, BookmarkOutlinedIcon, LockRoundedIcon, BookmarkAddOutlinedIcon, MoreHorizRoundedIcon, reactPalette, _typeof, KeyboardArrowRightRoundedIcon, _defineProperty, KeyboardArrowDownRoundedIcon, CloseRoundedIcon, FileUploadRoundedIcon, _extends, _asyncToGenerator, _regeneratorRuntime, AvatarEditor, Dropzone, InsertPhotoRoundedIcon, styles, Slide, Fade, Lottie, AddRoundedIcon, FacebookIcon, InstagramIcon, ModeEditRoundedIcon, PersonAddRoundedIcon, PinterestIcon, TwitterIcon, YouTubeIcon, PersonRemoveRoundedIcon, _toConsumableArray, FilterAltRounded, MenuRoundedIcon, ViewModuleRoundedIcon, SettingsRounded, SortRoundedIcon, ChevronRightRoundedIcon, PersonRoundedIcon, SearchRoundedIcon, BookmarkRemoveOutlinedIcon, VisibilityOffRoundedIcon) { 'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -49,6 +49,7 @@
     var Dropzone__default = /*#__PURE__*/_interopDefaultLegacy(Dropzone);
     var InsertPhotoRoundedIcon__default = /*#__PURE__*/_interopDefaultLegacy(InsertPhotoRoundedIcon);
     var Slide__default = /*#__PURE__*/_interopDefaultLegacy(Slide);
+    var Fade__default = /*#__PURE__*/_interopDefaultLegacy(Fade);
     var Lottie__default = /*#__PURE__*/_interopDefaultLegacy(Lottie);
     var AddRoundedIcon__default = /*#__PURE__*/_interopDefaultLegacy(AddRoundedIcon);
     var FacebookIcon__default = /*#__PURE__*/_interopDefaultLegacy(FacebookIcon);
@@ -3109,9 +3110,9 @@
             handleOptionClicked(option);
             handleClose();
           }
-        }, /*#__PURE__*/React__default['default'].createElement(Text, {
+        }, option.startImageIcon ? option.startImageIcon : /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null), /*#__PURE__*/React__default['default'].createElement(Text, {
           noWrap: true
-        }, option.name));
+        }, option.name), option.endImageIcon ? option.endImageIcon : /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null));
       })));
     };
 
@@ -4136,20 +4137,16 @@
           horizontal: "center"
         },
         slideDirection: "up",
+        transitionType: "slide",
         severity: "success",
-        actionButton: /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null)
+        actionButton: /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null),
+        autoHideDuration: 5000
       },
       triggerSnackbar: function triggerSnackbar() {
         return null;
       }
     });
 
-    var slideTransition = function slideTransition(props) {
-      return /*#__PURE__*/React__default['default'].createElement(Slide__default['default'], _extends__default['default']({}, props, {
-        direction: "up"
-      }));
-    };
-
     var SnackbarProvider = function SnackbarProvider(props) {
       var _useState = React.useState(false),
           _useState2 = _slicedToArray__default['default'](_useState, 2),
@@ -4163,9 +4160,11 @@
           horizontal: "center"
         },
         color: "notBlack",
+        transitionType: "slide",
         slideDirection: "up",
         severity: "success",
-        actionButton: /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null)
+        actionButton: /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null),
+        autoHideDuration: 5000
       }),
           _useState4 = _slicedToArray__default['default'](_useState3, 2),
           snackbarValues = _useState4[0],
@@ -4181,11 +4180,15 @@
         } : _ref$position,
             _ref$slideDirection = _ref.slideDirection,
             slideDirection = _ref$slideDirection === void 0 ? "up" : _ref$slideDirection,
+            _ref$transitionType = _ref.transitionType,
+            transitionType = _ref$transitionType === void 0 ? "slide" : _ref$transitionType,
             _ref$severity = _ref.severity,
             severity = _ref$severity === void 0 ? "success" : _ref$severity,
             color = _ref.color,
             _ref$actionButton = _ref.actionButton,
-            actionButton = _ref$actionButton === void 0 ? /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null) : _ref$actionButton;
+            actionButton = _ref$actionButton === void 0 ? /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null) : _ref$actionButton,
+            _ref$autoHideDuration = _ref.autoHideDuration,
+            autoHideDuration = _ref$autoHideDuration === void 0 ? 5000 : _ref$autoHideDuration;
 
         if (!color) {
           switch (severity) {
@@ -4208,9 +4211,11 @@
           message: message,
           position: position,
           color: color,
+          transitionType: transitionType,
           slideDirection: slideDirection,
           severity: severity,
-          actionButton: actionButton
+          actionButton: actionButton,
+          autoHideDuration: autoHideDuration
         });
       };
 
@@ -4222,12 +4227,20 @@
         }
       }, /*#__PURE__*/React__default['default'].createElement(Snackbar, {
         anchorOrigin: _objectSpread$2({}, snackbarValues.position),
-        autoHideDuration: 5000,
+        autoHideDuration: snackbarValues.autoHideDuration,
         open: open,
         sx: {
           minWidth: "30%"
         },
-        TransitionComponent: slideTransition,
+        TransitionComponent: snackbarValues.transitionType === "fade" ? function (props) {
+          return /*#__PURE__*/React__default['default'].createElement(Fade__default['default'], _extends__default['default']({}, props, {
+            direction: snackbarValues.slideDirection
+          }));
+        } : function (props) {
+          return /*#__PURE__*/React__default['default'].createElement(Slide__default['default'], _extends__default['default']({}, props, {
+            direction: snackbarValues.slideDirection
+          }));
+        },
         onClose: function onClose() {
           return setOpen(false);
         },

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@blerp/design",
-    "version": "1.0.81",
+    "version": "1.0.86",
     "description": "Blerp UI",
     "main": "dist/index.cjs.js",
     "scripts": {