@blerp/design 1.2.5 → 1.2.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/index.cjs.js +31 -32
  2. package/dist/index.esm.js +37 -38
  3. package/dist/index.umd.js +35 -35
  4. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -22,7 +22,6 @@ var PauseRoundedIcon = require('@mui/icons-material/PauseRounded');
22
22
  var PlayArrowRoundedIcon = require('@mui/icons-material/PlayArrowRounded');
23
23
  var WarningRoundedIcon = require('@mui/icons-material/WarningRounded');
24
24
  require('@mui/icons-material/DoNotDisturbRounded');
25
- var _ = require('.');
26
25
  var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
27
26
  var _regeneratorRuntime = require('@babel/runtime/regenerator');
28
27
  var BookmarkAddOutlinedIcon = require('@mui/icons-material/BookmarkAddOutlined');
@@ -1831,7 +1830,7 @@ var AddContentDropdown = function AddContentDropdown(_ref) {
1831
1830
  setAnchor = _useState2[1];
1832
1831
 
1833
1832
  var open = Boolean(anchor);
1834
- return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(_.Button, {
1833
+ return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(Button, {
1835
1834
  color: "whiteOverride",
1836
1835
  variant: "outlined",
1837
1836
  onClick: function onClick(e) {
@@ -1851,7 +1850,7 @@ var AddContentDropdown = function AddContentDropdown(_ref) {
1851
1850
  }
1852
1851
  },
1853
1852
  endIcon: /*#__PURE__*/React__default['default'].createElement(ArrowDropDownRoundedIcon__default['default'], null)
1854
- }, "Place"), /*#__PURE__*/React__default['default'].createElement(_.Popover, {
1853
+ }, "Place"), /*#__PURE__*/React__default['default'].createElement(Popover, {
1855
1854
  open: open,
1856
1855
  anchorEl: anchor,
1857
1856
  anchorOrigin: {
@@ -1876,13 +1875,13 @@ var AddContentDropdown = function AddContentDropdown(_ref) {
1876
1875
  overflowY: "hidden"
1877
1876
  }
1878
1877
  }
1879
- }, /*#__PURE__*/React__default['default'].createElement(_.Stack, {
1878
+ }, /*#__PURE__*/React__default['default'].createElement(Stack, {
1880
1879
  sx: {
1881
1880
  maxHeight: "120px",
1882
1881
  overflowY: "scroll"
1883
1882
  }
1884
1883
  }, options === null || options === void 0 ? void 0 : options.map(function (option) {
1885
- return /*#__PURE__*/React__default['default'].createElement(_.Stack, {
1884
+ return /*#__PURE__*/React__default['default'].createElement(Stack, {
1886
1885
  direction: "row",
1887
1886
  sx: {
1888
1887
  boxSizing: "border-box",
@@ -1909,7 +1908,7 @@ var AddContentDropdown = function AddContentDropdown(_ref) {
1909
1908
  if (onOptionClicked) onOptionClicked(option);
1910
1909
  setAnchor(null);
1911
1910
  }
1912
- }, /*#__PURE__*/React__default['default'].createElement(_.Text, {
1911
+ }, /*#__PURE__*/React__default['default'].createElement(Text, {
1913
1912
  sx: {
1914
1913
  fontSize: "14px",
1915
1914
  fontWeight: "400"
@@ -1946,7 +1945,7 @@ var AddContentButton = function AddContentButton(_ref2) {
1946
1945
  setActive(false);
1947
1946
  }
1948
1947
  }, [hovering]);
1949
- return /*#__PURE__*/React__default['default'].createElement(_.Stack, {
1948
+ return /*#__PURE__*/React__default['default'].createElement(Stack, {
1950
1949
  direction: "row",
1951
1950
  width: "100%",
1952
1951
  sx: {
@@ -1965,7 +1964,7 @@ var AddContentButton = function AddContentButton(_ref2) {
1965
1964
  style: {
1966
1965
  width: "100%"
1967
1966
  }
1968
- }), /*#__PURE__*/React__default['default'].createElement(_.IconButton, {
1967
+ }), /*#__PURE__*/React__default['default'].createElement(IconButton, {
1969
1968
  sx: {
1970
1969
  width: "30px",
1971
1970
  height: "30px",
@@ -1991,7 +1990,7 @@ var FavoriteIconWithCounter = function FavoriteIconWithCounter(_ref3) {
1991
1990
  var saved = _ref3.saved,
1992
1991
  count = _ref3.count;
1993
1992
  _ref3.onClick;
1994
- return /*#__PURE__*/React__default['default'].createElement(_.Stack, {
1993
+ return /*#__PURE__*/React__default['default'].createElement(Stack, {
1995
1994
  direction: "row",
1996
1995
  alignItems: "center"
1997
1996
  }, saved ? /*#__PURE__*/React__default['default'].createElement(FavoriteIcon__default['default'], {
@@ -2014,7 +2013,7 @@ var FavoriteIconWithCounter = function FavoriteIconWithCounter(_ref3) {
2014
2013
  opacity: 0.5
2015
2014
  }
2016
2015
  }
2017
- }), /*#__PURE__*/React__default['default'].createElement(_.Text, {
2016
+ }), /*#__PURE__*/React__default['default'].createElement(Text, {
2018
2017
  sx: {
2019
2018
  fontSize: "12px",
2020
2019
  fontWeight: "400"
@@ -2024,21 +2023,21 @@ var FavoriteIconWithCounter = function FavoriteIconWithCounter(_ref3) {
2024
2023
 
2025
2024
  var AddedToIcons = function AddedToIcons(_ref4) {
2026
2025
  var hovering = _ref4.hovering;
2027
- return /*#__PURE__*/React__default['default'].createElement(_.Stack, {
2026
+ return /*#__PURE__*/React__default['default'].createElement(Stack, {
2028
2027
  direction: "row",
2029
2028
  sx: {
2030
2029
  transition: "0.3s",
2031
2030
  opacity: hovering ? "1" : "0"
2032
2031
  }
2033
- }, /*#__PURE__*/React__default['default'].createElement(_.ChannelPointsIcon, {
2032
+ }, /*#__PURE__*/React__default['default'].createElement(ChannelPointsIcon, {
2034
2033
  sx: {
2035
2034
  fontSize: "15px"
2036
2035
  }
2037
- }), /*#__PURE__*/React__default['default'].createElement(_.TwitchBitIcon, {
2036
+ }), /*#__PURE__*/React__default['default'].createElement(TwitchBitIcon, {
2038
2037
  sx: {
2039
2038
  fontSize: "15px"
2040
2039
  }
2041
- }), /*#__PURE__*/React__default['default'].createElement(_.WalkonIcon, {
2040
+ }), /*#__PURE__*/React__default['default'].createElement(WalkonIcon, {
2042
2041
  sx: {
2043
2042
  fontSize: "15px"
2044
2043
  }
@@ -2062,9 +2061,9 @@ var RatingInfo = function RatingInfo(_ref5) {
2062
2061
  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
2063
2062
 
2064
2063
  case "NC17":
2065
- return /*#__PURE__*/React__default['default'].createElement(_.Tooltip, {
2064
+ return /*#__PURE__*/React__default['default'].createElement(Tooltip, {
2066
2065
  title: "Not Safe For Work"
2067
- }, /*#__PURE__*/React__default['default'].createElement(_.Text, {
2066
+ }, /*#__PURE__*/React__default['default'].createElement(Text, {
2068
2067
  sx: {
2069
2068
  fontSize: "9px",
2070
2069
  fontWeight: "600",
@@ -2079,9 +2078,9 @@ var RatingInfo = function RatingInfo(_ref5) {
2079
2078
  }, "NSFW"));
2080
2079
 
2081
2080
  case "UR":
2082
- return /*#__PURE__*/React__default['default'].createElement(_.Tooltip, {
2081
+ return /*#__PURE__*/React__default['default'].createElement(Tooltip, {
2083
2082
  title: "Hasn't Been Reviewed"
2084
- }, /*#__PURE__*/React__default['default'].createElement(_.Text, {
2083
+ }, /*#__PURE__*/React__default['default'].createElement(Text, {
2085
2084
  sx: {
2086
2085
  fontSize: "9px",
2087
2086
  fontWeight: "600",
@@ -2250,21 +2249,21 @@ var ReportedWarning = function ReportedWarning(_ref8) {
2250
2249
  sx: {
2251
2250
  marginBottom: "20px"
2252
2251
  }
2253
- }), /*#__PURE__*/React__default['default'].createElement(_.Text, {
2252
+ }), /*#__PURE__*/React__default['default'].createElement(Text, {
2254
2253
  sx: {
2255
2254
  fontSize: "18px",
2256
2255
  fontWeight: "600",
2257
2256
  color: "white.override",
2258
2257
  marginBottom: "10px"
2259
2258
  }
2260
- }, "Hold Up"), /*#__PURE__*/React__default['default'].createElement(_.Text, {
2259
+ }, "Hold Up"), /*#__PURE__*/React__default['default'].createElement(Text, {
2261
2260
  sx: {
2262
2261
  fontSize: "14px",
2263
2262
  fontWeight: "400",
2264
2263
  color: "white.override",
2265
2264
  textAlign: "center"
2266
2265
  }
2267
- }, "This Has Been ", /*#__PURE__*/React__default['default'].createElement("br", null), " Reported ", " Times"), hovering && /*#__PURE__*/React__default['default'].createElement(_.Button, {
2266
+ }, "This Has Been ", /*#__PURE__*/React__default['default'].createElement("br", null), " Reported ", " Times"), hovering && /*#__PURE__*/React__default['default'].createElement(Button, {
2268
2267
  color: "whiteOverride",
2269
2268
  variant: "outlined",
2270
2269
  sx: {
@@ -2276,7 +2275,7 @@ var ReportedWarning = function ReportedWarning(_ref8) {
2276
2275
  }, "View"));
2277
2276
  };
2278
2277
 
2279
- return /*#__PURE__*/React__default['default'].createElement(_.Stack, {
2278
+ return /*#__PURE__*/React__default['default'].createElement(Stack, {
2280
2279
  sx: {
2281
2280
  position: "absolute",
2282
2281
  top: "0",
@@ -2300,7 +2299,7 @@ var ReportedWarning = function ReportedWarning(_ref8) {
2300
2299
  onMouseLeave: function onMouseLeave() {
2301
2300
  setHovering(false);
2302
2301
  }
2303
- }, /*#__PURE__*/React__default['default'].createElement(_.Stack, {
2302
+ }, /*#__PURE__*/React__default['default'].createElement(Stack, {
2304
2303
  sx: {
2305
2304
  position: "absolute",
2306
2305
  top: "20px",
@@ -2431,7 +2430,7 @@ var NewBlerp$1 = function NewBlerp(_ref9) {
2431
2430
  onClick: function onClick() {
2432
2431
  return console.log("clicked save");
2433
2432
  }
2434
- }), /*#__PURE__*/React__default['default'].createElement(Container$1, null, /*#__PURE__*/React__default['default'].createElement(_.Stack, {
2433
+ }), /*#__PURE__*/React__default['default'].createElement(Container$1, null, /*#__PURE__*/React__default['default'].createElement(Stack, {
2435
2434
  id: "blerp-audio-button-".concat(bite === null || bite === void 0 ? void 0 : bite._id),
2436
2435
  sx: {
2437
2436
  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, ")"),
@@ -2455,7 +2454,7 @@ var NewBlerp$1 = function NewBlerp(_ref9) {
2455
2454
  onMouseLeave: function onMouseLeave() {
2456
2455
  setHovering(false);
2457
2456
  }
2458
- }, /*#__PURE__*/React__default['default'].createElement(_.Stack, {
2457
+ }, /*#__PURE__*/React__default['default'].createElement(Stack, {
2459
2458
  className: "blerp-hover",
2460
2459
  onClick: function onClick() {
2461
2460
  console.log("play cliceckkes");
@@ -2476,14 +2475,14 @@ var NewBlerp$1 = function NewBlerp(_ref9) {
2476
2475
  alignItems: "center",
2477
2476
  justifyContent: "center"
2478
2477
  }
2479
- }), /*#__PURE__*/React__default['default'].createElement(_.Stack, {
2478
+ }), /*#__PURE__*/React__default['default'].createElement(Stack, {
2480
2479
  direction: "row",
2481
2480
  justifyContent: "space-between",
2482
2481
  width: "100%",
2483
2482
  sx: {
2484
2483
  position: "relative"
2485
2484
  }
2486
- }, /*#__PURE__*/React__default['default'].createElement(_.Stack, null, /*#__PURE__*/React__default['default'].createElement(RatingInfo, {
2485
+ }, /*#__PURE__*/React__default['default'].createElement(Stack, null, /*#__PURE__*/React__default['default'].createElement(RatingInfo, {
2487
2486
  rating: bite === null || bite === void 0 ? void 0 : bite.strictAudienceRating
2488
2487
  }), /*#__PURE__*/React__default['default'].createElement(AddedToIcons, {
2489
2488
  hovering: hovering
@@ -2492,7 +2491,7 @@ var NewBlerp$1 = function NewBlerp(_ref9) {
2492
2491
  onClick: function onClick(option) {
2493
2492
  return handleAddToPlace();
2494
2493
  }
2495
- }), /*#__PURE__*/React__default['default'].createElement(_.Stack, {
2494
+ }), /*#__PURE__*/React__default['default'].createElement(Stack, {
2496
2495
  sx: {
2497
2496
  transition: "0.3s",
2498
2497
  opacity: hovering ? "1" : "0",
@@ -2502,7 +2501,7 @@ var NewBlerp$1 = function NewBlerp(_ref9) {
2502
2501
  }, renderPlayStateIcon()), /*#__PURE__*/React__default['default'].createElement(BlerpWaveform, {
2503
2502
  bite: bite,
2504
2503
  hovering: hovering
2505
- })), /*#__PURE__*/React__default['default'].createElement(_.Text, {
2504
+ })), /*#__PURE__*/React__default['default'].createElement(Text, {
2506
2505
  sx: {
2507
2506
  fontSize: "16px",
2508
2507
  fontWeight: "400",
@@ -2516,7 +2515,7 @@ var NewBlerp$1 = function NewBlerp(_ref9) {
2516
2515
  height: "23px",
2517
2516
  margin: "10px 0 5px 0"
2518
2517
  }
2519
- }, bite === null || bite === void 0 ? void 0 : bite.title), /*#__PURE__*/React__default['default'].createElement(_.Stack, {
2518
+ }, bite === null || bite === void 0 ? void 0 : bite.title), /*#__PURE__*/React__default['default'].createElement(Stack, {
2520
2519
  direction: "row",
2521
2520
  alignItems: "center",
2522
2521
  sx: {
@@ -2579,7 +2578,7 @@ var NewBlerp$1 = function NewBlerp(_ref9) {
2579
2578
  })))), /*#__PURE__*/React__default['default'].createElement(FavoriteIconWithCounter, {
2580
2579
  saved: bite === null || bite === void 0 ? void 0 : bite.saved,
2581
2580
  count: saveCount
2582
- }), /*#__PURE__*/React__default['default'].createElement(_.Text, {
2581
+ }), /*#__PURE__*/React__default['default'].createElement(Text, {
2583
2582
  sx: {
2584
2583
  fontWeight: "300",
2585
2584
  fontSize: "12px",
@@ -2589,7 +2588,7 @@ var NewBlerp$1 = function NewBlerp(_ref9) {
2589
2588
  overflow: "hidden",
2590
2589
  margin: "0 10px"
2591
2590
  }
2592
- }, bite === null || bite === void 0 ? void 0 : (_bite$ownerObject = bite.ownerObject) === null || _bite$ownerObject === void 0 ? void 0 : _bite$ownerObject.username), /*#__PURE__*/React__default['default'].createElement(_.Text, {
2591
+ }, bite === null || bite === void 0 ? void 0 : (_bite$ownerObject = bite.ownerObject) === null || _bite$ownerObject === void 0 ? void 0 : _bite$ownerObject.username), /*#__PURE__*/React__default['default'].createElement(Text, {
2593
2592
  sx: {
2594
2593
  fontWeight: "300",
2595
2594
  fontSize: "12px",
package/dist/index.esm.js CHANGED
@@ -1,4 +1,4 @@
1
- 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';
1
+ 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';
2
2
  import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
3
3
  import PropTypes from 'prop-types';
4
4
  import * as React from 'react';
@@ -19,7 +19,6 @@ import PauseRoundedIcon from '@mui/icons-material/PauseRounded';
19
19
  import PlayArrowRoundedIcon from '@mui/icons-material/PlayArrowRounded';
20
20
  import WarningRoundedIcon from '@mui/icons-material/WarningRounded';
21
21
  import '@mui/icons-material/DoNotDisturbRounded';
22
- 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 '.';
23
22
  import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
24
23
  import _regeneratorRuntime from '@babel/runtime/regenerator';
25
24
  import BookmarkAddOutlinedIcon from '@mui/icons-material/BookmarkAddOutlined';
@@ -1754,7 +1753,7 @@ var AddContentDropdown = function AddContentDropdown(_ref) {
1754
1753
  setAnchor = _useState2[1];
1755
1754
 
1756
1755
  var open = Boolean(anchor);
1757
- return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Button$1, {
1756
+ return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Button, {
1758
1757
  color: "whiteOverride",
1759
1758
  variant: "outlined",
1760
1759
  onClick: function onClick(e) {
@@ -1774,7 +1773,7 @@ var AddContentDropdown = function AddContentDropdown(_ref) {
1774
1773
  }
1775
1774
  },
1776
1775
  endIcon: /*#__PURE__*/React__default.createElement(ArrowDropDownRoundedIcon, null)
1777
- }, "Place"), /*#__PURE__*/React__default.createElement(Popover$1, {
1776
+ }, "Place"), /*#__PURE__*/React__default.createElement(Popover, {
1778
1777
  open: open,
1779
1778
  anchorEl: anchor,
1780
1779
  anchorOrigin: {
@@ -1799,13 +1798,13 @@ var AddContentDropdown = function AddContentDropdown(_ref) {
1799
1798
  overflowY: "hidden"
1800
1799
  }
1801
1800
  }
1802
- }, /*#__PURE__*/React__default.createElement(Stack$1, {
1801
+ }, /*#__PURE__*/React__default.createElement(Stack, {
1803
1802
  sx: {
1804
1803
  maxHeight: "120px",
1805
1804
  overflowY: "scroll"
1806
1805
  }
1807
1806
  }, options === null || options === void 0 ? void 0 : options.map(function (option) {
1808
- return /*#__PURE__*/React__default.createElement(Stack$1, {
1807
+ return /*#__PURE__*/React__default.createElement(Stack, {
1809
1808
  direction: "row",
1810
1809
  sx: {
1811
1810
  boxSizing: "border-box",
@@ -1832,7 +1831,7 @@ var AddContentDropdown = function AddContentDropdown(_ref) {
1832
1831
  if (onOptionClicked) onOptionClicked(option);
1833
1832
  setAnchor(null);
1834
1833
  }
1835
- }, /*#__PURE__*/React__default.createElement(Text$1, {
1834
+ }, /*#__PURE__*/React__default.createElement(Text, {
1836
1835
  sx: {
1837
1836
  fontSize: "14px",
1838
1837
  fontWeight: "400"
@@ -1869,7 +1868,7 @@ var AddContentButton = function AddContentButton(_ref2) {
1869
1868
  setActive(false);
1870
1869
  }
1871
1870
  }, [hovering]);
1872
- return /*#__PURE__*/React__default.createElement(Stack$1, {
1871
+ return /*#__PURE__*/React__default.createElement(Stack, {
1873
1872
  direction: "row",
1874
1873
  width: "100%",
1875
1874
  sx: {
@@ -1888,7 +1887,7 @@ var AddContentButton = function AddContentButton(_ref2) {
1888
1887
  style: {
1889
1888
  width: "100%"
1890
1889
  }
1891
- }), /*#__PURE__*/React__default.createElement(IconButton$1, {
1890
+ }), /*#__PURE__*/React__default.createElement(IconButton, {
1892
1891
  sx: {
1893
1892
  width: "30px",
1894
1893
  height: "30px",
@@ -1914,7 +1913,7 @@ var FavoriteIconWithCounter = function FavoriteIconWithCounter(_ref3) {
1914
1913
  var saved = _ref3.saved,
1915
1914
  count = _ref3.count;
1916
1915
  _ref3.onClick;
1917
- return /*#__PURE__*/React__default.createElement(Stack$1, {
1916
+ return /*#__PURE__*/React__default.createElement(Stack, {
1918
1917
  direction: "row",
1919
1918
  alignItems: "center"
1920
1919
  }, saved ? /*#__PURE__*/React__default.createElement(FavoriteIcon, {
@@ -1937,7 +1936,7 @@ var FavoriteIconWithCounter = function FavoriteIconWithCounter(_ref3) {
1937
1936
  opacity: 0.5
1938
1937
  }
1939
1938
  }
1940
- }), /*#__PURE__*/React__default.createElement(Text$1, {
1939
+ }), /*#__PURE__*/React__default.createElement(Text, {
1941
1940
  sx: {
1942
1941
  fontSize: "12px",
1943
1942
  fontWeight: "400"
@@ -1947,21 +1946,21 @@ var FavoriteIconWithCounter = function FavoriteIconWithCounter(_ref3) {
1947
1946
 
1948
1947
  var AddedToIcons = function AddedToIcons(_ref4) {
1949
1948
  var hovering = _ref4.hovering;
1950
- return /*#__PURE__*/React__default.createElement(Stack$1, {
1949
+ return /*#__PURE__*/React__default.createElement(Stack, {
1951
1950
  direction: "row",
1952
1951
  sx: {
1953
1952
  transition: "0.3s",
1954
1953
  opacity: hovering ? "1" : "0"
1955
1954
  }
1956
- }, /*#__PURE__*/React__default.createElement(ChannelPointsIcon$1, {
1955
+ }, /*#__PURE__*/React__default.createElement(ChannelPointsIcon, {
1957
1956
  sx: {
1958
1957
  fontSize: "15px"
1959
1958
  }
1960
- }), /*#__PURE__*/React__default.createElement(TwitchBitIcon$1, {
1959
+ }), /*#__PURE__*/React__default.createElement(TwitchBitIcon, {
1961
1960
  sx: {
1962
1961
  fontSize: "15px"
1963
1962
  }
1964
- }), /*#__PURE__*/React__default.createElement(WalkonIcon$1, {
1963
+ }), /*#__PURE__*/React__default.createElement(WalkonIcon, {
1965
1964
  sx: {
1966
1965
  fontSize: "15px"
1967
1966
  }
@@ -1985,9 +1984,9 @@ var RatingInfo = function RatingInfo(_ref5) {
1985
1984
  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
1986
1985
 
1987
1986
  case "NC17":
1988
- return /*#__PURE__*/React__default.createElement(Tooltip$1, {
1987
+ return /*#__PURE__*/React__default.createElement(Tooltip, {
1989
1988
  title: "Not Safe For Work"
1990
- }, /*#__PURE__*/React__default.createElement(Text$1, {
1989
+ }, /*#__PURE__*/React__default.createElement(Text, {
1991
1990
  sx: {
1992
1991
  fontSize: "9px",
1993
1992
  fontWeight: "600",
@@ -2002,9 +2001,9 @@ var RatingInfo = function RatingInfo(_ref5) {
2002
2001
  }, "NSFW"));
2003
2002
 
2004
2003
  case "UR":
2005
- return /*#__PURE__*/React__default.createElement(Tooltip$1, {
2004
+ return /*#__PURE__*/React__default.createElement(Tooltip, {
2006
2005
  title: "Hasn't Been Reviewed"
2007
- }, /*#__PURE__*/React__default.createElement(Text$1, {
2006
+ }, /*#__PURE__*/React__default.createElement(Text, {
2008
2007
  sx: {
2009
2008
  fontSize: "9px",
2010
2009
  fontWeight: "600",
@@ -2173,21 +2172,21 @@ var ReportedWarning = function ReportedWarning(_ref8) {
2173
2172
  sx: {
2174
2173
  marginBottom: "20px"
2175
2174
  }
2176
- }), /*#__PURE__*/React__default.createElement(Text$1, {
2175
+ }), /*#__PURE__*/React__default.createElement(Text, {
2177
2176
  sx: {
2178
2177
  fontSize: "18px",
2179
2178
  fontWeight: "600",
2180
2179
  color: "white.override",
2181
2180
  marginBottom: "10px"
2182
2181
  }
2183
- }, "Hold Up"), /*#__PURE__*/React__default.createElement(Text$1, {
2182
+ }, "Hold Up"), /*#__PURE__*/React__default.createElement(Text, {
2184
2183
  sx: {
2185
2184
  fontSize: "14px",
2186
2185
  fontWeight: "400",
2187
2186
  color: "white.override",
2188
2187
  textAlign: "center"
2189
2188
  }
2190
- }, "This Has Been ", /*#__PURE__*/React__default.createElement("br", null), " Reported ", " Times"), hovering && /*#__PURE__*/React__default.createElement(Button$1, {
2189
+ }, "This Has Been ", /*#__PURE__*/React__default.createElement("br", null), " Reported ", " Times"), hovering && /*#__PURE__*/React__default.createElement(Button, {
2191
2190
  color: "whiteOverride",
2192
2191
  variant: "outlined",
2193
2192
  sx: {
@@ -2199,7 +2198,7 @@ var ReportedWarning = function ReportedWarning(_ref8) {
2199
2198
  }, "View"));
2200
2199
  };
2201
2200
 
2202
- return /*#__PURE__*/React__default.createElement(Stack$1, {
2201
+ return /*#__PURE__*/React__default.createElement(Stack, {
2203
2202
  sx: {
2204
2203
  position: "absolute",
2205
2204
  top: "0",
@@ -2223,7 +2222,7 @@ var ReportedWarning = function ReportedWarning(_ref8) {
2223
2222
  onMouseLeave: function onMouseLeave() {
2224
2223
  setHovering(false);
2225
2224
  }
2226
- }, /*#__PURE__*/React__default.createElement(Stack$1, {
2225
+ }, /*#__PURE__*/React__default.createElement(Stack, {
2227
2226
  sx: {
2228
2227
  position: "absolute",
2229
2228
  top: "20px",
@@ -2354,7 +2353,7 @@ var NewBlerp$1 = function NewBlerp(_ref9) {
2354
2353
  onClick: function onClick() {
2355
2354
  return console.log("clicked save");
2356
2355
  }
2357
- }), /*#__PURE__*/React__default.createElement(Container$1, null, /*#__PURE__*/React__default.createElement(Stack$1, {
2356
+ }), /*#__PURE__*/React__default.createElement(Container$1, null, /*#__PURE__*/React__default.createElement(Stack, {
2358
2357
  id: "blerp-audio-button-".concat(bite === null || bite === void 0 ? void 0 : bite._id),
2359
2358
  sx: {
2360
2359
  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 +2377,7 @@ var NewBlerp$1 = function NewBlerp(_ref9) {
2378
2377
  onMouseLeave: function onMouseLeave() {
2379
2378
  setHovering(false);
2380
2379
  }
2381
- }, /*#__PURE__*/React__default.createElement(Stack$1, {
2380
+ }, /*#__PURE__*/React__default.createElement(Stack, {
2382
2381
  className: "blerp-hover",
2383
2382
  onClick: function onClick() {
2384
2383
  console.log("play cliceckkes");
@@ -2399,14 +2398,14 @@ var NewBlerp$1 = function NewBlerp(_ref9) {
2399
2398
  alignItems: "center",
2400
2399
  justifyContent: "center"
2401
2400
  }
2402
- }), /*#__PURE__*/React__default.createElement(Stack$1, {
2401
+ }), /*#__PURE__*/React__default.createElement(Stack, {
2403
2402
  direction: "row",
2404
2403
  justifyContent: "space-between",
2405
2404
  width: "100%",
2406
2405
  sx: {
2407
2406
  position: "relative"
2408
2407
  }
2409
- }, /*#__PURE__*/React__default.createElement(Stack$1, null, /*#__PURE__*/React__default.createElement(RatingInfo, {
2408
+ }, /*#__PURE__*/React__default.createElement(Stack, null, /*#__PURE__*/React__default.createElement(RatingInfo, {
2410
2409
  rating: bite === null || bite === void 0 ? void 0 : bite.strictAudienceRating
2411
2410
  }), /*#__PURE__*/React__default.createElement(AddedToIcons, {
2412
2411
  hovering: hovering
@@ -2415,7 +2414,7 @@ var NewBlerp$1 = function NewBlerp(_ref9) {
2415
2414
  onClick: function onClick(option) {
2416
2415
  return handleAddToPlace();
2417
2416
  }
2418
- }), /*#__PURE__*/React__default.createElement(Stack$1, {
2417
+ }), /*#__PURE__*/React__default.createElement(Stack, {
2419
2418
  sx: {
2420
2419
  transition: "0.3s",
2421
2420
  opacity: hovering ? "1" : "0",
@@ -2425,7 +2424,7 @@ var NewBlerp$1 = function NewBlerp(_ref9) {
2425
2424
  }, renderPlayStateIcon()), /*#__PURE__*/React__default.createElement(BlerpWaveform, {
2426
2425
  bite: bite,
2427
2426
  hovering: hovering
2428
- })), /*#__PURE__*/React__default.createElement(Text$1, {
2427
+ })), /*#__PURE__*/React__default.createElement(Text, {
2429
2428
  sx: {
2430
2429
  fontSize: "16px",
2431
2430
  fontWeight: "400",
@@ -2439,7 +2438,7 @@ var NewBlerp$1 = function NewBlerp(_ref9) {
2439
2438
  height: "23px",
2440
2439
  margin: "10px 0 5px 0"
2441
2440
  }
2442
- }, bite === null || bite === void 0 ? void 0 : bite.title), /*#__PURE__*/React__default.createElement(Stack$1, {
2441
+ }, bite === null || bite === void 0 ? void 0 : bite.title), /*#__PURE__*/React__default.createElement(Stack, {
2443
2442
  direction: "row",
2444
2443
  alignItems: "center",
2445
2444
  sx: {
@@ -2502,7 +2501,7 @@ var NewBlerp$1 = function NewBlerp(_ref9) {
2502
2501
  })))), /*#__PURE__*/React__default.createElement(FavoriteIconWithCounter, {
2503
2502
  saved: bite === null || bite === void 0 ? void 0 : bite.saved,
2504
2503
  count: saveCount
2505
- }), /*#__PURE__*/React__default.createElement(Text$1, {
2504
+ }), /*#__PURE__*/React__default.createElement(Text, {
2506
2505
  sx: {
2507
2506
  fontWeight: "300",
2508
2507
  fontSize: "12px",
@@ -2512,7 +2511,7 @@ var NewBlerp$1 = function NewBlerp(_ref9) {
2512
2511
  overflow: "hidden",
2513
2512
  margin: "0 10px"
2514
2513
  }
2515
- }, 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, {
2514
+ }, 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, {
2516
2515
  sx: {
2517
2516
  fontWeight: "300",
2518
2517
  fontSize: "12px",
@@ -91207,10 +91206,10 @@ var Theme = BlerpTheme;
91207
91206
  var Box = Box$1;
91208
91207
  var Container = Container$2;
91209
91208
  var Grid = Grid$1;
91210
- var Stack = Stack$2;
91209
+ var Stack = Stack$1;
91211
91210
  var ImageList = ImageList$1;
91212
91211
  var Autocomplete = Autocomplete$1;
91213
- var Button = Button$2;
91212
+ var Button = Button$1;
91214
91213
  var ButtonGroup = ButtonGroup$1;
91215
91214
  var Checkbox = Checkbox$1;
91216
91215
  var FloatingActionButton = Fab;
@@ -91246,15 +91245,15 @@ var Chip = Chip$1;
91246
91245
  var Divider = Divider$1;
91247
91246
  var List = List$1;
91248
91247
  var Table = Table$1;
91249
- var Tooltip = Tooltip$2;
91248
+ var Tooltip = Tooltip$1;
91250
91249
  var Toolbar = Toolbar$1;
91251
91250
  var Text = Typography;
91252
91251
  var Modal = Modal$1;
91253
- var Popover = Popover$2;
91252
+ var Popover = Popover$1;
91254
91253
  var Blerp = Blerp$1;
91255
91254
  var NewBlerp = NewBlerp$1;
91256
91255
  var BlerpAudioContextProvider = BlerpAudioContextProvider$1;
91257
- var IconButton = IconButton$2;
91256
+ var IconButton = IconButton$1;
91258
91257
  var Toggle = Toggle$1;
91259
91258
  var Dropdown = Dropdown$1;
91260
91259
  var NewDropdown = NewDropdown$1;
package/dist/index.umd.js CHANGED
@@ -1,8 +1,8 @@
1
1
  (function (global, factory) {
2
- 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('@blerp/wavesurfer'), require('@blerp/wavesurfer/dist/plugin/wavesurfer.cursor.min.js'), require('@mui/icons-material/AddRounded'), require('@mui/icons-material/ArrowDropDownRounded'), require('@mui/icons-material/Favorite'), require('@mui/icons-material/FavoriteBorder'), require('@mui/icons-material/PauseRounded'), require('@mui/icons-material/PlayArrowRounded'), require('@mui/icons-material/WarningRounded'), require('@mui/icons-material/DoNotDisturbRounded'), require('.'), require('@babel/runtime/helpers/asyncToGenerator'), require('@babel/runtime/regenerator'), 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('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/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')) :
3
- 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', '@blerp/wavesurfer', '@blerp/wavesurfer/dist/plugin/wavesurfer.cursor.min.js', '@mui/icons-material/AddRounded', '@mui/icons-material/ArrowDropDownRounded', '@mui/icons-material/Favorite', '@mui/icons-material/FavoriteBorder', '@mui/icons-material/PauseRounded', '@mui/icons-material/PlayArrowRounded', '@mui/icons-material/WarningRounded', '@mui/icons-material/DoNotDisturbRounded', '.', '@babel/runtime/helpers/asyncToGenerator', '@babel/runtime/regenerator', '@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', 'react-avatar-editor', 'react-dropzone', '@mui/icons-material/InsertPhotoRounded', '@mui/material/styles', '@mui/material/Slide', '@mui/material/Fade', 'react-lottie', '@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) :
4
- (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.WaveSurfer, global.CursorPlugin, global.AddRoundedIcon, global.ArrowDropDownRoundedIcon, global.FavoriteIcon, global.FavoriteBorderIcon, global.PauseRoundedIcon, global.PlayArrowRoundedIcon, global.WarningRoundedIcon, null, global._, global._asyncToGenerator, global._regeneratorRuntime, global.BookmarkAddOutlinedIcon, global.MoreHorizRoundedIcon, global.reactPalette, global._typeof, global.KeyboardArrowRightRoundedIcon, global._defineProperty, global.KeyboardArrowDownRoundedIcon, global.CloseRoundedIcon, global.FileUploadRoundedIcon, global._extends, global.AvatarEditor, global.Dropzone, global.InsertPhotoRoundedIcon, global.styles, global.Slide, global.Fade, global.Lottie, 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));
5
- }(this, (function (exports, material, _slicedToArray, PropTypes, React, reactColorExtractor, styled, _taggedTemplateLiteral, iconsMaterial, BookmarkOutlinedIcon, LockRoundedIcon, WaveSurfer, CursorPlugin, AddRoundedIcon, ArrowDropDownRoundedIcon, FavoriteIcon, FavoriteBorderIcon, PauseRoundedIcon, PlayArrowRoundedIcon, WarningRoundedIcon, DoNotDisturbRoundedIcon, _, _asyncToGenerator, _regeneratorRuntime, BookmarkAddOutlinedIcon, MoreHorizRoundedIcon, reactPalette, _typeof, KeyboardArrowRightRoundedIcon, _defineProperty, KeyboardArrowDownRoundedIcon, CloseRoundedIcon, FileUploadRoundedIcon, _extends, AvatarEditor, Dropzone, InsertPhotoRoundedIcon, styles, Slide, Fade, Lottie, FacebookIcon, InstagramIcon, ModeEditRoundedIcon, PersonAddRoundedIcon, PinterestIcon, TwitterIcon, YouTubeIcon, PersonRemoveRoundedIcon, _toConsumableArray, FilterAltRounded, MenuRoundedIcon, ViewModuleRoundedIcon, SettingsRounded, SortRoundedIcon, ChevronRightRoundedIcon, PersonRoundedIcon, SearchRoundedIcon, BookmarkRemoveOutlinedIcon, VisibilityOffRoundedIcon) { 'use strict';
2
+ 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('@blerp/wavesurfer'), require('@blerp/wavesurfer/dist/plugin/wavesurfer.cursor.min.js'), require('@mui/icons-material/AddRounded'), require('@mui/icons-material/ArrowDropDownRounded'), require('@mui/icons-material/Favorite'), require('@mui/icons-material/FavoriteBorder'), require('@mui/icons-material/PauseRounded'), require('@mui/icons-material/PlayArrowRounded'), require('@mui/icons-material/WarningRounded'), require('@mui/icons-material/DoNotDisturbRounded'), require('@babel/runtime/helpers/asyncToGenerator'), require('@babel/runtime/regenerator'), 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('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/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')) :
3
+ 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', '@blerp/wavesurfer', '@blerp/wavesurfer/dist/plugin/wavesurfer.cursor.min.js', '@mui/icons-material/AddRounded', '@mui/icons-material/ArrowDropDownRounded', '@mui/icons-material/Favorite', '@mui/icons-material/FavoriteBorder', '@mui/icons-material/PauseRounded', '@mui/icons-material/PlayArrowRounded', '@mui/icons-material/WarningRounded', '@mui/icons-material/DoNotDisturbRounded', '@babel/runtime/helpers/asyncToGenerator', '@babel/runtime/regenerator', '@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', 'react-avatar-editor', 'react-dropzone', '@mui/icons-material/InsertPhotoRounded', '@mui/material/styles', '@mui/material/Slide', '@mui/material/Fade', 'react-lottie', '@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) :
4
+ (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.WaveSurfer, global.CursorPlugin, global.AddRoundedIcon, global.ArrowDropDownRoundedIcon, global.FavoriteIcon, global.FavoriteBorderIcon, global.PauseRoundedIcon, global.PlayArrowRoundedIcon, global.WarningRoundedIcon, null, global._asyncToGenerator, global._regeneratorRuntime, global.BookmarkAddOutlinedIcon, global.MoreHorizRoundedIcon, global.reactPalette, global._typeof, global.KeyboardArrowRightRoundedIcon, global._defineProperty, global.KeyboardArrowDownRoundedIcon, global.CloseRoundedIcon, global.FileUploadRoundedIcon, global._extends, global.AvatarEditor, global.Dropzone, global.InsertPhotoRoundedIcon, global.styles, global.Slide, global.Fade, global.Lottie, 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));
5
+ }(this, (function (exports, material, _slicedToArray, PropTypes, React, reactColorExtractor, styled, _taggedTemplateLiteral, iconsMaterial, BookmarkOutlinedIcon, LockRoundedIcon, WaveSurfer, CursorPlugin, AddRoundedIcon, ArrowDropDownRoundedIcon, FavoriteIcon, FavoriteBorderIcon, PauseRoundedIcon, PlayArrowRoundedIcon, WarningRoundedIcon, DoNotDisturbRoundedIcon, _asyncToGenerator, _regeneratorRuntime, BookmarkAddOutlinedIcon, MoreHorizRoundedIcon, reactPalette, _typeof, KeyboardArrowRightRoundedIcon, _defineProperty, KeyboardArrowDownRoundedIcon, CloseRoundedIcon, FileUploadRoundedIcon, _extends, AvatarEditor, Dropzone, InsertPhotoRoundedIcon, styles, Slide, Fade, Lottie, FacebookIcon, InstagramIcon, ModeEditRoundedIcon, PersonAddRoundedIcon, PinterestIcon, TwitterIcon, YouTubeIcon, PersonRemoveRoundedIcon, _toConsumableArray, FilterAltRounded, MenuRoundedIcon, ViewModuleRoundedIcon, SettingsRounded, SortRoundedIcon, ChevronRightRoundedIcon, PersonRoundedIcon, SearchRoundedIcon, BookmarkRemoveOutlinedIcon, VisibilityOffRoundedIcon) { 'use strict';
6
6
 
7
7
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
8
8
 
@@ -1773,7 +1773,7 @@
1773
1773
  setAnchor = _useState2[1];
1774
1774
 
1775
1775
  var open = Boolean(anchor);
1776
- return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(_.Button, {
1776
+ return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(Button, {
1777
1777
  color: "whiteOverride",
1778
1778
  variant: "outlined",
1779
1779
  onClick: function onClick(e) {
@@ -1793,7 +1793,7 @@
1793
1793
  }
1794
1794
  },
1795
1795
  endIcon: /*#__PURE__*/React__default['default'].createElement(ArrowDropDownRoundedIcon__default['default'], null)
1796
- }, "Place"), /*#__PURE__*/React__default['default'].createElement(_.Popover, {
1796
+ }, "Place"), /*#__PURE__*/React__default['default'].createElement(Popover, {
1797
1797
  open: open,
1798
1798
  anchorEl: anchor,
1799
1799
  anchorOrigin: {
@@ -1818,13 +1818,13 @@
1818
1818
  overflowY: "hidden"
1819
1819
  }
1820
1820
  }
1821
- }, /*#__PURE__*/React__default['default'].createElement(_.Stack, {
1821
+ }, /*#__PURE__*/React__default['default'].createElement(Stack, {
1822
1822
  sx: {
1823
1823
  maxHeight: "120px",
1824
1824
  overflowY: "scroll"
1825
1825
  }
1826
1826
  }, options === null || options === void 0 ? void 0 : options.map(function (option) {
1827
- return /*#__PURE__*/React__default['default'].createElement(_.Stack, {
1827
+ return /*#__PURE__*/React__default['default'].createElement(Stack, {
1828
1828
  direction: "row",
1829
1829
  sx: {
1830
1830
  boxSizing: "border-box",
@@ -1851,7 +1851,7 @@
1851
1851
  if (onOptionClicked) onOptionClicked(option);
1852
1852
  setAnchor(null);
1853
1853
  }
1854
- }, /*#__PURE__*/React__default['default'].createElement(_.Text, {
1854
+ }, /*#__PURE__*/React__default['default'].createElement(Text, {
1855
1855
  sx: {
1856
1856
  fontSize: "14px",
1857
1857
  fontWeight: "400"
@@ -1888,7 +1888,7 @@
1888
1888
  setActive(false);
1889
1889
  }
1890
1890
  }, [hovering]);
1891
- return /*#__PURE__*/React__default['default'].createElement(_.Stack, {
1891
+ return /*#__PURE__*/React__default['default'].createElement(Stack, {
1892
1892
  direction: "row",
1893
1893
  width: "100%",
1894
1894
  sx: {
@@ -1907,7 +1907,7 @@
1907
1907
  style: {
1908
1908
  width: "100%"
1909
1909
  }
1910
- }), /*#__PURE__*/React__default['default'].createElement(_.IconButton, {
1910
+ }), /*#__PURE__*/React__default['default'].createElement(IconButton, {
1911
1911
  sx: {
1912
1912
  width: "30px",
1913
1913
  height: "30px",
@@ -1933,7 +1933,7 @@
1933
1933
  var saved = _ref3.saved,
1934
1934
  count = _ref3.count;
1935
1935
  _ref3.onClick;
1936
- return /*#__PURE__*/React__default['default'].createElement(_.Stack, {
1936
+ return /*#__PURE__*/React__default['default'].createElement(Stack, {
1937
1937
  direction: "row",
1938
1938
  alignItems: "center"
1939
1939
  }, saved ? /*#__PURE__*/React__default['default'].createElement(FavoriteIcon__default['default'], {
@@ -1956,7 +1956,7 @@
1956
1956
  opacity: 0.5
1957
1957
  }
1958
1958
  }
1959
- }), /*#__PURE__*/React__default['default'].createElement(_.Text, {
1959
+ }), /*#__PURE__*/React__default['default'].createElement(Text, {
1960
1960
  sx: {
1961
1961
  fontSize: "12px",
1962
1962
  fontWeight: "400"
@@ -1966,21 +1966,21 @@
1966
1966
 
1967
1967
  var AddedToIcons = function AddedToIcons(_ref4) {
1968
1968
  var hovering = _ref4.hovering;
1969
- return /*#__PURE__*/React__default['default'].createElement(_.Stack, {
1969
+ return /*#__PURE__*/React__default['default'].createElement(Stack, {
1970
1970
  direction: "row",
1971
1971
  sx: {
1972
1972
  transition: "0.3s",
1973
1973
  opacity: hovering ? "1" : "0"
1974
1974
  }
1975
- }, /*#__PURE__*/React__default['default'].createElement(_.ChannelPointsIcon, {
1975
+ }, /*#__PURE__*/React__default['default'].createElement(ChannelPointsIcon, {
1976
1976
  sx: {
1977
1977
  fontSize: "15px"
1978
1978
  }
1979
- }), /*#__PURE__*/React__default['default'].createElement(_.TwitchBitIcon, {
1979
+ }), /*#__PURE__*/React__default['default'].createElement(TwitchBitIcon, {
1980
1980
  sx: {
1981
1981
  fontSize: "15px"
1982
1982
  }
1983
- }), /*#__PURE__*/React__default['default'].createElement(_.WalkonIcon, {
1983
+ }), /*#__PURE__*/React__default['default'].createElement(WalkonIcon, {
1984
1984
  sx: {
1985
1985
  fontSize: "15px"
1986
1986
  }
@@ -2004,9 +2004,9 @@
2004
2004
  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
2005
2005
 
2006
2006
  case "NC17":
2007
- return /*#__PURE__*/React__default['default'].createElement(_.Tooltip, {
2007
+ return /*#__PURE__*/React__default['default'].createElement(Tooltip, {
2008
2008
  title: "Not Safe For Work"
2009
- }, /*#__PURE__*/React__default['default'].createElement(_.Text, {
2009
+ }, /*#__PURE__*/React__default['default'].createElement(Text, {
2010
2010
  sx: {
2011
2011
  fontSize: "9px",
2012
2012
  fontWeight: "600",
@@ -2021,9 +2021,9 @@
2021
2021
  }, "NSFW"));
2022
2022
 
2023
2023
  case "UR":
2024
- return /*#__PURE__*/React__default['default'].createElement(_.Tooltip, {
2024
+ return /*#__PURE__*/React__default['default'].createElement(Tooltip, {
2025
2025
  title: "Hasn't Been Reviewed"
2026
- }, /*#__PURE__*/React__default['default'].createElement(_.Text, {
2026
+ }, /*#__PURE__*/React__default['default'].createElement(Text, {
2027
2027
  sx: {
2028
2028
  fontSize: "9px",
2029
2029
  fontWeight: "600",
@@ -2192,21 +2192,21 @@
2192
2192
  sx: {
2193
2193
  marginBottom: "20px"
2194
2194
  }
2195
- }), /*#__PURE__*/React__default['default'].createElement(_.Text, {
2195
+ }), /*#__PURE__*/React__default['default'].createElement(Text, {
2196
2196
  sx: {
2197
2197
  fontSize: "18px",
2198
2198
  fontWeight: "600",
2199
2199
  color: "white.override",
2200
2200
  marginBottom: "10px"
2201
2201
  }
2202
- }, "Hold Up"), /*#__PURE__*/React__default['default'].createElement(_.Text, {
2202
+ }, "Hold Up"), /*#__PURE__*/React__default['default'].createElement(Text, {
2203
2203
  sx: {
2204
2204
  fontSize: "14px",
2205
2205
  fontWeight: "400",
2206
2206
  color: "white.override",
2207
2207
  textAlign: "center"
2208
2208
  }
2209
- }, "This Has Been ", /*#__PURE__*/React__default['default'].createElement("br", null), " Reported ", " Times"), hovering && /*#__PURE__*/React__default['default'].createElement(_.Button, {
2209
+ }, "This Has Been ", /*#__PURE__*/React__default['default'].createElement("br", null), " Reported ", " Times"), hovering && /*#__PURE__*/React__default['default'].createElement(Button, {
2210
2210
  color: "whiteOverride",
2211
2211
  variant: "outlined",
2212
2212
  sx: {
@@ -2218,7 +2218,7 @@
2218
2218
  }, "View"));
2219
2219
  };
2220
2220
 
2221
- return /*#__PURE__*/React__default['default'].createElement(_.Stack, {
2221
+ return /*#__PURE__*/React__default['default'].createElement(Stack, {
2222
2222
  sx: {
2223
2223
  position: "absolute",
2224
2224
  top: "0",
@@ -2242,7 +2242,7 @@
2242
2242
  onMouseLeave: function onMouseLeave() {
2243
2243
  setHovering(false);
2244
2244
  }
2245
- }, /*#__PURE__*/React__default['default'].createElement(_.Stack, {
2245
+ }, /*#__PURE__*/React__default['default'].createElement(Stack, {
2246
2246
  sx: {
2247
2247
  position: "absolute",
2248
2248
  top: "20px",
@@ -2373,7 +2373,7 @@
2373
2373
  onClick: function onClick() {
2374
2374
  return console.log("clicked save");
2375
2375
  }
2376
- }), /*#__PURE__*/React__default['default'].createElement(Container$1, null, /*#__PURE__*/React__default['default'].createElement(_.Stack, {
2376
+ }), /*#__PURE__*/React__default['default'].createElement(Container$1, null, /*#__PURE__*/React__default['default'].createElement(Stack, {
2377
2377
  id: "blerp-audio-button-".concat(bite === null || bite === void 0 ? void 0 : bite._id),
2378
2378
  sx: {
2379
2379
  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, ")"),
@@ -2397,7 +2397,7 @@
2397
2397
  onMouseLeave: function onMouseLeave() {
2398
2398
  setHovering(false);
2399
2399
  }
2400
- }, /*#__PURE__*/React__default['default'].createElement(_.Stack, {
2400
+ }, /*#__PURE__*/React__default['default'].createElement(Stack, {
2401
2401
  className: "blerp-hover",
2402
2402
  onClick: function onClick() {
2403
2403
  console.log("play cliceckkes");
@@ -2418,14 +2418,14 @@
2418
2418
  alignItems: "center",
2419
2419
  justifyContent: "center"
2420
2420
  }
2421
- }), /*#__PURE__*/React__default['default'].createElement(_.Stack, {
2421
+ }), /*#__PURE__*/React__default['default'].createElement(Stack, {
2422
2422
  direction: "row",
2423
2423
  justifyContent: "space-between",
2424
2424
  width: "100%",
2425
2425
  sx: {
2426
2426
  position: "relative"
2427
2427
  }
2428
- }, /*#__PURE__*/React__default['default'].createElement(_.Stack, null, /*#__PURE__*/React__default['default'].createElement(RatingInfo, {
2428
+ }, /*#__PURE__*/React__default['default'].createElement(Stack, null, /*#__PURE__*/React__default['default'].createElement(RatingInfo, {
2429
2429
  rating: bite === null || bite === void 0 ? void 0 : bite.strictAudienceRating
2430
2430
  }), /*#__PURE__*/React__default['default'].createElement(AddedToIcons, {
2431
2431
  hovering: hovering
@@ -2434,7 +2434,7 @@
2434
2434
  onClick: function onClick(option) {
2435
2435
  return handleAddToPlace();
2436
2436
  }
2437
- }), /*#__PURE__*/React__default['default'].createElement(_.Stack, {
2437
+ }), /*#__PURE__*/React__default['default'].createElement(Stack, {
2438
2438
  sx: {
2439
2439
  transition: "0.3s",
2440
2440
  opacity: hovering ? "1" : "0",
@@ -2444,7 +2444,7 @@
2444
2444
  }, renderPlayStateIcon()), /*#__PURE__*/React__default['default'].createElement(BlerpWaveform, {
2445
2445
  bite: bite,
2446
2446
  hovering: hovering
2447
- })), /*#__PURE__*/React__default['default'].createElement(_.Text, {
2447
+ })), /*#__PURE__*/React__default['default'].createElement(Text, {
2448
2448
  sx: {
2449
2449
  fontSize: "16px",
2450
2450
  fontWeight: "400",
@@ -2458,7 +2458,7 @@
2458
2458
  height: "23px",
2459
2459
  margin: "10px 0 5px 0"
2460
2460
  }
2461
- }, bite === null || bite === void 0 ? void 0 : bite.title), /*#__PURE__*/React__default['default'].createElement(_.Stack, {
2461
+ }, bite === null || bite === void 0 ? void 0 : bite.title), /*#__PURE__*/React__default['default'].createElement(Stack, {
2462
2462
  direction: "row",
2463
2463
  alignItems: "center",
2464
2464
  sx: {
@@ -2521,7 +2521,7 @@
2521
2521
  })))), /*#__PURE__*/React__default['default'].createElement(FavoriteIconWithCounter, {
2522
2522
  saved: bite === null || bite === void 0 ? void 0 : bite.saved,
2523
2523
  count: saveCount
2524
- }), /*#__PURE__*/React__default['default'].createElement(_.Text, {
2524
+ }), /*#__PURE__*/React__default['default'].createElement(Text, {
2525
2525
  sx: {
2526
2526
  fontWeight: "300",
2527
2527
  fontSize: "12px",
@@ -2531,7 +2531,7 @@
2531
2531
  overflow: "hidden",
2532
2532
  margin: "0 10px"
2533
2533
  }
2534
- }, bite === null || bite === void 0 ? void 0 : (_bite$ownerObject = bite.ownerObject) === null || _bite$ownerObject === void 0 ? void 0 : _bite$ownerObject.username), /*#__PURE__*/React__default['default'].createElement(_.Text, {
2534
+ }, bite === null || bite === void 0 ? void 0 : (_bite$ownerObject = bite.ownerObject) === null || _bite$ownerObject === void 0 ? void 0 : _bite$ownerObject.username), /*#__PURE__*/React__default['default'].createElement(Text, {
2535
2535
  sx: {
2536
2536
  fontWeight: "300",
2537
2537
  fontSize: "12px",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@blerp/design",
3
- "version": "1.2.5",
3
+ "version": "1.2.7",
4
4
  "description": "Blerp UI",
5
5
  "main": "dist/index.cjs.js",
6
6
  "scripts": {