@blerp/design 1.2.6 → 1.2.8

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import { SvgIcon, InputAdornment as InputAdornment$1, Box as Box$1, Container as Container$2, Grid as Grid$1, Stack as Stack$2, ImageList as ImageList$1, Autocomplete as Autocomplete$1, Button as Button$2, ButtonGroup as ButtonGroup$1, Checkbox as Checkbox$1, Fab, Radio, Rating as Rating$1, Select as Select$1, Slider as Slider$3, Switch as Switch$2, TextField, BottomNavigation as BottomNavigation$1, Breadcrumbs as Breadcrumbs$1, Drawer as Drawer$1, Link as Link$1, Menu as Menu$1, Pagination as Pagination$1, SpeedDial as SpeedDial$1, Stepper as Stepper$1, Tabs as Tabs$1, Tab as Tab$1, Accordion as Accordion$1, AppBar as AppBar$1, Card as Card$1, Paper as Paper$1, Alert as Alert$1, Backdrop as Backdrop$1, Dialog as Dialog$1, LinearProgress as LinearProgress$1, Skeleton as Skeleton$1, Snackbar as Snackbar$1, Avatar as Avatar$1, Badge as Badge$1, Chip as Chip$1, Divider as Divider$1, List as List$1, Table as Table$1, Tooltip as Tooltip$2, Toolbar as Toolbar$1, Typography, Modal as Modal$1, Popover as Popover$2, IconButton as IconButton$2, MenuItem as MenuItem$1 } from '@mui/material';
+import { SvgIcon, InputAdornment as InputAdornment$1, Box as Box$1, Container as Container$2, Grid as Grid$1, Stack as Stack$1, ImageList as ImageList$1, Autocomplete as Autocomplete$1, Button as Button$1, ButtonGroup as ButtonGroup$1, Checkbox as Checkbox$1, Fab, Radio, Rating as Rating$1, Select as Select$1, Slider as Slider$3, Switch as Switch$2, TextField, BottomNavigation as BottomNavigation$1, Breadcrumbs as Breadcrumbs$1, Drawer as Drawer$1, Link as Link$1, Menu as Menu$1, Pagination as Pagination$1, SpeedDial as SpeedDial$1, Stepper as Stepper$1, Tabs as Tabs$1, Tab as Tab$1, Accordion as Accordion$1, AppBar as AppBar$1, Card as Card$1, Paper as Paper$1, Alert as Alert$1, Backdrop as Backdrop$1, Dialog as Dialog$1, LinearProgress as LinearProgress$1, Skeleton as Skeleton$1, Snackbar as Snackbar$1, Avatar as Avatar$1, Badge as Badge$1, Chip as Chip$1, Divider as Divider$1, List as List$1, Table as Table$1, Tooltip as Tooltip$1, Toolbar as Toolbar$1, Typography, Modal as Modal$1, Popover as Popover$1, IconButton as IconButton$1, MenuItem as MenuItem$1 } from '@mui/material';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import PropTypes from 'prop-types';
 import * as React from 'react';
@@ -9,8 +9,10 @@ import _taggedTemplateLiteral from '@babel/runtime/helpers/taggedTemplateLiteral
 import { PauseCircleOutlineRounded, LockRounded, CheckRounded, CloseRounded, BookmarkRounded, BookmarkAddOutlined, AccountCircleRounded, VisibilityOffRounded, CancelRounded } from '@mui/icons-material';
 import BookmarkOutlinedIcon from '@mui/icons-material/BookmarkOutlined';
 import LockRoundedIcon from '@mui/icons-material/LockRounded';
-import WaveSurfer from '@blerp/wavesurfer';
-import CursorPlugin from '@blerp/wavesurfer/dist/plugin/wavesurfer.cursor.min.js';
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import '@blerp/wavesurfer';
+import '@blerp/wavesurfer/dist/plugin/wavesurfer.cursor.min.js';
 import AddRoundedIcon from '@mui/icons-material/AddRounded';
 import ArrowDropDownRoundedIcon from '@mui/icons-material/ArrowDropDownRounded';
 import FavoriteIcon from '@mui/icons-material/Favorite';
@@ -19,9 +21,6 @@ import PauseRoundedIcon from '@mui/icons-material/PauseRounded';
 import PlayArrowRoundedIcon from '@mui/icons-material/PlayArrowRounded';
 import WarningRoundedIcon from '@mui/icons-material/WarningRounded';
 import '@mui/icons-material/DoNotDisturbRounded';
-import { Stack as Stack$1, Text as Text$1, IconButton as IconButton$1, ChannelPointsIcon as ChannelPointsIcon$1, TwitchBitIcon as TwitchBitIcon$1, WalkonIcon as WalkonIcon$1, Tooltip as Tooltip$1, Button as Button$1, Popover as Popover$1 } from '.';
-import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
-import _regeneratorRuntime from '@babel/runtime/regenerator';
 import BookmarkAddOutlinedIcon from '@mui/icons-material/BookmarkAddOutlined';
 import MoreHorizRoundedIcon from '@mui/icons-material/MoreHorizRounded';
 import { usePalette } from 'react-palette';
@@ -1501,7 +1500,10 @@ Blerp$1.propTypes = {
 var BlerpAudioContext = /*#__PURE__*/createContext({});
 var BlerpAudioContextProvider$1 = function BlerpAudioContextProvider(_ref) {
   var children = _ref.children;
-  var audioCtx = new (window.AudioContext || window.webkitAudioContext)();
+
+  if (typeof window === "undefined") {
+    return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, children);
+  }
 
   var _useState = useState(null),
       _useState2 = _slicedToArray(_useState, 2),
@@ -1549,7 +1551,7 @@ var BlerpAudioContextProvider$1 = function BlerpAudioContextProvider(_ref) {
     var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(_ref3) {
       var _bite$audio, _bite$audio$mp;
 
-      var bite, _ref3$gain, gain, _ref3$startTime, startTime, _ref3$forcePlay, forcePlay, newGain, gainNode, source;
+      var bite, _ref3$gain, gain, _ref3$startTime, startTime, _ref3$forcePlay, forcePlay, newGain, audioCtx, gainNode, source;
 
       return _regeneratorRuntime.wrap(function _callee3$(_context3) {
         while (1) {
@@ -1608,13 +1610,14 @@ var BlerpAudioContextProvider$1 = function BlerpAudioContextProvider(_ref) {
                   }
                 }, _callee2);
               }));
+              audioCtx = new (window.AudioContext || window.webkitAudioContext)();
               gainNode = audioCtx.createGain(); // gainNode.gain.value = 2 // value between 0 and 2 https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API/Using_Web_Audio_API
 
               gainNode.gain.setValueAtTime(newGain, 0);
               source = audioCtx.createMediaElementSource(audioRef.current);
               source.connect(gainNode);
               gainNode.connect(audioCtx.destination);
-              _context3.next = 24;
+              _context3.next = 25;
               return audioRef.current.play().then(function () {
                 console.log("playing", bite === null || bite === void 0 ? void 0 : bite.title);
                 setPlayState("playing");
@@ -1622,7 +1625,7 @@ var BlerpAudioContextProvider$1 = function BlerpAudioContextProvider(_ref) {
                 setPlayState("stopped");
               });
 
-            case 24:
+            case 25:
               // const playPromise = audioRef.current.play();
               // if (playPromise !== undefined) {
               //     playPromise
@@ -1639,7 +1642,7 @@ var BlerpAudioContextProvider$1 = function BlerpAudioContextProvider(_ref) {
               // }
               _setSelectedBlerp(bite);
 
-            case 25:
+            case 26:
             case "end":
               return _context3.stop();
           }
@@ -1698,8 +1701,7 @@ var BlerpAudioContextProvider$1 = function BlerpAudioContextProvider(_ref) {
           return playState;
         }
       },
-      setStartTime: setStartTime,
-      audioContext: audioCtx
+      setStartTime: setStartTime
     }
   }, children);
 };
@@ -1754,7 +1756,7 @@ var AddContentDropdown = function AddContentDropdown(_ref) {
       setAnchor = _useState2[1];
 
   var open = Boolean(anchor);
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Button$1, {
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Button, {
     color: "whiteOverride",
     variant: "outlined",
     onClick: function onClick(e) {
@@ -1774,7 +1776,7 @@ var AddContentDropdown = function AddContentDropdown(_ref) {
       }
     },
     endIcon: /*#__PURE__*/React__default.createElement(ArrowDropDownRoundedIcon, null)
-  }, "Place"), /*#__PURE__*/React__default.createElement(Popover$1, {
+  }, "Place"), /*#__PURE__*/React__default.createElement(Popover, {
     open: open,
     anchorEl: anchor,
     anchorOrigin: {
@@ -1799,13 +1801,13 @@ var AddContentDropdown = function AddContentDropdown(_ref) {
         overflowY: "hidden"
       }
     }
-  }, /*#__PURE__*/React__default.createElement(Stack$1, {
+  }, /*#__PURE__*/React__default.createElement(Stack, {
     sx: {
       maxHeight: "120px",
       overflowY: "scroll"
     }
   }, options === null || options === void 0 ? void 0 : options.map(function (option) {
-    return /*#__PURE__*/React__default.createElement(Stack$1, {
+    return /*#__PURE__*/React__default.createElement(Stack, {
       direction: "row",
       sx: {
         boxSizing: "border-box",
@@ -1832,7 +1834,7 @@ var AddContentDropdown = function AddContentDropdown(_ref) {
         if (onOptionClicked) onOptionClicked(option);
         setAnchor(null);
       }
-    }, /*#__PURE__*/React__default.createElement(Text$1, {
+    }, /*#__PURE__*/React__default.createElement(Text, {
       sx: {
         fontSize: "14px",
         fontWeight: "400"
@@ -1869,7 +1871,7 @@ var AddContentButton = function AddContentButton(_ref2) {
       setActive(false);
     }
   }, [hovering]);
-  return /*#__PURE__*/React__default.createElement(Stack$1, {
+  return /*#__PURE__*/React__default.createElement(Stack, {
     direction: "row",
     width: "100%",
     sx: {
@@ -1888,7 +1890,7 @@ var AddContentButton = function AddContentButton(_ref2) {
     style: {
       width: "100%"
     }
-  }), /*#__PURE__*/React__default.createElement(IconButton$1, {
+  }), /*#__PURE__*/React__default.createElement(IconButton, {
     sx: {
       width: "30px",
       height: "30px",
@@ -1914,7 +1916,7 @@ var FavoriteIconWithCounter = function FavoriteIconWithCounter(_ref3) {
   var saved = _ref3.saved,
       count = _ref3.count;
       _ref3.onClick;
-  return /*#__PURE__*/React__default.createElement(Stack$1, {
+  return /*#__PURE__*/React__default.createElement(Stack, {
     direction: "row",
     alignItems: "center"
   }, saved ? /*#__PURE__*/React__default.createElement(FavoriteIcon, {
@@ -1937,7 +1939,7 @@ var FavoriteIconWithCounter = function FavoriteIconWithCounter(_ref3) {
         opacity: 0.5
       }
     }
-  }), /*#__PURE__*/React__default.createElement(Text$1, {
+  }), /*#__PURE__*/React__default.createElement(Text, {
     sx: {
       fontSize: "12px",
       fontWeight: "400"
@@ -1947,21 +1949,21 @@ var FavoriteIconWithCounter = function FavoriteIconWithCounter(_ref3) {
 
 var AddedToIcons = function AddedToIcons(_ref4) {
   var hovering = _ref4.hovering;
-  return /*#__PURE__*/React__default.createElement(Stack$1, {
+  return /*#__PURE__*/React__default.createElement(Stack, {
     direction: "row",
     sx: {
       transition: "0.3s",
       opacity: hovering ? "1" : "0"
     }
-  }, /*#__PURE__*/React__default.createElement(ChannelPointsIcon$1, {
+  }, /*#__PURE__*/React__default.createElement(ChannelPointsIcon, {
     sx: {
       fontSize: "15px"
     }
-  }), /*#__PURE__*/React__default.createElement(TwitchBitIcon$1, {
+  }), /*#__PURE__*/React__default.createElement(TwitchBitIcon, {
     sx: {
       fontSize: "15px"
     }
-  }), /*#__PURE__*/React__default.createElement(WalkonIcon$1, {
+  }), /*#__PURE__*/React__default.createElement(WalkonIcon, {
     sx: {
       fontSize: "15px"
     }
@@ -1985,9 +1987,9 @@ var RatingInfo = function RatingInfo(_ref5) {
       return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
 
     case "NC17":
-      return /*#__PURE__*/React__default.createElement(Tooltip$1, {
+      return /*#__PURE__*/React__default.createElement(Tooltip, {
         title: "Not Safe For Work"
-      }, /*#__PURE__*/React__default.createElement(Text$1, {
+      }, /*#__PURE__*/React__default.createElement(Text, {
         sx: {
           fontSize: "9px",
           fontWeight: "600",
@@ -2002,9 +2004,9 @@ var RatingInfo = function RatingInfo(_ref5) {
       }, "NSFW"));
 
     case "UR":
-      return /*#__PURE__*/React__default.createElement(Tooltip$1, {
+      return /*#__PURE__*/React__default.createElement(Tooltip, {
         title: "Hasn't Been Reviewed"
-      }, /*#__PURE__*/React__default.createElement(Text$1, {
+      }, /*#__PURE__*/React__default.createElement(Text, {
         sx: {
           fontSize: "9px",
           fontWeight: "600",
@@ -2047,57 +2049,98 @@ var BlerpWaveform = function BlerpWaveform(_ref6) {
       setWavesurfer = _useState8[1];
 
   useEffect(function () {
-    if (hovering && wavesurfer) {
-      wavesurfer.load(audio);
-    } else if (hovering && !wavesurfer && !hasRendered) {
-      if (!hasRendered && document.querySelector("#blerp-audio-button-".concat(id)) && document.querySelector("#blerp-waveform-".concat(id))) {
-        if (document.querySelector("#blerp-waveform-".concat(id)).children.length === 0) {
-          console.log("Creating Wave");
-          var mWavesurfer = WaveSurfer.create({
-            container: document.querySelector("#blerp-waveform-".concat(id)),
-            barWidth: 2,
-            barHeight: 1.5,
-            // the height of the wave
-            barGap: 2,
-            // the optional spacing between bars of the wave, if not provided will be calculated in legacy format
-            progressColor: "#ffffff",
-            hoverColor: "#ffffff99",
-            barRadius: 2,
-            height: 30,
-            hideScrollBar: true,
-            plugins: [CursorPlugin.create({
-              showTime: false,
-              opacity: 0,
-              customShowTimeStyle: {
-                "background-color": "#000",
-                color: "#fff",
-                padding: "2px",
-                "font-size": "10px"
-              }
-            })]
-          });
-          mWavesurfer.on("error", function (e) {
-            console.warn(e);
-          });
-          mWavesurfer === null || mWavesurfer === void 0 ? void 0 : mWavesurfer.on("seek", function (prog) {
-            if (prog) {
-              console.log("SEEEEEEK", prog, bite);
-              mWavesurfer === null || mWavesurfer === void 0 ? void 0 : mWavesurfer.setMute(true);
-              mWavesurfer === null || mWavesurfer === void 0 ? void 0 : mWavesurfer.play();
-              play({
-                bite: bite,
-                startTime: mWavesurfer === null || mWavesurfer === void 0 ? void 0 : mWavesurfer.getCurrentTime(),
-                forcePlay: true
-              });
+    var create = /*#__PURE__*/function () {
+      var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+        var _WaveSurfer, _CursorPlugin, mWavesurfer;
+
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                console.log("creating", hovering, wavesurfer, hasRendered);
+
+                if (!(hovering && wavesurfer)) {
+                  _context.next = 5;
+                  break;
+                }
+
+                wavesurfer.load(audio);
+                _context.next = 17;
+                break;
+
+              case 5:
+                if (!(hovering && !wavesurfer && !hasRendered && document.querySelector("#blerp-waveform-".concat(id)) && document.querySelector("#blerp-waveform-".concat(id)).children.length === 0)) {
+                  _context.next = 17;
+                  break;
+                }
+
+                _context.next = 8;
+                return import('@blerp/wavesurfer');
+
+              case 8:
+                _WaveSurfer = _context.sent.default;
+                _context.next = 11;
+                return import('@blerp/wavesurfer/src/plugin/cursor');
+
+              case 11:
+                _CursorPlugin = _context.sent.default;
+                mWavesurfer = _WaveSurfer.create({
+                  container: document.querySelector("#blerp-waveform-".concat(id)),
+                  barWidth: 2,
+                  barHeight: 1.5,
+                  // the height of the wave
+                  barGap: 2,
+                  // the optional spacing between bars of the wave, if not provided will be calculated in legacy format
+                  progressColor: "#ffffff",
+                  hoverColor: "#ffffff99",
+                  barRadius: 2,
+                  height: 30,
+                  hideScrollBar: true,
+                  plugins: [_CursorPlugin.create({
+                    showTime: false,
+                    opacity: 0,
+                    customShowTimeStyle: {
+                      "background-color": "#000",
+                      color: "#fff",
+                      padding: "2px",
+                      "font-size": "10px"
+                    }
+                  })]
+                });
+                mWavesurfer.on("error", function (e) {
+                  console.warn(e);
+                });
+                mWavesurfer === null || mWavesurfer === void 0 ? void 0 : mWavesurfer.on("seek", function (prog) {
+                  if (prog) {
+                    console.log("SEEEEEEK", prog, bite);
+                    mWavesurfer === null || mWavesurfer === void 0 ? void 0 : mWavesurfer.setMute(true);
+                    mWavesurfer === null || mWavesurfer === void 0 ? void 0 : mWavesurfer.play();
+                    play({
+                      bite: bite,
+                      startTime: mWavesurfer === null || mWavesurfer === void 0 ? void 0 : mWavesurfer.getCurrentTime(),
+                      forcePlay: true
+                    });
+                  }
+                }); // Load audio from URL
+                // mWavesurfer.load(audio);
+
+                setWavesurfer(mWavesurfer);
+                setHasRendered(true);
+
+              case 17:
+              case "end":
+                return _context.stop();
             }
-          }); // Load audio from URL
-          // mWavesurfer.load(audio);
+          }
+        }, _callee);
+      }));
 
-          setWavesurfer(mWavesurfer);
-          setHasRendered(true);
-        }
-      }
-    }
+      return function create() {
+        return _ref7.apply(this, arguments);
+      };
+    }();
+
+    create();
   }, [wavesurfer, bite, play, audio, hovering, hasRendered, id]);
   useEffect(function () {
     // if (wavesurfer && selectedBlerp?._id === bite?._id) {
@@ -2151,11 +2194,11 @@ var BlerpWaveform = function BlerpWaveform(_ref6) {
   });
 };
 
-var ReportedWarning = function ReportedWarning(_ref8) {
-  var showWarning = _ref8.showWarning,
-      saved = _ref8.saved,
-      count = _ref8.count,
-      onClick = _ref8.onClick;
+var ReportedWarning = function ReportedWarning(_ref9) {
+  var showWarning = _ref9.showWarning,
+      saved = _ref9.saved,
+      count = _ref9.count,
+      onClick = _ref9.onClick;
 
   var _useState9 = useState(showWarning),
       _useState10 = _slicedToArray(_useState9, 2),
@@ -2173,21 +2216,21 @@ var ReportedWarning = function ReportedWarning(_ref8) {
       sx: {
         marginBottom: "20px"
       }
-    }), /*#__PURE__*/React__default.createElement(Text$1, {
+    }), /*#__PURE__*/React__default.createElement(Text, {
       sx: {
         fontSize: "18px",
         fontWeight: "600",
         color: "white.override",
         marginBottom: "10px"
       }
-    }, "Hold Up"), /*#__PURE__*/React__default.createElement(Text$1, {
+    }, "Hold Up"), /*#__PURE__*/React__default.createElement(Text, {
       sx: {
         fontSize: "14px",
         fontWeight: "400",
         color: "white.override",
         textAlign: "center"
       }
-    }, "This Has Been ", /*#__PURE__*/React__default.createElement("br", null), " Reported ", " Times"), hovering && /*#__PURE__*/React__default.createElement(Button$1, {
+    }, "This Has Been ", /*#__PURE__*/React__default.createElement("br", null), " Reported ", " Times"), hovering && /*#__PURE__*/React__default.createElement(Button, {
       color: "whiteOverride",
       variant: "outlined",
       sx: {
@@ -2199,7 +2242,7 @@ var ReportedWarning = function ReportedWarning(_ref8) {
     }, "View"));
   };
 
-  return /*#__PURE__*/React__default.createElement(Stack$1, {
+  return /*#__PURE__*/React__default.createElement(Stack, {
     sx: {
       position: "absolute",
       top: "0",
@@ -2223,7 +2266,7 @@ var ReportedWarning = function ReportedWarning(_ref8) {
     onMouseLeave: function onMouseLeave() {
       setHovering(false);
     }
-  }, /*#__PURE__*/React__default.createElement(Stack$1, {
+  }, /*#__PURE__*/React__default.createElement(Stack, {
     sx: {
       position: "absolute",
       top: "20px",
@@ -2236,11 +2279,11 @@ var ReportedWarning = function ReportedWarning(_ref8) {
   })), renderInfo());
 };
 
-var NewBlerp$1 = function NewBlerp(_ref9) {
+var NewBlerp$1 = function NewBlerp(_ref10) {
   var _bite$image, _bite$image$original, _bite$ownerObject;
 
-  var bite = _ref9.bite;
-      _ref9.playState;
+  var bite = _ref10.bite;
+      _ref10.playState;
 
   var _useContext2 = useContext(BlerpAudioContext),
       play = _useContext2.play,
@@ -2354,7 +2397,7 @@ var NewBlerp$1 = function NewBlerp(_ref9) {
     onClick: function onClick() {
       return console.log("clicked save");
     }
-  }), /*#__PURE__*/React__default.createElement(Container$1, null, /*#__PURE__*/React__default.createElement(Stack$1, {
+  }), /*#__PURE__*/React__default.createElement(Container$1, null, /*#__PURE__*/React__default.createElement(Stack, {
     id: "blerp-audio-button-".concat(bite === null || bite === void 0 ? void 0 : bite._id),
     sx: {
       backgroundImage: "url(".concat(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, ")"),
@@ -2378,7 +2421,7 @@ var NewBlerp$1 = function NewBlerp(_ref9) {
     onMouseLeave: function onMouseLeave() {
       setHovering(false);
     }
-  }, /*#__PURE__*/React__default.createElement(Stack$1, {
+  }, /*#__PURE__*/React__default.createElement(Stack, {
     className: "blerp-hover",
     onClick: function onClick() {
       console.log("play cliceckkes");
@@ -2399,14 +2442,14 @@ var NewBlerp$1 = function NewBlerp(_ref9) {
       alignItems: "center",
       justifyContent: "center"
     }
-  }), /*#__PURE__*/React__default.createElement(Stack$1, {
+  }), /*#__PURE__*/React__default.createElement(Stack, {
     direction: "row",
     justifyContent: "space-between",
     width: "100%",
     sx: {
       position: "relative"
     }
-  }, /*#__PURE__*/React__default.createElement(Stack$1, null, /*#__PURE__*/React__default.createElement(RatingInfo, {
+  }, /*#__PURE__*/React__default.createElement(Stack, null, /*#__PURE__*/React__default.createElement(RatingInfo, {
     rating: bite === null || bite === void 0 ? void 0 : bite.strictAudienceRating
   }), /*#__PURE__*/React__default.createElement(AddedToIcons, {
     hovering: hovering
@@ -2415,7 +2458,7 @@ var NewBlerp$1 = function NewBlerp(_ref9) {
     onClick: function onClick(option) {
       return handleAddToPlace();
     }
-  }), /*#__PURE__*/React__default.createElement(Stack$1, {
+  }), /*#__PURE__*/React__default.createElement(Stack, {
     sx: {
       transition: "0.3s",
       opacity: hovering ? "1" : "0",
@@ -2425,7 +2468,7 @@ var NewBlerp$1 = function NewBlerp(_ref9) {
   }, renderPlayStateIcon()), /*#__PURE__*/React__default.createElement(BlerpWaveform, {
     bite: bite,
     hovering: hovering
-  })), /*#__PURE__*/React__default.createElement(Text$1, {
+  })), /*#__PURE__*/React__default.createElement(Text, {
     sx: {
       fontSize: "16px",
       fontWeight: "400",
@@ -2439,7 +2482,7 @@ var NewBlerp$1 = function NewBlerp(_ref9) {
       height: "23px",
       margin: "10px 0 5px 0"
     }
-  }, bite === null || bite === void 0 ? void 0 : bite.title), /*#__PURE__*/React__default.createElement(Stack$1, {
+  }, bite === null || bite === void 0 ? void 0 : bite.title), /*#__PURE__*/React__default.createElement(Stack, {
     direction: "row",
     alignItems: "center",
     sx: {
@@ -2502,7 +2545,7 @@ var NewBlerp$1 = function NewBlerp(_ref9) {
   })))), /*#__PURE__*/React__default.createElement(FavoriteIconWithCounter, {
     saved: bite === null || bite === void 0 ? void 0 : bite.saved,
     count: saveCount
-  }), /*#__PURE__*/React__default.createElement(Text$1, {
+  }), /*#__PURE__*/React__default.createElement(Text, {
     sx: {
       fontWeight: "300",
       fontSize: "12px",
@@ -2512,7 +2555,7 @@ var NewBlerp$1 = function NewBlerp(_ref9) {
       overflow: "hidden",
       margin: "0 10px"
     }
-  }, bite === null || bite === void 0 ? void 0 : (_bite$ownerObject = bite.ownerObject) === null || _bite$ownerObject === void 0 ? void 0 : _bite$ownerObject.username), /*#__PURE__*/React__default.createElement(Text$1, {
+  }, bite === null || bite === void 0 ? void 0 : (_bite$ownerObject = bite.ownerObject) === null || _bite$ownerObject === void 0 ? void 0 : _bite$ownerObject.username), /*#__PURE__*/React__default.createElement(Text, {
     sx: {
       fontWeight: "300",
       fontSize: "12px",
@@ -91207,10 +91250,10 @@ var Theme = BlerpTheme;
 var Box = Box$1;
 var Container = Container$2;
 var Grid = Grid$1;
-var Stack = Stack$2;
+var Stack = Stack$1;
 var ImageList = ImageList$1;
 var Autocomplete = Autocomplete$1;
-var Button = Button$2;
+var Button = Button$1;
 var ButtonGroup = ButtonGroup$1;
 var Checkbox = Checkbox$1;
 var FloatingActionButton = Fab;
@@ -91246,15 +91289,15 @@ var Chip = Chip$1;
 var Divider = Divider$1;
 var List = List$1;
 var Table = Table$1;
-var Tooltip = Tooltip$2;
+var Tooltip = Tooltip$1;
 var Toolbar = Toolbar$1;
 var Text = Typography;
 var Modal = Modal$1;
-var Popover = Popover$2;
+var Popover = Popover$1;
 var Blerp = Blerp$1;
 var NewBlerp = NewBlerp$1;
 var BlerpAudioContextProvider = BlerpAudioContextProvider$1;
-var IconButton = IconButton$2;
+var IconButton = IconButton$1;
 var Toggle = Toggle$1;
 var Dropdown = Dropdown$1;
 var NewDropdown = NewDropdown$1;