@blerp/design 1.0.52 → 1.0.56

package/dist/index.cjs.js

@@ -28,6 +28,7 @@ var AvatarEditor = require('react-avatar-editor');
 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 Lottie = require('react-lottie');
 var AddRoundedIcon = require('@mui/icons-material/AddRounded');
 var FacebookIcon = require('@mui/icons-material/Facebook');
@@ -94,6 +95,7 @@ var _regeneratorRuntime__default = /*#__PURE__*/_interopDefaultLegacy(_regenerat
 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 Lottie__default = /*#__PURE__*/_interopDefaultLegacy(Lottie);
 var AddRoundedIcon__default = /*#__PURE__*/_interopDefaultLegacy(AddRoundedIcon);
 var FacebookIcon__default = /*#__PURE__*/_interopDefaultLegacy(FacebookIcon);
@@ -137,7 +139,7 @@ var BlerpImageScrimPrivate = styled__default['default'].div(_templateObject4$7 |
 }, SaveContainer$2);
 
 var BlerpImageRow = function BlerpImageRow(_ref) {
-  var _bite$image, _bite$image$original;
+  var _bite$image, _bite$image$original, _bite$image2, _bite$image2$original, _bite$giphy;
 
   var bite = _ref.bite,
       playingState = _ref.playingState,
@@ -196,7 +198,7 @@ var BlerpImageRow = function BlerpImageRow(_ref) {
       width: sizeParams.imageSize,
       height: sizeParams.imageSize
     },
-    url: bite === null || bite === void 0 ? void 0 : (_bite$image = bite.image) === null || _bite$image === void 0 ? void 0 : (_bite$image$original = _bite$image.original) === null || _bite$image$original === void 0 ? void 0 : _bite$image$original.url
+    url: (bite === null || bite === void 0 ? void 0 : (_bite$image = bite.image) === null || _bite$image === void 0 ? void 0 : (_bite$image$original = _bite$image.original) === null || _bite$image$original === void 0 ? void 0 : _bite$image$original.local) || (bite === null || bite === void 0 ? void 0 : (_bite$image2 = bite.image) === null || _bite$image2 === void 0 ? void 0 : (_bite$image2$original = _bite$image2.original) === null || _bite$image2$original === void 0 ? void 0 : _bite$image2$original.url) || (bite === null || bite === void 0 ? void 0 : (_bite$giphy = bite.giphy) === null || _bite$giphy === void 0 ? void 0 : _bite$giphy.gif)
   }, /*#__PURE__*/React__default['default'].createElement(BlerpImageScrim$2, {
     style: {
       width: sizeParams.imageSize,
@@ -2478,9 +2480,9 @@ BlerpListViewPremium$1.propTypes = {
   handleClickUnsave: PropTypes__default['default'].func.isRequired
 };
 
-function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$5(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$4(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$5(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 var colors = {
   white: "#ffffff",
@@ -2525,8 +2527,8 @@ var overrideColors = {
   buntingBlueOverride: colors.buntingBlue,
   popnYellowOverride: colors.popnYellow
 };
-var lightColors = _objectSpread$4(_objectSpread$4({}, colors), overrideColors);
-var darkColors = _objectSpread$4({
+var lightColors = _objectSpread$5(_objectSpread$5({}, colors), overrideColors);
+var darkColors = _objectSpread$5({
   white: colors.black,
   waxwing: colors.notBlack,
   grey2: colors.grey7,
@@ -2730,9 +2732,9 @@ var darkPalette = {
 
 var _templateObject$b, _templateObject2$6, _templateObject3$5, _templateObject4$3;
 
-function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$3(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$4(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 var motion1 = function motion1(props) {
   return styled.keyframes(_templateObject$b || (_templateObject$b = _taggedTemplateLiteral__default['default'](["\n  0% {\n    transform: scale(0);\n  }\n  100% {\n    transform: scale(1);\n  }\n"])));
@@ -2770,7 +2772,7 @@ var EllipsisLoader = function EllipsisLoader(_ref) {
     color: color,
     size: size,
     sizeUnit: sizeUnit,
-    style: _objectSpread$3({}, style)
+    style: _objectSpread$4({}, style)
   }, /*#__PURE__*/React__default['default'].createElement("div", null), /*#__PURE__*/React__default['default'].createElement("div", null), /*#__PURE__*/React__default['default'].createElement("div", null), /*#__PURE__*/React__default['default'].createElement("div", null));
 };
 EllipsisLoader.defaultProps = {
@@ -2823,9 +2825,9 @@ var Toggle$1 = function Toggle(_ref) {
   }), /*#__PURE__*/React__default['default'].createElement(Slider$2, null)));
 };
 
-function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$2(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$3(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 //     box-shadow: 0px 0px 20px #0000001a;
 //     div:focus {
 //         border: none !important;
@@ -2871,7 +2873,7 @@ var Dropdown$1 = function Dropdown(_ref) {
     color: "waxwing",
     icon: true,
     disableElevation: true,
-    sx: _objectSpread$2({
+    sx: _objectSpread$3({
       borderRadius: "4px",
       color: "notBlack.main",
       paddingRight: "4px",
@@ -2926,7 +2928,7 @@ var Dropdown$1 = function Dropdown(_ref) {
       horizontal: "left"
     },
     PaperProps: {
-      sx: _objectSpread$2({
+      sx: _objectSpread$3({
         "& ul": {
           padding: "0"
         },
@@ -3958,6 +3960,146 @@ var icons = {
   }
 };
 
+function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$2(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+/*
+snackbarContext.triggerSnackbar({
+  message: `Added to ${collection.title}`,
+  severity: "success",
+  actionButton: (
+    <Button
+      color="inherit"
+      variant="text"
+      size="small"
+      onClick={() => {
+        globalContext.setActiveBoard(collection);
+      }}>
+      View
+    </Button>
+  ),
+});
+*/
+
+var SnackbarContext = /*#__PURE__*/React__default['default'].createContext({
+  snackbarValues: {
+    open: false,
+    message: "Set a message",
+    position: {
+      vertical: "bottom",
+      horizontal: "center"
+    },
+    slideDirection: "up",
+    severity: "success",
+    actionButton: /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null)
+  },
+  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),
+      open = _useState2[0],
+      setOpen = _useState2[1];
+
+  var _useState3 = React.useState({
+    message: "Set a message",
+    position: {
+      vertical: "bottom",
+      horizontal: "center"
+    },
+    color: "notBlack",
+    slideDirection: "up",
+    severity: "success",
+    actionButton: /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null)
+  }),
+      _useState4 = _slicedToArray__default['default'](_useState3, 2),
+      snackbarValues = _useState4[0],
+      setSnackbarValues = _useState4[1];
+
+  var triggerSnackbar = function triggerSnackbar(_ref) {
+    var _ref$message = _ref.message,
+        message = _ref$message === void 0 ? "Set a message" : _ref$message,
+        _ref$position = _ref.position,
+        position = _ref$position === void 0 ? {
+      vertical: "bottom",
+      horizontal: "center"
+    } : _ref$position,
+        _ref$slideDirection = _ref.slideDirection,
+        slideDirection = _ref$slideDirection === void 0 ? "up" : _ref$slideDirection,
+        _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;
+
+    if (!color) {
+      switch (severity) {
+        case "success":
+          color = "seafoam";
+          break;
+
+        case "error":
+          color = "ibisRed";
+          break;
+
+        default:
+          color = "notBlack";
+          break;
+      }
+    }
+
+    setOpen(true);
+    setSnackbarValues({
+      message: message,
+      position: position,
+      color: color,
+      slideDirection: slideDirection,
+      severity: severity,
+      actionButton: actionButton
+    });
+  };
+
+  return /*#__PURE__*/React__default['default'].createElement(SnackbarContext.Provider, {
+    value: {
+      snackbarValues: snackbarValues,
+      setSnackbarValues: setSnackbarValues,
+      triggerSnackbar: triggerSnackbar
+    }
+  }, /*#__PURE__*/React__default['default'].createElement(Snackbar, {
+    anchorOrigin: _objectSpread$2({}, snackbarValues.position),
+    autoHideDuration: 5000,
+    open: open,
+    sx: {
+      minWidth: "30%"
+    },
+    TransitionComponent: slideTransition,
+    onClose: function onClose() {
+      return setOpen(false);
+    },
+    key: "snackbar-toast"
+  }, /*#__PURE__*/React__default['default'].createElement(Alert, {
+    severity: snackbarValues.severity,
+    variant: "filled",
+    color: snackbarValues.color,
+    action: snackbarValues.actionButton,
+    sx: {
+      width: "100%",
+      "& svg": {
+        color: "white.override"
+      }
+    }
+  }, snackbarValues.message)), props.children);
+};
+
 function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$1(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
@@ -4189,7 +4331,7 @@ var BlerpTheme = function BlerpTheme(_ref) {
       icons: icons,
       mode: mode === "dark" ? "dark" : "light"
     }, currentTheme)
-  }, children));
+  }, /*#__PURE__*/React__default['default'].createElement(SnackbarProvider, null, children)));
 };
 
 var LottieAnimation = function LottieAnimation(_ref) {
@@ -88006,76 +88148,10 @@ var QuadernoTaxCalc = function QuadernoTaxCalc(_ref) {
 };
 
 var _templateObject;
-// import { ToastContext } from "../../theme/ToastProvider";
 
 var BrainTreeClient = require("braintree-web/client");
 
-var DataCollector = require("braintree-web/data-collector"); // const GET_USER_SIGNED_IN = gql`
-//     query desktopGetUserSignedIn {
-//         desktop {
-//             userSignedIn {
-//                 _id
-//                 desktopSubscription {
-//                     _id
-//                     planId
-//                     type
-//                 }
-//             }
-//         }
-//     }
-// `;
-// const CREATE_PROMO = gql`
-//     mutation desktopCreatePromo(
-//         $planId: String!
-//         $userId: String!
-//         $discountId: String!
-//     ) {
-//         desktop {
-//             addSubscriptionPromoCode(
-//                 planId: $planId
-//                 userId: $userId
-//                 discountId: $discountId
-//             ) {
-//                 success
-//             }
-//         }
-//     }
-// `;
-// const CREATE_SUBSCRIPTION = gql`
-//     mutation desktopCreateSubscription(
-//         $paymentMethodNonce: String!
-//         $planId: String!
-//         $analytics: DesktopAnalyticsInput
-//         $promoCode: String
-//     ) {
-//         desktop {
-//             createSubscription(
-//                 paymentMethodNonce: $paymentMethodNonce
-//                 planId: $planId
-//                 promoCode: $promoCode
-//                 type: BLERP
-//                 analytics: $analytics
-//             ) {
-//                 subscription {
-//                     _id
-//                     planId
-//                     externalId
-//                     type
-//                     status
-//                     startDate
-//                     endDate
-//                     expireDate
-//                     cancelDate
-//                     plan {
-//                         name
-//                         type
-//                     }
-//                 }
-//             }
-//         }
-//     }
-// `;
-
+var DataCollector = require("braintree-web/data-collector");
 
 var DisabledContainer = styled__default['default'].div(_templateObject || (_templateObject = _taggedTemplateLiteral__default['default'](["\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    width: 100%;\n    ", "\n"])), function (props) {
   return props.disabled && "\n    pointer-events: none;\n    opacity: 0.2;\n  ";
@@ -88100,22 +88176,17 @@ var BraintreeUI = function BraintreeUI(_ref) {
       country = _useState2[0],
       setCountry = _useState2[1];
 
-  var _useState3 = React.useState(false),
+  var _useState3 = React.useState(""),
       _useState4 = _slicedToArray__default['default'](_useState3, 2),
-      loading = _useState4[0],
-      setLoading = _useState4[1];
+      postalCode = _useState4[0],
+      setPostalCode = _useState4[1];
 
   var _useState5 = React.useState(""),
       _useState6 = _slicedToArray__default['default'](_useState5, 2),
-      postalCode = _useState6[0],
-      setPostalCode = _useState6[1];
-
-  var _useState7 = React.useState(""),
-      _useState8 = _slicedToArray__default['default'](_useState7, 2),
-      discountCodeInput = _useState8[0];
-      _useState8[1];
+      discountCodeInput = _useState6[0];
+      _useState6[1];
 
-  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, loading ? /*#__PURE__*/React__default['default'].createElement(NewLoadingBlob, null) : /*#__PURE__*/React__default['default'].createElement("form", {
+  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("form", {
     id: "payment-form",
     noValidate: true,
     style: {
@@ -88192,9 +88263,7 @@ var BraintreeUI = function BraintreeUI(_ref) {
                 // setBeetScreenState("LOADING");
                 nonce = payload.nonce;
                 deviceData = dataCollectorInstance.deviceData;
-                setLoading(true);
-                _context.next = 16;
-                return handleSubmit({
+                handleSubmit({
                   paymentMethodNonce: nonce,
                   promoCode: discountCodeInput || null,
                   analytics: null,
@@ -88203,24 +88272,20 @@ var BraintreeUI = function BraintreeUI(_ref) {
                   country: country.value,
                   postalCode: postalCode
                 });
-
-              case 16:
-                setLoading(false);
-                _context.next = 23;
+                _context.next = 19;
                 break;
 
-              case 19:
-                _context.prev = 19;
+              case 16:
+                _context.prev = 16;
                 _context.t0 = _context["catch"](1);
-                setLoading(false);
                 console.log(_context.t0);
 
-              case 23:
+              case 19:
               case "end":
                 return _context.stop();
             }
           }
-        }, _callee, null, [[1, 19]]);
+        }, _callee, null, [[1, 16]]);
       }));
 
       return function (_x) {
@@ -88252,6 +88317,8 @@ var CheckoutModal = function CheckoutModal(_ref) {
       price = _ref.price,
       handleClose = _ref.handleClose,
       handleSubmit = _ref.handleSubmit,
+      venmoProfileId = _ref.venmoProfileId,
+      googleMerchantId = _ref.googleMerchantId,
       premiumItemComponent = _ref.premiumItemComponent,
       clientToken = _ref.clientToken;
   var size = useWindowSize();
@@ -88319,8 +88386,8 @@ var CheckoutModal = function CheckoutModal(_ref) {
                   },
                   googlePay: {
                     googlePayVersion: 2,
-                    merchantId: process.env.GOOGLE_MERCHANT_ID ? process.env.GOOGLE_MERCHANT_ID : null,
-                    environment: process.env.GOOGLE_MERCHANT_ID ? "PRODUCTION" : "TEST",
+                    merchantId: googleMerchantId || process.env.GOOGLE_MERCHANT_ID || null,
+                    environment: googleMerchantId || process.env.GOOGLE_MERCHANT_ID ? "PRODUCTION" : "TEST",
                     transactionInfo: {
                       totalPriceStatus: "FINAL",
                       totalPrice: total,
@@ -88341,7 +88408,7 @@ var CheckoutModal = function CheckoutModal(_ref) {
                   },
                   venmo: {
                     allowDesktop: true,
-                    profileId: process.env.VENMO_PROFILE_ID,
+                    profileId: venmoProfileId || process.env.VENMO_PROFILE_ID,
                     allowNewBrowserTab: true
                   } // The `venmo` object requires no properties to instantiate.
 
@@ -88381,7 +88448,7 @@ var CheckoutModal = function CheckoutModal(_ref) {
     if (show) {
       createBraintreeDropIn();
     }
-  }, [show, clientToken, type, total]);
+  }, [show, googleMerchantId, venmoProfileId, clientToken, type, total]);
   return /*#__PURE__*/React__default['default'].createElement(Stack, {
     sx: {
       backgroundColor: "white.main",
@@ -89925,6 +89992,8 @@ exports.ShortcutIcon = ShortcutIcon;
 exports.Skeleton = Skeleton;
 exports.Slider = Slider;
 exports.Snackbar = Snackbar;
+exports.SnackbarContext = SnackbarContext;
+exports.SnackbarProvider = SnackbarProvider;
 exports.SpeedDial = SpeedDial;
 exports.Stack = Stack;
 exports.Stepper = Stepper;