@blerp/design 1.4.4 → 1.4.6

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 (74) hide show
  1. package/dist/cjs/Blerp/BlerpImageRow.js +22 -15
  2. package/dist/cjs/Blerp/BlerpSavePopup.js +20 -11
  3. package/dist/cjs/Blerp/BlerpTitleRow.js +16 -10
  4. package/dist/cjs/Blerp/BlerpTopRow.js +32 -25
  5. package/dist/cjs/Blerp.js +8 -7
  6. package/dist/cjs/BlerpListViewPremium.js +24 -20
  7. package/dist/cjs/BlerpListViewSkeleton.js +6 -6
  8. package/dist/cjs/CollectionCard.js +29 -25
  9. package/dist/cjs/CollectionListViewPremium.js +16 -13
  10. package/dist/cjs/CollectionSkeleton.js +5 -5
  11. package/dist/cjs/Dropdown.js +27 -24
  12. package/dist/cjs/EllipsisLoader.js +4 -3
  13. package/dist/cjs/GroupCard.js +8 -7
  14. package/dist/cjs/ImageEditor.js +4 -1
  15. package/dist/cjs/ImageUpload.js +23 -16
  16. package/dist/cjs/NewBlerp.js +41 -37
  17. package/dist/cjs/NewCollectionModal.js +27 -22
  18. package/dist/cjs/PremiumCollectionCard.js +10 -8
  19. package/dist/cjs/PurchaseModals/CheckoutModal.js +7 -3
  20. package/dist/cjs/PurchaseModals/PremiumBlerpCheckoutModal.js +7 -3
  21. package/dist/cjs/PurchaseModals/PremiumCollectionCheckoutModal.js +7 -3
  22. package/dist/cjs/PurchaseModals/PremiumSubscriptionCheckoutModal.js +7 -3
  23. package/dist/cjs/ReactionButtons.js +10 -5
  24. package/dist/cjs/Theme.js +8 -27
  25. package/dist/cjs/Toggle.js +1 -1
  26. package/dist/cjs/UserCard.js +13 -12
  27. package/dist/cjs/UserPage/LibraryControls.js +40 -29
  28. package/dist/cjs/UserPage/UserLibraryHeader.js +14 -8
  29. package/dist/cjs/UserPage/UserProfileHeader.js +28 -19
  30. package/dist/cjs/UsernameWithPopout.js +6 -4
  31. package/dist/cjs/colors.js +2 -1
  32. package/dist/cjs/icons.js +4 -1
  33. package/dist/cjs/index.js +135 -216
  34. package/dist/cjs/neo-components/Navigation.js +0 -2
  35. package/dist/cjs/neo-components/withSx.js +0 -1
  36. package/dist/cjs/neo-utils/sxToStyle.js +0 -2
  37. package/dist/esm/Blerp/BlerpImageRow.js +8 -3
  38. package/dist/esm/Blerp/BlerpSavePopup.js +9 -2
  39. package/dist/esm/Blerp/BlerpTitleRow.js +9 -5
  40. package/dist/esm/Blerp/BlerpTopRow.js +10 -5
  41. package/dist/esm/Blerp.js +2 -1
  42. package/dist/esm/BlerpListViewPremium.js +9 -5
  43. package/dist/esm/BlerpListViewSkeleton.js +1 -1
  44. package/dist/esm/CollectionCard.js +10 -6
  45. package/dist/esm/CollectionListViewPremium.js +7 -4
  46. package/dist/esm/CollectionSkeleton.js +1 -1
  47. package/dist/esm/Dropdown.js +10 -7
  48. package/dist/esm/EllipsisLoader.js +3 -2
  49. package/dist/esm/GroupCard.js +4 -3
  50. package/dist/esm/ImageEditor.js +2 -1
  51. package/dist/esm/ImageUpload.js +11 -6
  52. package/dist/esm/NewBlerp.js +13 -9
  53. package/dist/esm/NewCollectionModal.js +16 -11
  54. package/dist/esm/PremiumCollectionCard.js +4 -2
  55. package/dist/esm/PurchaseModals/CheckoutModal.js +4 -2
  56. package/dist/esm/PurchaseModals/PremiumBlerpCheckoutModal.js +4 -2
  57. package/dist/esm/PurchaseModals/PremiumCollectionCheckoutModal.js +4 -2
  58. package/dist/esm/PurchaseModals/PremiumSubscriptionCheckoutModal.js +4 -2
  59. package/dist/esm/ReactionButtons.js +5 -2
  60. package/dist/esm/Theme.js +5 -24
  61. package/dist/esm/Toggle.js +1 -1
  62. package/dist/esm/UserCard.js +7 -6
  63. package/dist/esm/UserPage/LibraryControls.js +20 -11
  64. package/dist/esm/UserPage/UserLibraryHeader.js +6 -2
  65. package/dist/esm/UserPage/UserProfileHeader.js +12 -5
  66. package/dist/esm/UsernameWithPopout.js +4 -2
  67. package/dist/esm/colors.js +2 -1
  68. package/dist/esm/icons.js +2 -1
  69. package/dist/esm/index.js +44 -129
  70. package/dist/esm/neo-components/Navigation.js +0 -2
  71. package/dist/esm/neo-components/ThemeProvider.js +1 -1
  72. package/dist/esm/neo-components/withSx.js +0 -1
  73. package/dist/esm/neo-utils/sxToStyle.js +0 -2
  74. package/package.json +31 -9
@@ -1,5 +1,5 @@
1
- import { Stack } from '../index.js';
2
1
  import React from 'react';
2
+ import { Stack } from '../neo-components/Stack.js';
3
3
 
4
4
  const NeedToReplace = props => {
5
5
  return /*#__PURE__*/React.createElement(Stack, {
@@ -30,4 +30,6 @@ const NeedToReplace = props => {
30
30
  }, "Need to replace to remove payment dependencies");
31
31
  };
32
32
 
33
- export { NeedToReplace as default };
33
+ var NeedToReplace$1 = NeedToReplace;
34
+
35
+ export { NeedToReplace$1 as default };
@@ -1,5 +1,5 @@
1
- import { Stack } from '../index.js';
2
1
  import React from 'react';
2
+ import { Stack } from '../neo-components/Stack.js';
3
3
 
4
4
  const NeedToReplace = props => {
5
5
  return /*#__PURE__*/React.createElement(Stack, {
@@ -30,4 +30,6 @@ const NeedToReplace = props => {
30
30
  }, "Need to replace to remove payment dependencies");
31
31
  };
32
32
 
33
- export { NeedToReplace as default };
33
+ var NeedToReplace$1 = NeedToReplace;
34
+
35
+ export { NeedToReplace$1 as default };
@@ -1,5 +1,5 @@
1
- import { Stack } from '../index.js';
2
1
  import React from 'react';
2
+ import { Stack } from '../neo-components/Stack.js';
3
3
 
4
4
  const NeedToReplace = props => {
5
5
  return /*#__PURE__*/React.createElement(Stack, {
@@ -30,4 +30,6 @@ const NeedToReplace = props => {
30
30
  }, "Need to replace to remove payment dependencies");
31
31
  };
32
32
 
33
- export { NeedToReplace as default };
33
+ var NeedToReplace$1 = NeedToReplace;
34
+
35
+ export { NeedToReplace$1 as default };
@@ -1,5 +1,5 @@
1
- import { Stack } from '../index.js';
2
1
  import React from 'react';
2
+ import { Stack } from '../neo-components/Stack.js';
3
3
 
4
4
  const NeedToReplace = props => {
5
5
  return /*#__PURE__*/React.createElement(Stack, {
@@ -30,4 +30,6 @@ const NeedToReplace = props => {
30
30
  }, "Need to replace to remove payment dependencies");
31
31
  };
32
32
 
33
- export { NeedToReplace as default };
33
+ var NeedToReplace$1 = NeedToReplace;
34
+
35
+ export { NeedToReplace$1 as default };
@@ -1,6 +1,7 @@
1
1
  import React from 'react';
2
- import { Grid, Tooltip } from './index.js';
3
2
  import { useBlerpTheme } from './Theme.js';
3
+ import { Grid } from './neo-components/Grid.js';
4
+ import { Tooltip } from './neo-components/Misc.js';
4
5
 
5
6
  const reactionIconUrls = {
6
7
  FUNNY: "https://cdn.blerp.com/blerp_products/Icons/Funny%403x.svg",
@@ -69,4 +70,6 @@ const ReactionButtons = _ref => {
69
70
  }));
70
71
  };
71
72
 
72
- export { ReactionButtons as default };
73
+ var ReactionButtons$1 = ReactionButtons;
74
+
75
+ export { ReactionButtons$1 as default };
package/dist/esm/Theme.js CHANGED
@@ -1,30 +1,9 @@
1
1
  import _defineProperty from '@babel/runtime/helpers/defineProperty';
2
- import React, { useContext, useMemo, createContext } from 'react';
2
+ import React, { useMemo, useContext, createContext } from 'react';
3
3
  import icons from './icons.js';
4
- import colors, { darkColors, darkPalette, lightColors, lightPalette } from './colors.js';
4
+ import colors, { lightColors, lightPalette, darkColors, darkPalette } from './colors.js';
5
5
  import { SnackbarProvider } from './SnackbarContextProvider.js';
6
6
  import { ThemeProvider } from './neo-components/ThemeProvider.js';
7
- import '@babel/runtime/helpers/extends';
8
- import '@babel/runtime/helpers/objectWithoutProperties';
9
- import './neo-components/Box.js';
10
- import './neo-components/Stack.js';
11
- import './neo-components/Grid.js';
12
- import './neo-components/Container.js';
13
- import './neo-components/Text.js';
14
- import './neo-components/Button.js';
15
- import './neo-components/IconButton.js';
16
- import './neo-components/Fab.js';
17
- import './neo-components/ToggleButton.js';
18
- import './neo-components/Input.js';
19
- import './neo-components/FormControls.js';
20
- import './neo-components/Autocomplete.js';
21
- import './neo-components/Paper.js';
22
- import './neo-components/Dialog.js';
23
- import './neo-components/Navigation.js';
24
- import './neo-components/BottomNavigation.js';
25
- import './neo-components/Stepper.js';
26
- import './neo-components/Misc.js';
27
- import './neo-components/Layout.js';
28
7
 
29
8
  function ownKeys(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; }
30
9
 
@@ -364,4 +343,6 @@ const BlerpTheme = _ref => {
364
343
  }, withMuiTheme);
365
344
  };
366
345
 
367
- export { darkTheme, darkThemeConfig, BlerpTheme as default, fonts, lightThemeConfig, theme, useBlerpTheme };
346
+ var BlerpTheme$1 = BlerpTheme; // Export fonts for manual injection if needed
347
+
348
+ export { darkTheme, darkThemeConfig, BlerpTheme$1 as default, fonts, lightThemeConfig, theme, useBlerpTheme };
@@ -1,6 +1,6 @@
1
1
  import _defineProperty from '@babel/runtime/helpers/defineProperty';
2
2
  import React from 'react';
3
- import { EllipsisLoader } from './EllipsisLoader.js';
3
+ import EllipsisLoader from './EllipsisLoader.js';
4
4
 
5
5
  function ownKeys(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; }
6
6
 
@@ -1,5 +1,6 @@
1
1
  import React from 'react';
2
- import { Stack, Text } from './index.js';
2
+ import { Stack } from './neo-components/Stack.js';
3
+ import { Typography } from './neo-components/Text.js';
3
4
 
4
5
  const UserCard = _ref => {
5
6
  var _user$twitchChannelIn, _user$profileImage, _user$profileImage$or;
@@ -57,7 +58,7 @@ const UserCard = _ref => {
57
58
  flex: 1,
58
59
  marginLeft: "20px"
59
60
  }
60
- }, /*#__PURE__*/React.createElement(Text, {
61
+ }, /*#__PURE__*/React.createElement(Typography, {
61
62
  sx: {
62
63
  fontSize: "18px",
63
64
  fontWeight: "300",
@@ -85,12 +86,12 @@ const UserCard = _ref => {
85
86
  cursor: "pointer"
86
87
  },
87
88
  onClick: onFollowerClick
88
- }, /*#__PURE__*/React.createElement(Text, {
89
+ }, /*#__PURE__*/React.createElement(Typography, {
89
90
  sx: {
90
91
  fontSize: "14px",
91
92
  fontWeight: "400"
92
93
  }
93
- }, followerCount), /*#__PURE__*/React.createElement(Text, {
94
+ }, followerCount), /*#__PURE__*/React.createElement(Typography, {
94
95
  sx: {
95
96
  fontSize: "12px",
96
97
  fontWeight: "300",
@@ -102,12 +103,12 @@ const UserCard = _ref => {
102
103
  cursor: "pointer"
103
104
  },
104
105
  onClick: onCreatedClick
105
- }, /*#__PURE__*/React.createElement(Text, {
106
+ }, /*#__PURE__*/React.createElement(Typography, {
106
107
  sx: {
107
108
  fontSize: "14px",
108
109
  fontWeight: "400"
109
110
  }
110
- }, createdCount), /*#__PURE__*/React.createElement(Text, {
111
+ }, createdCount), /*#__PURE__*/React.createElement(Typography, {
111
112
  sx: {
112
113
  fontSize: "12px",
113
114
  fontWeight: "300",
@@ -1,7 +1,14 @@
1
1
  import _defineProperty from '@babel/runtime/helpers/defineProperty';
2
- import { Stack, Text, Box, Input, Button, Popover, IconButton, Divider } from '../index.js';
3
2
  import React, { useState, useRef } from 'react';
4
3
  import { useWindowSize } from '../ScreenSizeHook.js';
4
+ import { Stack } from '../neo-components/Stack.js';
5
+ import { Typography } from '../neo-components/Text.js';
6
+ import { Box } from '../neo-components/Box.js';
7
+ import { TextField } from '../neo-components/Input.js';
8
+ import { Button } from '../neo-components/Button.js';
9
+ import { Popover } from '../neo-components/Navigation.js';
10
+ import { IconButton } from '../neo-components/IconButton.js';
11
+ import { Divider } from '../neo-components/Misc.js';
5
12
 
6
13
  function ownKeys(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; }
7
14
 
@@ -159,12 +166,12 @@ const LibraryControls = _ref9 => {
159
166
  marginTop: size.width <= 675 && "20px"
160
167
  }, activeBoard && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IconPerson, {
161
168
  color: iconColor
162
- }), /*#__PURE__*/React.createElement(Text, null, activeBoard === null || activeBoard === void 0 ? void 0 : (_activeBoard$ownerObj = activeBoard.ownerObject) === null || _activeBoard$ownerObj === void 0 ? void 0 : _activeBoard$ownerObj.username)), !hideSearch && /*#__PURE__*/React.createElement(Box, {
169
+ }), /*#__PURE__*/React.createElement(Typography, null, activeBoard === null || activeBoard === void 0 ? void 0 : (_activeBoard$ownerObj = activeBoard.ownerObject) === null || _activeBoard$ownerObj === void 0 ? void 0 : _activeBoard$ownerObj.username)), !hideSearch && /*#__PURE__*/React.createElement(Box, {
163
170
  sx: {
164
171
  display: "flex",
165
172
  alignItems: "flex-end"
166
173
  }
167
- }, /*#__PURE__*/React.createElement(Input, {
174
+ }, /*#__PURE__*/React.createElement(TextField, {
168
175
  id: "user-library-search-input",
169
176
  placeholder: "Search User Library",
170
177
  variant: "standard",
@@ -255,7 +262,7 @@ const LibraryControls = _ref9 => {
255
262
  color: "white.override"
256
263
  }
257
264
  }
258
- }, /*#__PURE__*/React.createElement(Text, {
265
+ }, /*#__PURE__*/React.createElement(Typography, {
259
266
  margin: "0 15px",
260
267
  fontSize: "18px"
261
268
  }, "Alphabetical")), /*#__PURE__*/React.createElement(Stack, {
@@ -269,7 +276,7 @@ const LibraryControls = _ref9 => {
269
276
  color: "white.override"
270
277
  }
271
278
  }
272
- }, /*#__PURE__*/React.createElement(Text, {
279
+ }, /*#__PURE__*/React.createElement(Typography, {
273
280
  margin: "0 15px",
274
281
  fontSize: "18px"
275
282
  }, "Newest")), /*#__PURE__*/React.createElement(Stack, {
@@ -283,14 +290,14 @@ const LibraryControls = _ref9 => {
283
290
  color: "white.override"
284
291
  }
285
292
  }
286
- }, /*#__PURE__*/React.createElement(Text, {
293
+ }, /*#__PURE__*/React.createElement(Typography, {
287
294
  margin: "0 15px",
288
295
  fontSize: "18px"
289
296
  }, "Oldest"))), !hideLayoutButtons && /*#__PURE__*/React.createElement(React.Fragment, null, size.width >= 1000 ? /*#__PURE__*/React.createElement(React.Fragment, null, !activeBoard && /*#__PURE__*/React.createElement(Button, {
290
297
  color: "notBlack",
291
298
  ref: filterRef,
292
299
  onClick: () => setFilterAnchor(filterRef.current)
293
- }, /*#__PURE__*/React.createElement(Text, null, "Sort"), /*#__PURE__*/React.createElement(IconSort, {
300
+ }, /*#__PURE__*/React.createElement(Typography, null, "Sort"), /*#__PURE__*/React.createElement(IconSort, {
294
301
  color: iconColor
295
302
  })), /*#__PURE__*/React.createElement(IconButton, null, /*#__PURE__*/React.createElement(IconMenu, {
296
303
  color: iconColor
@@ -342,7 +349,7 @@ const LibraryControls = _ref9 => {
342
349
  }
343
350
  }, /*#__PURE__*/React.createElement(IconMenu, {
344
351
  color: iconColor
345
- }), /*#__PURE__*/React.createElement(Text, {
352
+ }), /*#__PURE__*/React.createElement(Typography, {
346
353
  color: "notBlack.main",
347
354
  margin: "0 15px",
348
355
  fontSize: "18px"
@@ -359,7 +366,7 @@ const LibraryControls = _ref9 => {
359
366
  }
360
367
  }, /*#__PURE__*/React.createElement(IconGrid, {
361
368
  color: iconColor
362
- }), /*#__PURE__*/React.createElement(Text, {
369
+ }), /*#__PURE__*/React.createElement(Typography, {
363
370
  color: "notBlack.main",
364
371
  margin: "0 15px",
365
372
  fontSize: "18px"
@@ -383,7 +390,7 @@ const LibraryControls = _ref9 => {
383
390
  direction: "row"
384
391
  }, /*#__PURE__*/React.createElement(IconSort, {
385
392
  color: iconColor
386
- }), /*#__PURE__*/React.createElement(Text, {
393
+ }), /*#__PURE__*/React.createElement(Typography, {
387
394
  fontSize: "18px",
388
395
  color: "notBlack.main",
389
396
  margin: "0 15px"
@@ -392,4 +399,6 @@ const LibraryControls = _ref9 => {
392
399
  }))))));
393
400
  };
394
401
 
395
- export { LibraryControls as default };
402
+ var LibraryControls$1 = LibraryControls;
403
+
404
+ export { LibraryControls$1 as default };
@@ -1,8 +1,10 @@
1
1
  import _defineProperty from '@babel/runtime/helpers/defineProperty';
2
2
  import React from 'react';
3
- import { Box, Stack, Button } from '../index.js';
4
3
  import { useWindowSize } from '../ScreenSizeHook.js';
5
4
  import LibraryControls from './LibraryControls.js';
5
+ import { Box } from '../neo-components/Box.js';
6
+ import { Stack } from '../neo-components/Stack.js';
7
+ import { Button } from '../neo-components/Button.js';
6
8
 
7
9
  function ownKeys(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; }
8
10
 
@@ -92,4 +94,6 @@ const UserLibraryHeader = _ref => {
92
94
  }))));
93
95
  };
94
96
 
95
- export { UserLibraryHeader as default };
97
+ var UserLibraryHeader$1 = UserLibraryHeader;
98
+
99
+ export { UserLibraryHeader$1 as default };
@@ -2,10 +2,15 @@ import _extends from '@babel/runtime/helpers/extends';
2
2
  import _defineProperty from '@babel/runtime/helpers/defineProperty';
3
3
  import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
4
4
  import React, { useState, useEffect } from 'react';
5
- import { Stack, IconButton, Box, Text, Divider, Button } from '../index.js';
6
5
  import { useWindowSize } from '../ScreenSizeHook.js';
7
6
  import { extractDominantColor } from '../helpers.js';
8
7
  import { useBlerpTheme } from '../Theme.js';
8
+ import { Stack } from '../neo-components/Stack.js';
9
+ import { IconButton } from '../neo-components/IconButton.js';
10
+ import { Box } from '../neo-components/Box.js';
11
+ import { Typography } from '../neo-components/Text.js';
12
+ import { Divider } from '../neo-components/Misc.js';
13
+ import { Button } from '../neo-components/Button.js';
9
14
  import { TwitchIcon } from '../Icons/Icons.js';
10
15
 
11
16
  const _excluded = ["path", "sx", "size"];
@@ -236,7 +241,7 @@ const UserProfileHeader = _ref2 => {
236
241
  marginLeft: "20px"
237
242
  }, /*#__PURE__*/React.createElement(Stack, {
238
243
  direction: "row"
239
- }, /*#__PURE__*/React.createElement(Text, {
244
+ }, /*#__PURE__*/React.createElement(Typography, {
240
245
  noWrap: true,
241
246
  maxWidth: "200px",
242
247
  color: "white.override",
@@ -252,10 +257,10 @@ const UserProfileHeader = _ref2 => {
252
257
  margin: "5px"
253
258
  }
254
259
  })
255
- }, /*#__PURE__*/React.createElement(Text, {
260
+ }, /*#__PURE__*/React.createElement(Typography, {
256
261
  color: "white.override",
257
262
  fontSize: "16px"
258
- }, userData === null || userData === void 0 ? void 0 : userData.followerCount, " Followers"), /*#__PURE__*/React.createElement(Text, {
263
+ }, userData === null || userData === void 0 ? void 0 : userData.followerCount, " Followers"), /*#__PURE__*/React.createElement(Typography, {
259
264
  color: "white.override",
260
265
  fontSize: "16px"
261
266
  }, userData === null || userData === void 0 ? void 0 : userData.followingCount, " Following"))))), /*#__PURE__*/React.createElement(Stack, {
@@ -286,4 +291,6 @@ const UserProfileHeader = _ref2 => {
286
291
  })) : /*#__PURE__*/React.createElement(React.Fragment, null), renderSocialLinks()))));
287
292
  };
288
293
 
289
- export { UserProfileHeader as default };
294
+ var UserProfileHeader$1 = UserProfileHeader;
295
+
296
+ export { UserProfileHeader$1 as default };
@@ -1,7 +1,9 @@
1
1
  import _defineProperty from '@babel/runtime/helpers/defineProperty';
2
2
  import React, { useState } from 'react';
3
- import { Stack, Popover, Text } from './index.js';
4
3
  import { UserCard } from './UserCard.js';
4
+ import { Stack } from './neo-components/Stack.js';
5
+ import { Popover } from './neo-components/Navigation.js';
6
+ import { Typography } from './neo-components/Text.js';
5
7
 
6
8
  function ownKeys(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; }
7
9
 
@@ -67,7 +69,7 @@ const UsernameWithPopout = _ref => {
67
69
  onCreatedClick: onCreatedClick,
68
70
  collapsed: collapsed,
69
71
  user: user
70
- })), /*#__PURE__*/React.createElement(Text, {
72
+ })), /*#__PURE__*/React.createElement(Typography, {
71
73
  sx: _objectSpread({
72
74
  fontWeight: "300",
73
75
  fontSize: "12px",
@@ -358,5 +358,6 @@ const darkPalette = {
358
358
  main: colors.popnYellow
359
359
  }
360
360
  };
361
+ var colors$1 = colors;
361
362
 
362
- export { darkColors, darkPalette, colors as default, lightColors, lightPalette, overrideColors };
363
+ export { darkColors, darkPalette, colors$1 as default, lightColors, lightPalette, overrideColors };
package/dist/esm/icons.js CHANGED
@@ -155,5 +155,6 @@ const icons = {
155
155
  tabView: "https://cdn.blerp.com/blerp_products/Icons/Tabview-Starling.svg"
156
156
  }
157
157
  };
158
+ var icons$1 = icons;
158
159
 
159
- export { icons as default };
160
+ export { icons$1 as default };
package/dist/esm/index.js CHANGED
@@ -1,49 +1,20 @@
1
- import { ThemeProvider as ThemeProvider$1 } from './neo-components/ThemeProvider.js';
2
- import { createTheme as createTheme$1 } from './neo-components/createTheme.js';
3
- import { CircularProgress as CircularProgress$1 } from './neo-components/CircularProgress.js';
4
- import { Box as Box$1 } from './neo-components/Box.js';
5
- import { Stack as Stack$1 } from './neo-components/Stack.js';
6
- import { Grid as Grid$1 } from './neo-components/Grid.js';
7
- import { Container as Container$1 } from './neo-components/Container.js';
8
- import { Typography } from './neo-components/Text.js';
9
- import { Button as Button$1 } from './neo-components/Button.js';
10
- import { IconButton as IconButton$1 } from './neo-components/IconButton.js';
11
- import { Fab, SpeedDial as SpeedDial$1 } from './neo-components/Fab.js';
12
- import './neo-components/ToggleButton.js';
13
- import { TextField, InputAdornment as InputAdornment$1 } from './neo-components/Input.js';
14
- import { Checkbox as Checkbox$1, Radio, Rating as Rating$1, Select as Select$1, Slider as Slider$1, Switch as Switch$1 } from './neo-components/FormControls.js';
15
- import { Autocomplete as Autocomplete$1 } from './neo-components/Autocomplete.js';
16
- import { Card as Card$1, Paper as Paper$1 } from './neo-components/Paper.js';
17
- import { Backdrop as Backdrop$1, Dialog as Dialog$1, Modal as Modal$1 } from './neo-components/Dialog.js';
18
- import { Drawer as Drawer$1, Menu as Menu$1, Tabs as Tabs$1, Tab as Tab$1, Alert as Alert$1, Snackbar as Snackbar$1, Popover as Popover$1, MenuItem as MenuItem$1, AlertTitle as AlertTitle$1 } from './neo-components/Navigation.js';
19
- import { BottomNavigation as BottomNavigation$1 } from './neo-components/BottomNavigation.js';
20
- import { Stepper as Stepper$1 } from './neo-components/Stepper.js';
21
- import { Link as Link$1, LinearProgress as LinearProgress$1, Skeleton as Skeleton$1, Avatar as Avatar$1, Badge as Badge$1, Chip as Chip$1, Divider as Divider$1, Tooltip as Tooltip$1 } from './neo-components/Misc.js';
22
- import { AccordionSummary as AccordionSummary$1, AccordionDetails as AccordionDetails$1, AccordionActions as AccordionActions$1, ImageList as ImageList$1, ButtonGroup as ButtonGroup$1, Breadcrumbs as Breadcrumbs$1, Pagination as Pagination$1, Accordion as Accordion$1, AppBar as AppBar$1, List as List$1, Table as Table$1, Toolbar as Toolbar$1, SvgIcon as SvgIcon$1, FormControl as FormControl$1, InputLabel as InputLabel$1 } from './neo-components/Layout.js';
23
- import '@babel/runtime/helpers/extends';
24
- import '@babel/runtime/helpers/defineProperty';
25
- import '@babel/runtime/helpers/objectWithoutProperties';
26
- import 'react';
27
- import { Blerp as Blerp$1 } from './Blerp.js';
28
- import { NewBlerp as NewBlerp$1 } from './NewBlerp.js';
29
- import { NewBlerpTest as NewBlerpTest$1 } from './NewBlerpTest.js';
30
- import { UserCard as UserCard$1 } from './UserCard.js';
31
- import { GroupCard as GroupCard$1 } from './GroupCard.js';
32
- import { UsernameWithPopout as UsernameWithPopout$1 } from './UsernameWithPopout.js';
33
- import { BlerpAudioContextProvider as BlerpAudioContextProvider$1 } from './BlerpAudioContextProvider.js';
34
- import { BlerpListView as BlerpListView$1 } from './BlerpListView.js';
35
- import { CollectionListViewPremium as CollectionListViewPremium$1 } from './CollectionListViewPremium.js';
36
- import { BlerpListViewPremium as BlerpListViewPremium$1 } from './BlerpListViewPremium.js';
37
- import { Toggle as Toggle$1 } from './Toggle.js';
38
- import { Dropdown as Dropdown$1, NewDropdown as NewDropdown$1 } from './Dropdown.js';
39
- import { NewCollectionModal as NewCollectionModal$1 } from './NewCollectionModal.js';
40
- import { BlerpSkeleton as BlerpSkeleton$1 } from './BlerpSkeleton.js';
41
- import { BlerpListViewSkeleton as BlerpListViewSkeleton$1 } from './BlerpListViewSkeleton.js';
42
- import { CollectionSkeleton as CollectionSkeleton$1 } from './CollectionSkeleton.js';
43
- import BlerpTheme from './Theme.js';
44
- import { CollectionCard as CollectionCard$1 } from './CollectionCard.js';
45
- export { BlerpCardIcon, BlerpCoinsIcon, BlerpyIcon, BookmarkAddRounded, BroomIcon, ChannelPointsIcon, ClockIcon, CogIcon, CrownIcon, DiamondIcon, DiscordIcon, GiftIcon, LightbulbIcon, NewDiscordIcon, OpenLockIcon, PlayOutlineIcon, PlaySolidIcon, PointerFingerIcon, PresentGiftIcon, RadarDishIcon, ShortcutIcon, SparkleGiftIcon, TikTokIcon, TwitchBitIcon, TwitchIcon, UnsafeIcon, WalkonIcon, WindowsIcon } from './Icons/Icons.js';
46
- export { SnackbarContext, SnackbarProvider } from './SnackbarContextProvider.js';
1
+ export { Blerp } from './Blerp.js';
2
+ export { NewBlerp } from './NewBlerp.js';
3
+ export { NewBlerpTest } from './NewBlerpTest.js';
4
+ export { UserCard } from './UserCard.js';
5
+ export { GroupCard } from './GroupCard.js';
6
+ export { UsernameWithPopout } from './UsernameWithPopout.js';
7
+ export { BlerpAudioContextProvider } from './BlerpAudioContextProvider.js';
8
+ export { BlerpListView } from './BlerpListView.js';
9
+ export { BlerpListViewPremium } from './BlerpListViewPremium.js';
10
+ export { CollectionListViewPremium } from './CollectionListViewPremium.js';
11
+ export { Toggle } from './Toggle.js';
12
+ export { Dropdown, NewDropdown } from './Dropdown.js';
13
+ export { NewCollectionModal } from './NewCollectionModal.js';
14
+ export { BlerpSkeleton } from './BlerpSkeleton.js';
15
+ export { BlerpListViewSkeleton } from './BlerpListViewSkeleton.js';
16
+ export { CollectionSkeleton } from './CollectionSkeleton.js';
17
+ export { CollectionCard } from './CollectionCard.js';
47
18
  export { default as UserProfileHeader } from './UserPage/UserProfileHeader.js';
48
19
  export { default as UserLibraryHeader } from './UserPage/UserLibraryHeader.js';
49
20
  export { default as ReactionButtons } from './ReactionButtons.js';
@@ -51,90 +22,34 @@ export { default as CheckoutModal } from './PurchaseModals/CheckoutModal.js';
51
22
  export { default as PremiumBlerpCheckoutModal } from './PurchaseModals/PremiumBlerpCheckoutModal.js';
52
23
  export { default as PremiumCollectionCheckoutModal } from './PurchaseModals/PremiumCollectionCheckoutModal.js';
53
24
  export { default as PremiumSubscriptionCheckoutModal } from './PurchaseModals/PremiumSubscriptionCheckoutModal.js';
25
+ export { SnackbarContext, SnackbarProvider } from './SnackbarContextProvider.js';
26
+ export { BlerpCardIcon, BlerpCoinsIcon, BlerpyIcon, BookmarkAddRounded, BroomIcon, ChannelPointsIcon, ClockIcon, CogIcon, CrownIcon, DiamondIcon, DiscordIcon, GiftIcon, LightbulbIcon, NewDiscordIcon, OpenLockIcon, PlayOutlineIcon, PlaySolidIcon, PointerFingerIcon, PresentGiftIcon, RadarDishIcon, ShortcutIcon, SparkleGiftIcon, TikTokIcon, TwitchBitIcon, TwitchIcon, UnsafeIcon, WalkonIcon, WindowsIcon } from './Icons/Icons.js';
27
+ export { default as Theme } from './Theme.js';
28
+ export { Accordion, AccordionActions, AccordionDetails, AccordionSummary, AppBar, Breadcrumbs, ButtonGroup, FormControl, ImageList, InputLabel, List, Pagination, SvgIcon, Table, Toolbar } from './neo-components/Layout.js';
29
+ export { Alert, AlertTitle, Drawer, Menu, MenuItem, Popover, Snackbar, Tab, Tabs } from './neo-components/Navigation.js';
30
+ export { Autocomplete } from './neo-components/Autocomplete.js';
31
+ export { Avatar, Badge, Chip, Divider, LinearProgress, Link, Skeleton, Tooltip } from './neo-components/Misc.js';
32
+ export { Backdrop, Dialog, Modal } from './neo-components/Dialog.js';
33
+ export { BottomNavigation } from './neo-components/BottomNavigation.js';
34
+ export { Box } from './neo-components/Box.js';
35
+ export { Button } from './neo-components/Button.js';
36
+ export { Card, Paper } from './neo-components/Paper.js';
37
+ export { Checkbox, Radio, Radio as RadioButton, Rating, Select, Slider, Switch } from './neo-components/FormControls.js';
38
+ export { CircularProgress } from './neo-components/CircularProgress.js';
39
+ export { Container } from './neo-components/Container.js';
40
+ export { Fab, Fab as FloatingActionButton, SpeedDial } from './neo-components/Fab.js';
41
+ export { Grid } from './neo-components/Grid.js';
42
+ export { IconButton } from './neo-components/IconButton.js';
43
+ export { TextField as Input, InputAdornment, TextField } from './neo-components/Input.js';
44
+ export { Stack } from './neo-components/Stack.js';
45
+ export { Stepper } from './neo-components/Stepper.js';
46
+ export { Typography as Text, Typography } from './neo-components/Text.js';
47
+ export { createTheme } from './neo-components/createTheme.js';
48
+ export { ThemeProvider } from './neo-components/ThemeProvider.js';
54
49
 
55
50
  // import {
56
- const Theme = BlerpTheme;
57
- const AccordionSummary = AccordionSummary$1;
58
- const AccordionDetails = AccordionDetails$1;
59
- const AccordionActions = AccordionActions$1;
60
- const Box = Box$1;
61
- const Container = Container$1;
62
- const Grid = Grid$1;
63
- const Stack = Stack$1;
64
- const ImageList = ImageList$1;
65
- const Autocomplete = Autocomplete$1;
66
- const Button = Button$1;
67
- const ButtonGroup = ButtonGroup$1;
68
- const Checkbox = Checkbox$1;
69
- const FloatingActionButton = Fab;
70
- const RadioButton = Radio;
71
- const Rating = Rating$1;
72
- const Select = Select$1;
73
- const Slider = Slider$1;
74
- const Switch = Switch$1;
75
- const Input = TextField;
76
- const BottomNavigation = BottomNavigation$1;
77
- const Breadcrumbs = Breadcrumbs$1;
78
- const Drawer = Drawer$1;
79
- const Link = Link$1;
80
- const Menu = Menu$1;
81
- const Pagination = Pagination$1;
82
- const SpeedDial = SpeedDial$1;
83
- const Stepper = Stepper$1;
84
- const Tabs = Tabs$1;
85
- const Tab = Tab$1;
86
- const Accordion = Accordion$1;
87
- const AppBar = AppBar$1;
88
- const Card = Card$1;
89
- const Paper = Paper$1;
90
- const Alert = Alert$1;
91
- const Backdrop = Backdrop$1;
92
- const Dialog = Dialog$1;
93
- const LinearProgress = LinearProgress$1;
94
- const Skeleton = Skeleton$1;
95
- const Snackbar = Snackbar$1;
96
- const Avatar = Avatar$1;
97
- const Badge = Badge$1;
98
- const Chip = Chip$1;
99
- const Divider = Divider$1;
100
- const List = List$1;
101
- const Table = Table$1;
102
- const CircularProgress = CircularProgress$1;
103
- const Tooltip = Tooltip$1;
104
- const Toolbar = Toolbar$1;
105
- const Text = Typography;
106
- const Modal = Modal$1;
107
- const Popover = Popover$1;
108
- const Blerp = Blerp$1;
109
- const NewBlerp = NewBlerp$1;
110
- const NewBlerpTest = NewBlerpTest$1;
111
- const GroupCard = GroupCard$1;
112
- const UserCard = UserCard$1;
113
- const UsernameWithPopout = UsernameWithPopout$1;
114
- const BlerpAudioContextProvider = BlerpAudioContextProvider$1;
115
- const IconButton = IconButton$1;
116
- const Toggle = Toggle$1;
117
- const Dropdown = Dropdown$1;
118
- const NewDropdown = NewDropdown$1;
119
- const MenuItem = MenuItem$1;
120
- const NewCollectionModal = NewCollectionModal$1;
121
- const CollectionCard = CollectionCard$1;
122
- const BlerpListView = BlerpListView$1;
123
- const CollectionListViewPremium = CollectionListViewPremium$1;
124
- const BlerpListViewPremium = BlerpListViewPremium$1;
125
- const BlerpSkeleton = BlerpSkeleton$1;
126
- const BlerpListViewSkeleton = BlerpListViewSkeleton$1;
127
- const CollectionSkeleton = CollectionSkeleton$1;
128
- const InputAdornment = InputAdornment$1;
129
- const createTheme = createTheme$1;
130
- const ThemeProvider = ThemeProvider$1;
131
- const AlertTitle = AlertTitle$1;
132
- const SvgIcon = SvgIcon$1;
133
- const FormControl = FormControl$1;
134
- const InputLabel = InputLabel$1; // export const BlerpContextMenu = MBlerpContextMenu;
135
- // export const ListItem = MListItem;
136
- // // export const ListItemText = MListItemText;
137
- // export const ListItemButtonText = MListItemButtonText;
51
+ // Theme Objects (Legacy Support)
52
+ // -----------------------------------------------------------------------------
138
53
 
139
54
  const lightThemeV1 = {
140
55
  pandaPink: "#FE295C",
@@ -369,4 +284,4 @@ const Themes = {
369
284
  // };
370
285
  // export default returnLibrary();
371
286
 
372
- export { Accordion, AccordionActions, AccordionDetails, AccordionSummary, Alert, AlertTitle, AppBar, Autocomplete, Avatar, Backdrop, Badge, Blerp, BlerpAudioContextProvider, BlerpListView, BlerpListViewPremium, BlerpListViewSkeleton, BlerpSkeleton, BottomNavigation, Box, Breadcrumbs, Button, ButtonGroup, Card, Checkbox, Chip, CircularProgress, CollectionCard, CollectionListViewPremium, CollectionSkeleton, Container, Dialog, Divider, Drawer, Dropdown, FloatingActionButton, FormControl, Grid, GroupCard, IconButton, ImageList, Input, InputAdornment, InputLabel, LinearProgress, Link, List, Menu, MenuItem, Modal, NewBlerp, NewBlerpTest, NewCollectionModal, NewDropdown, Pagination, Paper, Popover, RadioButton, Rating, Select, Skeleton, Slider, Snackbar, SpeedDial, Stack, Stepper, SvgIcon, Switch, Tab, Table, Tabs, Text, Theme, ThemeProvider, Themes, Toggle, Toolbar, Tooltip, UserCard, UsernameWithPopout, createTheme, darkThemeV1, lightThemeV1, mainTheme };
287
+ export { Themes, darkThemeV1, lightThemeV1, mainTheme };
@@ -447,8 +447,6 @@ const BaseTabs = /*#__PURE__*/React.forwardRef((_ref4, ref) => {
447
447
  } = useTheme();
448
448
  const tabsRef = useRef(null);
449
449
  const [indicatorStyle, setIndicatorStyle] = useState({});
450
- const colorValue = (colors === null || colors === void 0 ? void 0 : colors[indicatorColor]) || (colors === null || colors === void 0 ? void 0 : colors.ibisRed);
451
- typeof colorValue === "object" ? colorValue.main : colorValue || "ibisRed.main"; // Update indicator position
452
450
 
453
451
  useIsomorphicLayoutEffect(() => {
454
452
  if (!canUseDOM() || !tabsRef.current) return;
@@ -1,5 +1,5 @@
1
1
  import _defineProperty from '@babel/runtime/helpers/defineProperty';
2
- import React, { useMemo, useEffect, useContext, createContext } from 'react';
2
+ import React, { useMemo, useEffect, createContext, useContext } from 'react';
3
3
 
4
4
  function ownKeys(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; }
5
5
 
@@ -1,4 +1,3 @@
1
- import '@babel/runtime/helpers/extends';
2
1
  import _defineProperty from '@babel/runtime/helpers/defineProperty';
3
2
  import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
4
3
  import React, { useId, useMemo, useEffect } from 'react';
@@ -1,5 +1,3 @@
1
- import '@babel/runtime/helpers/defineProperty';
2
-
3
1
  /**
4
2
  * Converts MUI sx prop to inline styles
5
3
  * Handles spacing shortcuts, theme colors, pseudo-selectors, nested selectors, and responsive values