@blerp/design 1.4.5 → 1.4.7

package/dist/esm/Dropdown.js

@@ -1,6 +1,9 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import React, { useState, useRef, useEffect, useCallback } from 'react';
-import { Button, Text, Stack, Menu, MenuItem } from './index.js';
+import { Button } from './neo-components/Button.js';
+import { Text } from './neo-components/Text.js';
+import { Stack } from './neo-components/Stack.js';
+import { Menu, MenuItem } from './neo-components/Navigation.js';
 
 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; }
 

package/dist/esm/EllipsisLoader.js

@@ -1,7 +1,7 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import React from 'react';
-import { Box } from './index.js';
 import colors from './colors.js';
+import { Box } from './neo-components/Box.js';
 
 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; }
 
@@ -82,5 +82,6 @@ EllipsisLoader.defaultProps = {
     height: "20px"
   }
 };
+var EllipsisLoader$1 = EllipsisLoader;
 
-export { EllipsisLoader, EllipsisLoader as default };
+export { EllipsisLoader, EllipsisLoader$1 as default };

package/dist/esm/GroupCard.js

@@ -1,7 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import React, { useState } from 'react';
-import { Stack, Text } from './index.js';
 import { AddedToIcons, FavoriteIconWithCounter } from './NewBlerp.js';
+import { Stack } from './neo-components/Stack.js';
+import { Text } from './neo-components/Text.js';
 
 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; }
 

package/dist/esm/ImageEditor.js

@@ -236,5 +236,6 @@ const ImageEditor = /*#__PURE__*/forwardRef((_ref, ref) => {
   }, "Failed to load image"));
 });
 ImageEditor.displayName = 'ImageEditor';
+var ImageEditor$1 = ImageEditor;
 
-export { ImageEditor as default };
+export { ImageEditor$1 as default };

package/dist/esm/ImageUpload.js

@@ -1,11 +1,14 @@
 import _extends from '@babel/runtime/helpers/extends';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { Stack, Text, Box, Button } from './index.js';
 import React, { useState, useRef, useEffect, createRef } from 'react';
 import ImageEditor from './ImageEditor.js';
 import { useWindowSize } from './ScreenSizeHook.js';
 import { useBlerpTheme } from './Theme.js';
+import { Stack } from './neo-components/Stack.js';
+import { Text } from './neo-components/Text.js';
+import { Box } from './neo-components/Box.js';
+import { Button } from './neo-components/Button.js';
 
 const _excluded = ["path", "sx", "size"];
 
@@ -214,4 +217,6 @@ const ImageUploadModal = _ref2 => {
   }, "Save Image")));
 };
 
-export { ImageUploadModal as default };
+var ImageUpload = ImageUploadModal;
+
+export { ImageUpload as default };

package/dist/esm/NewBlerp.js

@@ -1,8 +1,12 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import React, { useState, useRef } from 'react';
 import { UsernameWithPopout } from './UsernameWithPopout.js';
-import { Box, Stack, Text, Tooltip, Button } from './index.js';
 import { DiamondIcon, ChannelPointsIcon, TwitchBitIcon, WalkonIcon } from './Icons/Icons.js';
+import { Box } from './neo-components/Box.js';
+import { Stack } from './neo-components/Stack.js';
+import { Text } from './neo-components/Text.js';
+import { Tooltip } from './neo-components/Misc.js';
+import { Button } from './neo-components/Button.js';
 
 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; }
 

package/dist/esm/NewCollectionModal.js

@@ -1,9 +1,14 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import React, { useState, cloneElement, useEffect } from 'react';
 import ReactDOM from 'react-dom';
-import ImageUploadModal from './ImageUpload.js';
-import { Button, Stack, Text, Input, Dropdown, Toggle } from './index.js';
+import ImageUpload from './ImageUpload.js';
 import { useWindowSize } from './ScreenSizeHook.js';
+import { Dropdown } from './Dropdown.js';
+import { Toggle } from './Toggle.js';
+import { Button } from './neo-components/Button.js';
+import { Stack } from './neo-components/Stack.js';
+import { Text } from './neo-components/Text.js';
+import { Input } from './neo-components/Input.js';
 
 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; }
 
@@ -358,7 +363,7 @@ const NewCollectionModal = _ref4 => {
       width: isMobile ? "100vw" : "340px",
       border: "1px solid ".concat(COLORS.border)
     }
-  }, /*#__PURE__*/React.createElement(ImageUploadModal, {
+  }, /*#__PURE__*/React.createElement(ImageUpload, {
     prevImage: collectionToBeEdited ? imageURL : undefined,
     updateImage: newImage => {
       setImageURL(URL.createObjectURL(newImage));

package/dist/esm/PremiumCollectionCard.js

@@ -3,10 +3,11 @@ import BlerpImageRow from './Blerp/BlerpImageRow.js';
 import BlerpSavePopup from './Blerp/BlerpSavePopup.js';
 import BlerpTitleRow from './Blerp/BlerpTitleRow.js';
 import BlerpTopRow from './Blerp/BlerpTopRow.js';
-import { Box, Stack } from './index.js';
 import { useWindowSize } from './ScreenSizeHook.js';
 import { extractDominantColor } from './helpers.js';
 import { useBlerpTheme } from './Theme.js';
+import { Box } from './neo-components/Box.js';
+import { Stack } from './neo-components/Stack.js';
 
 const Blerp = _ref => {
   var _bite$image2, _bite$image2$original;
@@ -221,5 +222,6 @@ const Blerp = _ref => {
     handleClickOrganize: handleClickOrganize
   })));
 };
+var PremiumCollectionCard = Blerp;
 
-export { Blerp, Blerp as default };
+export { Blerp, PremiumCollectionCard as default };

package/dist/esm/PurchaseModals/CheckoutModal.js

@@ -1,5 +1,5 @@
-import { Stack } from '../index.js';
 import React from 'react';
+import { Stack } from '../neo-components/Stack.js';
 
 const NeedToReplace = props => {
   return /*#__PURE__*/React.createElement(Stack, {
@@ -30,4 +30,6 @@ const NeedToReplace = props => {
   }, "Need to replace to remove payment dependencies");
 };
 
-export { NeedToReplace as default };
+var NeedToReplace$1 = NeedToReplace;
+
+export { NeedToReplace$1 as default };

package/dist/esm/PurchaseModals/PremiumBlerpCheckoutModal.js

@@ -1,5 +1,5 @@
-import { Stack } from '../index.js';
 import React from 'react';
+import { Stack } from '../neo-components/Stack.js';
 
 const NeedToReplace = props => {
   return /*#__PURE__*/React.createElement(Stack, {
@@ -30,4 +30,6 @@ const NeedToReplace = props => {
   }, "Need to replace to remove payment dependencies");
 };
 
-export { NeedToReplace as default };
+var NeedToReplace$1 = NeedToReplace;
+
+export { NeedToReplace$1 as default };

package/dist/esm/PurchaseModals/PremiumCollectionCheckoutModal.js

@@ -1,5 +1,5 @@
-import { Stack } from '../index.js';
 import React from 'react';
+import { Stack } from '../neo-components/Stack.js';
 
 const NeedToReplace = props => {
   return /*#__PURE__*/React.createElement(Stack, {
@@ -30,4 +30,6 @@ const NeedToReplace = props => {
   }, "Need to replace to remove payment dependencies");
 };
 
-export { NeedToReplace as default };
+var NeedToReplace$1 = NeedToReplace;
+
+export { NeedToReplace$1 as default };

package/dist/esm/PurchaseModals/PremiumSubscriptionCheckoutModal.js

@@ -1,5 +1,5 @@
-import { Stack } from '../index.js';
 import React from 'react';
+import { Stack } from '../neo-components/Stack.js';
 
 const NeedToReplace = props => {
   return /*#__PURE__*/React.createElement(Stack, {
@@ -30,4 +30,6 @@ const NeedToReplace = props => {
   }, "Need to replace to remove payment dependencies");
 };
 
-export { NeedToReplace as default };
+var NeedToReplace$1 = NeedToReplace;
+
+export { NeedToReplace$1 as default };

package/dist/esm/ReactionButtons.js

@@ -1,6 +1,7 @@
 import React from 'react';
-import { Grid, Tooltip } from './index.js';
 import { useBlerpTheme } from './Theme.js';
+import { Grid } from './neo-components/Grid.js';
+import { Tooltip } from './neo-components/Misc.js';
 
 const reactionIconUrls = {
   FUNNY: "https://cdn.blerp.com/blerp_products/Icons/Funny%403x.svg",
@@ -69,4 +70,6 @@ const ReactionButtons = _ref => {
   }));
 };
 
-export { ReactionButtons as default };
+var ReactionButtons$1 = ReactionButtons;
+
+export { ReactionButtons$1 as default };

package/dist/esm/Theme.js

@@ -1,30 +1,9 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import React, { useContext, useMemo, createContext } from 'react';
+import React, { useMemo, useContext, createContext } from 'react';
 import icons from './icons.js';
-import colors, { lightColors, lightPalette, darkColors, darkPalette } from './colors.js';
+import { lightColors, lightPalette, darkColors, darkPalette } from './colors.js';
 import { SnackbarProvider } from './SnackbarContextProvider.js';
 import { ThemeProvider } from './neo-components/ThemeProvider.js';
-import '@babel/runtime/helpers/extends';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import './neo-components/Box.js';
-import './neo-components/Stack.js';
-import './neo-components/Grid.js';
-import './neo-components/Container.js';
-import './neo-components/Text.js';
-import './neo-components/Button.js';
-import './neo-components/IconButton.js';
-import './neo-components/Fab.js';
-import './neo-components/ToggleButton.js';
-import './neo-components/Input.js';
-import './neo-components/FormControls.js';
-import './neo-components/Autocomplete.js';
-import './neo-components/Paper.js';
-import './neo-components/Dialog.js';
-import './neo-components/Navigation.js';
-import './neo-components/BottomNavigation.js';
-import './neo-components/Stepper.js';
-import './neo-components/Misc.js';
-import './neo-components/Layout.js';
 
 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; }
 
@@ -88,7 +67,6 @@ const mainTheme = {
   bitsFourIcon: "https://cdn.blerp.com/blerp_products/Twitch/Assets/Variable%20Pricing/Blue%20bits%20icon%20white%20stroke.svg",
   bitsFiveIcon: "https://cdn.blerp.com/blerp_products/Twitch/Assets/Variable%20Pricing/Red%20bits%20icon%20white%20stroke.svg"
 };
-const fonts = "@font-face {\n  font-family: \"Odudo\";\n  font-weight: normal;\n  font-display: swap;\n  src: url(\"https://cdn.blerp.com/blerp-web-images/fonts/web/Odudo-Regular.eot\");\n  src: url(\"https://cdn.blerp.com/blerp-web-images/fonts/web/Odudo-Regular.woff2\")\n      format(\"woff2\"),\n    url(\"https://cdn.blerp.com/blerp-web-images/fonts/web/Odudo-Regular.woff\")\n      format(\"woff\");\n}\n\n@font-face {\n  font-family: \"Odudo\";\n  font-weight: lighter;\n  font-display: swap;\n  src: url(\"https://cdn.blerp.com/blerp-web-images/fonts/web/Odudo-Light.eot\");\n  src: url(\"https://cdn.blerp.com/blerp-web-images/fonts/web/Odudo-Light.woff2\")\n      format(\"woff2\"),\n    url(\"https://cdn.blerp.com/blerp-web-images/fonts/web/Odudo-Light.woff\")\n      format(\"woff\");\n}\n\n@font-face {\n  font-family: \"Odudo\";\n  font-weight: 300;\n  font-display: swap;\n  src: url(\"https://cdn.blerp.com/blerp-web-images/fonts/web/Odudo-Light.eot\");\n  src: url(\"https://cdn.blerp.com/blerp-web-images/fonts/web/Odudo-Light.woff2\")\n      format(\"woff2\"),\n    url(\"https://cdn.blerp.com/blerp-web-images/fonts/web/Odudo-Light.woff\")\n      format(\"woff\");\n}\n\n@font-face {\n  font-family: \"Odudo\";\n  font-weight: 400;\n  font-display: swap;\n  src: url(\"https://cdn.blerp.com/blerp-web-images/fonts/web/Odudo-Regular.eot\");\n  src: url(\"https://cdn.blerp.com/blerp-web-images/fonts/web/Odudo-Regular.woff2\")\n      format(\"woff2\"),\n    url(\"https://cdn.blerp.com/blerp-web-images/fonts/web/Odudo-Regular.woff\")\n      format(\"woff\");\n}\n\n@font-face {\n  font-family: \"Odudo\";\n  font-weight: bolder;\n  font-display: swap;\n  src: url(\"https://cdn.blerp.com/blerp-web-images/fonts/Odudo%20V1.3/WEB/odudo-semibold-webfont.eot\");\n  src: url(\"https://cdn.blerp.com/blerp-web-images/fonts/Odudo%20V1.3/WEB/odudo-semibold-webfont.woff2\")\n      format(\"woff2\"),\n    url(\"https://cdn.blerp.com/blerp-web-images/fonts/Odudo%20V1.3/WEB/odudo-semibold-webfont.woff\")\n      format(\"woff\");\n}\n\n@font-face {\n  font-family: \"Odudo\";\n  font-weight: 600;\n  font-display: swap;\n  src: url(\"https://cdn.blerp.com/blerp-web-images/fonts/Odudo%20V1.3/WEB/odudo-semibold-webfont.eot\");\n  src: url(\"https://cdn.blerp.com/blerp-web-images/fonts/Odudo%20V1.3/WEB/odudo-semibold-webfont.woff2\")\n      format(\"woff2\"),\n    url(\"https://cdn.blerp.com/blerp-web-images/fonts/Odudo%20V1.3/WEB/odudo-semibold-webfont.woff\")\n      format(\"woff\");\n}\n\n@font-face {\n  font-family: \"Odudo\";\n  font-weight: bold;\n  font-display: swap;\n  src: url(\"https://cdn.blerp.com/blerp-web-images/fonts/web/Odudo-Bold.eot\");\n  src: url(\"https://cdn.blerp.com/blerp-web-images/fonts/web/Odudo-Bold.woff2\")\n      format(\"woff2\"),\n    url(\"https://cdn.blerp.com/blerp-web-images/fonts/web/Odudo-Bold.woff\")\n      format(\"woff\");\n}\n\n@font-face {\n  font-family: \"Odudo\";\n  font-weight: 700;\n  font-display: swap;\n  src: url(\"https://cdn.blerp.com/blerp-web-images/fonts/web/Odudo-Bold.eot\");\n  src: url(\"https://cdn.blerp.com/blerp-web-images/fonts/web/Odudo-Bold.woff2\")\n      format(\"woff2\"),\n    url(\"https://cdn.blerp.com/blerp-web-images/fonts/web/Odudo-Bold.woff\")\n      format(\"woff\");\n}"; // Try to load MUI dynamically, but don't fail if it's not installed
 
 let StyledThemeProvider = null;
 
@@ -118,111 +96,6 @@ const darkThemeConfig = _objectSpread({
   icons: icons,
   palette: darkPalette
 }, mainTheme); // MUI themes (only created if MUI is available)
-
-({
-  typography: {
-    fontFamily: "Odudo, Arial"
-  },
-  components: {
-    MuiPopover: {
-      defaultProps: {
-        BackdropProps: {
-          sx: {
-            backgroundColor: "transparent",
-            backdropFilter: "none"
-          }
-        }
-      }
-    },
-    MuiBackdrop: {
-      styleOverrides: {
-        root: {
-          backgroundColor: "".concat(colors.grey6, "70"),
-          backdropFilter: "blur(4px)"
-        }
-      }
-    },
-    MuiSvgIcon: {
-      styleOverrides: {
-        root: {
-          color: colors.notBlack
-        }
-      }
-    },
-    MuiFilledInput: {
-      styleOverrides: {
-        root: {
-          color: colors.notBlack,
-          backgroundColor: colors.grey2,
-          "& textarea": {
-            color: colors.notBlack
-          },
-          ":hover": {
-            backgroundColor: colors.grey2
-          },
-          ":before": {
-            borderColor: colors.notBlack
-          },
-          ":hover:before": {
-            borderColor: "".concat(colors.notBlack, " !important")
-          }
-        }
-      }
-    },
-    MuiInput: {
-      styleOverrides: {
-        root: {
-          color: colors.notBlack,
-          borderColor: colors.notBlack,
-          ":before": {
-            borderColor: colors.notBlack
-          },
-          ":hover:before": {
-            borderColor: "".concat(colors.notBlack, " !important")
-          }
-        }
-      }
-    },
-    MuiInputLabel: {
-      styleOverrides: {
-        root: {
-          color: colors.notBlack
-        }
-      }
-    },
-    MuiTypography: {
-      styleOverrides: {
-        root: {
-          color: colors.notBlack
-        }
-      }
-    },
-    MuiButton: {
-      styleOverrides: {
-        root: {
-          borderRadius: "30px",
-          fontWeight: "600",
-          letterSpacing: "0.05rem",
-          textTransform: "capitalize"
-        }
-      },
-      variants: [{
-        props: {
-          variant: "outlined"
-        },
-        style: {
-          borderWidth: "2px",
-          "&:hover": {
-            borderWidth: "2px"
-          }
-        }
-      }]
-    },
-    MuiCssBaseline: {
-      styleOverrides: fonts
-    }
-  }
-});
 const theme = lightThemeConfig;
 const darkTheme = darkThemeConfig; // Create a context for theme access (legacy - for styled-components)
 
@@ -274,4 +147,6 @@ const BlerpTheme = _ref => {
   }, withMuiTheme);
 };
 
-export { darkTheme, darkThemeConfig, BlerpTheme as default, fonts, lightThemeConfig, theme, useBlerpTheme };
+var BlerpTheme$1 = BlerpTheme; // Export fonts for manual injection if needed
+
+export { darkTheme, darkThemeConfig, BlerpTheme$1 as default, lightThemeConfig, theme, useBlerpTheme };

package/dist/esm/Toggle.js

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import React from 'react';
-import { EllipsisLoader } from './EllipsisLoader.js';
+import EllipsisLoader from './EllipsisLoader.js';
 
 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; }
 
@@ -101,4 +101,4 @@ const Toggle = _ref2 => {
   }))));
 };
 
-export { Toggle };
+export { Toggle, Toggle as default };

package/dist/esm/UserCard.js

@@ -1,5 +1,6 @@
 import React from 'react';
-import { Stack, Text } from './index.js';
+import { Stack } from './neo-components/Stack.js';
+import { Text } from './neo-components/Text.js';
 
 const UserCard = _ref => {
   var _user$twitchChannelIn, _user$profileImage, _user$profileImage$or;

package/dist/esm/UserPage/LibraryControls.js

@@ -1,7 +1,14 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { Stack, Text, Box, Input, Button, Popover, IconButton, Divider } from '../index.js';
 import React, { useState, useRef } from 'react';
 import { useWindowSize } from '../ScreenSizeHook.js';
+import { Stack } from '../neo-components/Stack.js';
+import { Typography } from '../neo-components/Text.js';
+import { Box } from '../neo-components/Box.js';
+import { TextField } from '../neo-components/Input.js';
+import { Button } from '../neo-components/Button.js';
+import { Popover } from '../neo-components/Navigation.js';
+import { IconButton } from '../neo-components/IconButton.js';
+import { Divider } from '../neo-components/Misc.js';
 
 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; }
 
@@ -159,12 +166,12 @@ const LibraryControls = _ref9 => {
     marginTop: size.width <= 675 && "20px"
   }, activeBoard && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IconPerson, {
     color: iconColor
-  }), /*#__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, {
+  }), /*#__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, {
     sx: {
       display: "flex",
       alignItems: "flex-end"
     }
-  }, /*#__PURE__*/React.createElement(Input, {
+  }, /*#__PURE__*/React.createElement(TextField, {
     id: "user-library-search-input",
     placeholder: "Search User Library",
     variant: "standard",
@@ -255,7 +262,7 @@ const LibraryControls = _ref9 => {
         color: "white.override"
       }
     }
-  }, /*#__PURE__*/React.createElement(Text, {
+  }, /*#__PURE__*/React.createElement(Typography, {
     margin: "0 15px",
     fontSize: "18px"
   }, "Alphabetical")), /*#__PURE__*/React.createElement(Stack, {
@@ -269,7 +276,7 @@ const LibraryControls = _ref9 => {
         color: "white.override"
       }
     }
-  }, /*#__PURE__*/React.createElement(Text, {
+  }, /*#__PURE__*/React.createElement(Typography, {
     margin: "0 15px",
     fontSize: "18px"
   }, "Newest")), /*#__PURE__*/React.createElement(Stack, {
@@ -283,14 +290,14 @@ const LibraryControls = _ref9 => {
         color: "white.override"
       }
     }
-  }, /*#__PURE__*/React.createElement(Text, {
+  }, /*#__PURE__*/React.createElement(Typography, {
     margin: "0 15px",
     fontSize: "18px"
   }, "Oldest"))), !hideLayoutButtons && /*#__PURE__*/React.createElement(React.Fragment, null, size.width >= 1000 ? /*#__PURE__*/React.createElement(React.Fragment, null, !activeBoard && /*#__PURE__*/React.createElement(Button, {
     color: "notBlack",
     ref: filterRef,
     onClick: () => setFilterAnchor(filterRef.current)
-  }, /*#__PURE__*/React.createElement(Text, null, "Sort"), /*#__PURE__*/React.createElement(IconSort, {
+  }, /*#__PURE__*/React.createElement(Typography, null, "Sort"), /*#__PURE__*/React.createElement(IconSort, {
     color: iconColor
   })), /*#__PURE__*/React.createElement(IconButton, null, /*#__PURE__*/React.createElement(IconMenu, {
     color: iconColor
@@ -342,7 +349,7 @@ const LibraryControls = _ref9 => {
     }
   }, /*#__PURE__*/React.createElement(IconMenu, {
     color: iconColor
-  }), /*#__PURE__*/React.createElement(Text, {
+  }), /*#__PURE__*/React.createElement(Typography, {
     color: "notBlack.main",
     margin: "0 15px",
     fontSize: "18px"
@@ -359,7 +366,7 @@ const LibraryControls = _ref9 => {
     }
   }, /*#__PURE__*/React.createElement(IconGrid, {
     color: iconColor
-  }), /*#__PURE__*/React.createElement(Text, {
+  }), /*#__PURE__*/React.createElement(Typography, {
     color: "notBlack.main",
     margin: "0 15px",
     fontSize: "18px"
@@ -383,7 +390,7 @@ const LibraryControls = _ref9 => {
     direction: "row"
   }, /*#__PURE__*/React.createElement(IconSort, {
     color: iconColor
-  }), /*#__PURE__*/React.createElement(Text, {
+  }), /*#__PURE__*/React.createElement(Typography, {
     fontSize: "18px",
     color: "notBlack.main",
     margin: "0 15px"
@@ -392,4 +399,6 @@ const LibraryControls = _ref9 => {
   }))))));
 };
 
-export { LibraryControls as default };
+var LibraryControls$1 = LibraryControls;
+
+export { LibraryControls$1 as default };

package/dist/esm/UserPage/UserLibraryHeader.js

@@ -1,95 +1,9 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import React from 'react';
-import { Box, Stack, Button } from '../index.js';
-import { useWindowSize } from '../ScreenSizeHook.js';
-import LibraryControls from './LibraryControls.js';
+// TODO: If this component is needed, import dependencies directly (not from ../index)
 
-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; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-const UserLibraryHeader = _ref => {
-  let {
-    sx,
-    tabs,
-    tabSelection,
-    setTabSelection,
-    setShowSearch,
-    setSearchTerm,
-    searchTerm,
-    setActiveBoard,
-    hideSearch,
-    setSort,
-    sort,
-    hideLayoutButtons
-  } = _ref;
-  const size = useWindowSize();
-  return /*#__PURE__*/React.createElement(Box, {
-    sx: _objectSpread({
-      backgroundColor: "grey2.main",
-      position: "sticky",
-      top: size.width >= 1000 ? "80px" : "110px",
-      zIndex: "5"
-    }, sx)
-  }, /*#__PURE__*/React.createElement(Stack, {
-    direction: "row",
-    style: {
-      padding: "20px 10px",
-      maxWidth: "1300px",
-      margin: "0 auto",
-      width: "95%"
-    }
-  }, /*#__PURE__*/React.createElement(Stack, {
-    direction: "row",
-    width: "100%",
-    justifyContent: size.width <= 675 ? "center" : "space-between",
-    alignItems: "center",
-    flexWrap: "wrap"
-  }, /*#__PURE__*/React.createElement(Stack, {
-    direction: "row",
-    flexWrap: "inherit"
-  }, tabs === null || tabs === void 0 ? void 0 : tabs.map(tab => /*#__PURE__*/React.createElement(Button, {
-    key: "tab-".concat(tab),
-    onClick: () => {
-      setActiveBoard(null);
-
-      if (tabSelection.includes(tab)) {
-        let newTabs = tabSelection.filter(item => item !== tab);
-        setTabSelection(newTabs);
-      } else {
-        setTabSelection([...tabSelection, tab]);
-      }
-    },
-    variant: tabSelection.includes(tab) ? "contained" : "outlined",
-    size: "small",
-    endIcon: tabSelection.includes(tab) && /*#__PURE__*/React.createElement("svg", {
-      width: "18",
-      height: "18",
-      viewBox: "0 0 24 24",
-      fill: "currentColor"
-    }, /*#__PURE__*/React.createElement("path", {
-      d: "M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"
-    })),
-    sx: {
-      fontWeight: "normal",
-      marginRight: "10px",
-      marginBottom: "10px",
-      backgroundColor: tabSelection.includes(tab) && "grey4.main"
-    },
-    color: tabSelection.includes(tab) ? "grey3" : "notBlack",
-    disableElevation: true
-  }, tab))), /*#__PURE__*/React.createElement(LibraryControls, {
-    currentSort: sort,
-    setActiveBoard: setActiveBoard,
-    setSort: value => {
-      setSort(value); // refetch({ variables: options });
-    },
-    searchTerm: searchTerm,
-    hideSearch: hideSearch,
-    setSearchTerm: setSearchTerm,
-    setShowSearch: setShowSearch,
-    hideLayoutButtons: hideLayoutButtons
-  }))));
+const UserProfileHeader = () => {
+  return null;
 };
 
-export { UserLibraryHeader as default };
+var UserProfileHeader$1 = UserProfileHeader;
+
+export { UserProfileHeader$1 as default };