@blerp/design 1.4.5 → 1.4.6

package/dist/esm/Blerp/BlerpSavePopup.js

@@ -1,6 +1,11 @@
 import React from 'react';
-import { Popover, Grid, Tooltip, Box, Stack, Button } from '../index.js';
 import { useBlerpTheme } from '../Theme.js';
+import { Popover } from '../neo-components/Navigation.js';
+import { Grid } from '../neo-components/Grid.js';
+import { Tooltip } from '../neo-components/Misc.js';
+import { Box } from '../neo-components/Box.js';
+import { Stack } from '../neo-components/Stack.js';
+import { Button } from '../neo-components/Button.js';
 
 const reactionIconUrls = {
   FUNNY: "https://cdn.blerp.com/blerp_products/Icons/Funny%403x.svg",
@@ -152,4 +157,6 @@ const BlerpSavePopup = _ref => {
   }, "Organize")));
 };
 
-export { BlerpSavePopup as default };
+var BlerpSavePopup$1 = BlerpSavePopup;
+
+export { BlerpSavePopup$1 as default };

package/dist/esm/Blerp/BlerpTitleRow.js

@@ -1,5 +1,7 @@
 import React from 'react';
-import { Stack, Box, Text } from '../index.js';
+import { Stack } from '../neo-components/Stack.js';
+import { Box } from '../neo-components/Box.js';
+import { Typography } from '../neo-components/Text.js';
 
 const BlerpTitleRow = _ref => {
   let {
@@ -39,7 +41,7 @@ const BlerpTitleRow = _ref => {
         textOverflow: "ellipsis",
         overflow: "hidden"
       }
-    }, /*#__PURE__*/React.createElement(Text, {
+    }, /*#__PURE__*/React.createElement(Typography, {
       textAlign: "center",
       fontSize: sizeParams.fontSize,
       color: isPremium && !isLocked ? "white.override" : "white.override",
@@ -84,7 +86,7 @@ const BlerpTitleRow = _ref => {
     style: {
       textDecoration: "none"
     }
-  }, /*#__PURE__*/React.createElement(Text, {
+  }, /*#__PURE__*/React.createElement(Typography, {
     textAlign: "center",
     fontSize: sizeParams.fontSize,
     color: isPremium ? "white.override" : "white.override",
@@ -110,7 +112,7 @@ const BlerpTitleRow = _ref => {
       textOverflow: "ellipsis",
       overflow: "hidden"
     }
-  }, /*#__PURE__*/React.createElement(Text, {
+  }, /*#__PURE__*/React.createElement(Typography, {
     textAlign: "center",
     fontSize: sizeParams.fontSize,
     color: isPremium ? "white.override" : "white.override",
@@ -124,4 +126,6 @@ const BlerpTitleRow = _ref => {
   }, title || bite.title)));
 };
 
-export { BlerpTitleRow as default };
+var BlerpTitleRow$1 = BlerpTitleRow;
+
+export { BlerpTitleRow$1 as default };

package/dist/esm/Blerp/BlerpTopRow.js

@@ -2,7 +2,10 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import React from 'react';
 import { reactionIconUrls } from '../Blerp.js';
 import { UnsafeIcon, BookmarkAddRounded, DiamondIcon, TwitchBitIcon, ChannelPointsIcon } from '../Icons/Icons.js';
-import { Stack, Text, Tooltip, IconButton } from '../index.js';
+import { Stack } from '../neo-components/Stack.js';
+import { Typography } from '../neo-components/Text.js';
+import { Tooltip } from '../neo-components/Misc.js';
+import { IconButton } from '../neo-components/IconButton.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; }
 
@@ -121,7 +124,7 @@ const BlerpTopRow = _ref5 => {
     alignItems: "center",
     height: bite.visibility !== "PRIVATE" || isOwner ? "30px" : "30px",
     position: sizeParams.buttonSize === "small" && "absolute"
-  }, (bite.visibility !== "PRIVATE" || isOwner) && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, {
+  }, (bite.visibility !== "PRIVATE" || isOwner) && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Typography, {
     fontSize: "12px",
     color: isPremium && !isLocked ? "white.main" : "notBlack.main",
     sx: {
@@ -129,7 +132,7 @@ const BlerpTopRow = _ref5 => {
       top: "30px",
       left: "10px"
     }
-  }, bite === null || bite === void 0 ? void 0 : bite.audienceRating), (bite === null || bite === void 0 ? void 0 : bite.audioDuration) && /*#__PURE__*/React.createElement(Text, {
+  }, bite === null || bite === void 0 ? void 0 : bite.audienceRating), (bite === null || bite === void 0 ? void 0 : bite.audioDuration) && /*#__PURE__*/React.createElement(Typography, {
     fontSize: "8px",
     color: isPremium ? "waxwing.main" : "grey5.main",
     sx: {
@@ -205,7 +208,7 @@ const BlerpTopRow = _ref5 => {
     }
   }, /*#__PURE__*/React.createElement(BookmarkAddRounded, {
     fontSize: "small"
-  })), !!(sizeParams.buttonSize === "small" && !(bite !== null && bite !== void 0 && (_bite$topReactions = bite.topReactions) !== null && _bite$topReactions !== void 0 && _bite$topReactions.length) || sizeParams.buttonSize !== "small") && /*#__PURE__*/React.createElement(Text, {
+  })), !!(sizeParams.buttonSize === "small" && !(bite !== null && bite !== void 0 && (_bite$topReactions = bite.topReactions) !== null && _bite$topReactions !== void 0 && _bite$topReactions.length) || sizeParams.buttonSize !== "small") && /*#__PURE__*/React.createElement(Typography, {
     color: "notBlack.main",
     fontWeight: "light",
     fontSize: "12px",
@@ -302,4 +305,6 @@ const BlerpTopRow = _ref5 => {
   }, /*#__PURE__*/React.createElement(IconMoreHoriz, null)) : /*#__PURE__*/React.createElement(React.Fragment, null))));
 };
 
-export { BlerpTopRow as default };
+var BlerpTopRow$1 = BlerpTopRow;
+
+export { BlerpTopRow$1 as default };

package/dist/esm/Blerp.js

@@ -3,9 +3,10 @@ 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 { useBlerpTheme } from './Theme.js';
+import { Box } from './neo-components/Box.js';
+import { Stack } from './neo-components/Stack.js';
 
 const reactionIconUrls = {
   FUNNY: "https://cdn.blerp.com/blerp_products/Icons/Funny%403x.svg",

package/dist/esm/BlerpListViewPremium.js

@@ -4,9 +4,13 @@ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProper
 import React, { useState } from 'react';
 import { useWindowSize } from './ScreenSizeHook.js';
 import { PlayOutlineIcon, OpenLockIcon, DiamondIcon } from './Icons/Icons.js';
-import { Box, Stack, Text, Tooltip, IconButton } from './index.js';
 import { useCustomPalette } from './helpers.js';
 import { useBlerpTheme } from './Theme.js';
+import { Box } from './neo-components/Box.js';
+import { Stack } from './neo-components/Stack.js';
+import { Typography } from './neo-components/Text.js';
+import { Tooltip } from './neo-components/Misc.js';
+import { IconButton } from './neo-components/IconButton.js';
 
 const _excluded = ["path", "sx", "size"];
 
@@ -228,7 +232,7 @@ const BlerpListViewPremium = _ref2 => {
     sx: {
       width: "80%"
     }
-  }, isLinkTitle ? /*#__PURE__*/React.createElement(Text, {
+  }, isLinkTitle ? /*#__PURE__*/React.createElement(Typography, {
     textAlign: "left",
     fontSize: sizeParams.fontSize,
     noWrap: true,
@@ -252,7 +256,7 @@ const BlerpListViewPremium = _ref2 => {
       textDecoration: "none",
       color: "white"
     }
-  }, bite.title)) : /*#__PURE__*/React.createElement(Text, {
+  }, bite.title)) : /*#__PURE__*/React.createElement(Typography, {
     textAlign: "left",
     fontSize: sizeParams.fontSize,
     noWrap: true,
@@ -270,7 +274,7 @@ const BlerpListViewPremium = _ref2 => {
         handleClickTitle();
       }
     }
-  }, bite.title), biteSubtitle && /*#__PURE__*/React.createElement(Text, {
+  }, bite.title), biteSubtitle && /*#__PURE__*/React.createElement(Typography, {
     textAlign: "left",
     fontSize: sizeParams.smallFontSize,
     noWrap: true,
@@ -360,7 +364,7 @@ const BlerpListViewPremium = _ref2 => {
       marginRight: "4px",
       color: "white.override"
     }
-  }), /*#__PURE__*/React.createElement(Text, {
+  }), /*#__PURE__*/React.createElement(Typography, {
     sx: {
       marginRight: "4px",
       color: "white.override",

package/dist/esm/BlerpListViewSkeleton.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { Box } from './index.js';
 import { useBlerpTheme } from './Theme.js';
+import { Box } from './neo-components/Box.js';
 
 const BlerpListViewSkeleton = () => {
   const theme = useBlerpTheme();

package/dist/esm/CollectionCard.js

@@ -1,8 +1,12 @@
 import React, { useState } from 'react';
-import { Box, Stack, Tooltip, Text, IconButton } from './index.js';
-import { Blerp } from './PremiumCollectionCard.js';
+import PremiumCollectionCard from './PremiumCollectionCard.js';
 import { useCustomPalette } from './helpers.js';
+import { Box } from './neo-components/Box.js';
+import { Stack } from './neo-components/Stack.js';
+import { Tooltip } from './neo-components/Misc.js';
+import { Typography } from './neo-components/Text.js';
 import { TwitchBitIcon } from './Icons/Icons.js';
+import { IconButton } from './neo-components/IconButton.js';
 
 const AccountCircleIcon = _ref => {
   let {
@@ -212,7 +216,7 @@ const CollectionCard = _ref6 => {
   }
 
   if (isPremium) {
-    return /*#__PURE__*/React.createElement(Blerp, {
+    return /*#__PURE__*/React.createElement(PremiumCollectionCard, {
       collection: collection,
       variantSize: variantSize,
       handleClickBackground: handleClickBackground,
@@ -357,7 +361,7 @@ const CollectionCard = _ref6 => {
       margin: "5px 0",
       maxWidth: "92%"
     }
-  }, /*#__PURE__*/React.createElement(Text, {
+  }, /*#__PURE__*/React.createElement(Typography, {
     fontSize: fontSize ? fontSize : "22px",
     color: "white.override",
     textAlign: "center",
@@ -435,7 +439,7 @@ const CollectionCard = _ref6 => {
       color: "white",
       textDecoration: "none"
     }
-  }, /*#__PURE__*/React.createElement(Text, {
+  }, /*#__PURE__*/React.createElement(Typography, {
     fontSize: fontSize ? fontSize : "22px",
     color: "white.override",
     textAlign: "center",
@@ -445,7 +449,7 @@ const CollectionCard = _ref6 => {
         textDecoration: "underline"
       }
     }
-  }, collection === null || collection === void 0 ? void 0 : collection.title)) : /*#__PURE__*/React.createElement(Text, {
+  }, collection === null || collection === void 0 ? void 0 : collection.title)) : /*#__PURE__*/React.createElement(Typography, {
     fontSize: fontSize ? fontSize : "22px",
     color: "white.override",
     textAlign: "center",

package/dist/esm/CollectionListViewPremium.js

@@ -2,11 +2,14 @@ import _extends from '@babel/runtime/helpers/extends';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import React, { useState } from 'react';
-import { Stack, Box, Text, IconButton } from './index.js';
 import { useWindowSize } from './ScreenSizeHook.js';
 import { useCustomPalette } from './helpers.js';
 import { useBlerpTheme } from './Theme.js';
+import { Stack } from './neo-components/Stack.js';
+import { Box } from './neo-components/Box.js';
+import { Typography } from './neo-components/Text.js';
 import { DiamondIcon } from './Icons/Icons.js';
+import { IconButton } from './neo-components/IconButton.js';
 
 const _excluded = ["path", "sx", "size"];
 
@@ -305,7 +308,7 @@ const CollectionListViewPremium = _ref2 => {
       position: "relative",
       left: "12px"
     }
-  }, /*#__PURE__*/React.createElement(Text, {
+  }, /*#__PURE__*/React.createElement(Typography, {
     textAlign: "left",
     fontSize: sizeParams.fontSize,
     noWrap: true,
@@ -324,7 +327,7 @@ const CollectionListViewPremium = _ref2 => {
         handleClickTitle();
       }
     }
-  }, collection.title)) : /*#__PURE__*/React.createElement(Text, {
+  }, collection.title)) : /*#__PURE__*/React.createElement(Typography, {
     textAlign: "left",
     fontSize: sizeParams.fontSize,
     noWrap: true,
@@ -373,7 +376,7 @@ const CollectionListViewPremium = _ref2 => {
       color: "white.override",
       height: "18px"
     }
-  }), /*#__PURE__*/React.createElement(Text, {
+  }), /*#__PURE__*/React.createElement(Typography, {
     sx: {
       zIndex: "2",
       color: "white.override",

package/dist/esm/CollectionSkeleton.js

@@ -1,7 +1,7 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import React from 'react';
-import { Box } from './index.js';
 import { useBlerpTheme } from './Theme.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; }
 

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 { Typography } 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; }
 
@@ -146,7 +149,7 @@ const NewDropdown = _ref2 => {
         backgroundColor: "rgba(250, 250, 250, 1)"
       }
     }, buttonStyle)
-  }, buttonLabel && /*#__PURE__*/React.createElement(Text, {
+  }, buttonLabel && /*#__PURE__*/React.createElement(Typography, {
     noWrap: true,
     fontSize: "11px",
     color: "whiteOverride.main",
@@ -172,7 +175,7 @@ const NewDropdown = _ref2 => {
     gap: 1,
     overflow: "hidden",
     flex: 1
-  }, startIcon, /*#__PURE__*/React.createElement(Text, {
+  }, startIcon, /*#__PURE__*/React.createElement(Typography, {
     noWrap: true,
     fontSize: "14px",
     color: "darkscale2.main",
@@ -215,7 +218,7 @@ const NewDropdown = _ref2 => {
     mr: 1,
     alignItems: "center",
     justifyContent: "center"
-  }, option.startImageIcon), /*#__PURE__*/React.createElement(Text, {
+  }, option.startImageIcon), /*#__PURE__*/React.createElement(Typography, {
     noWrap: true,
     className: "dropdown-item-text",
     sx: {
@@ -302,7 +305,7 @@ const Dropdown = _ref3 => {
   }, startIcon, /*#__PURE__*/React.createElement(Stack, {
     alignItems: "flex-start",
     overflow: "hidden"
-  }, buttonLabel && /*#__PURE__*/React.createElement(Text, {
+  }, buttonLabel && /*#__PURE__*/React.createElement(Typography, {
     noWrap: true,
     fontSize: "10px",
     color: "grey4.main",
@@ -312,7 +315,7 @@ const Dropdown = _ref3 => {
       textTransform: "uppercase",
       marginBottom: "-2px"
     }
-  }, buttonLabel), /*#__PURE__*/React.createElement(Text, {
+  }, buttonLabel), /*#__PURE__*/React.createElement(Typography, {
     noWrap: true,
     fontSize: "14px",
     color: "grey5.main",
@@ -355,7 +358,7 @@ const Dropdown = _ref3 => {
     mr: 1,
     alignItems: "center",
     justifyContent: "center"
-  }, option.startImageIcon), /*#__PURE__*/React.createElement(Text, {
+  }, option.startImageIcon), /*#__PURE__*/React.createElement(Typography, {
     noWrap: true,
     className: "dropdown-item-text",
     sx: {

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 { Typography } 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; }
 
@@ -116,13 +117,13 @@ const GroupCard = _ref2 => {
     onMouseLeave: () => setHovering(false)
   }, /*#__PURE__*/React.createElement(Stack, {
     height: "100%"
-  }, /*#__PURE__*/React.createElement(Text, {
+  }, /*#__PURE__*/React.createElement(Typography, {
     sx: {
       color: "grey5.main",
       fontSize: "12px",
       fontWeight: "300"
     }
-  }, (group === null || group === void 0 ? void 0 : group.biteCount) || 0, " Sounds"), /*#__PURE__*/React.createElement(Text, {
+  }, (group === null || group === void 0 ? void 0 : group.biteCount) || 0, " Sounds"), /*#__PURE__*/React.createElement(Typography, {
     sx: {
       whiteSpace: "nowrap",
       overflowX: "hidden",

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 { Typography } from './neo-components/Text.js';
+import { Box } from './neo-components/Box.js';
+import { Button } from './neo-components/Button.js';
 
 const _excluded = ["path", "sx", "size"];
 
@@ -118,13 +121,13 @@ const ImageUploadModal = _ref2 => {
     }
   }), /*#__PURE__*/React.createElement(Stack, {
     alignItems: "center"
-  }, /*#__PURE__*/React.createElement(Text, {
+  }, /*#__PURE__*/React.createElement(Typography, {
     sx: {
       fontSize: "32px"
     }
-  }, title), /*#__PURE__*/React.createElement(Text, {
+  }, title), /*#__PURE__*/React.createElement(Typography, {
     color: "grey4"
-  }, "Adjust your image below."), /*#__PURE__*/React.createElement(Text, {
+  }, "Adjust your image below."), /*#__PURE__*/React.createElement(Typography, {
     color: "grey4"
   }, sizeInfo)), /*#__PURE__*/React.createElement(Stack, {
     sx: {
@@ -169,7 +172,7 @@ const ImageUploadModal = _ref2 => {
     sx: {
       color: "white"
     }
-  }) : /*#__PURE__*/React.createElement(Text, {
+  }) : /*#__PURE__*/React.createElement(Typography, {
     sx: {
       textAlign: "center",
       width: "80%"
@@ -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 { Box } from './neo-components/Box.js';
+import { Stack } from './neo-components/Stack.js';
+import { Typography } from './neo-components/Text.js';
 import { DiamondIcon, ChannelPointsIcon, TwitchBitIcon, WalkonIcon } from './Icons/Icons.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; }
 
@@ -250,7 +254,7 @@ const FavoriteIconWithCounter = _ref10 => {
       opacity: 0.5,
       color: "#ffffff"
     }
-  }), /*#__PURE__*/React.createElement(Text, {
+  }), /*#__PURE__*/React.createElement(Typography, {
     sx: {
       fontSize: "12px",
       fontWeight: "400"
@@ -321,7 +325,7 @@ const RatingInfoItem = _ref12 => {
   } = _ref12;
   return /*#__PURE__*/React.createElement(Tooltip, {
     title: tooltipText
-  }, /*#__PURE__*/React.createElement(Text, {
+  }, /*#__PURE__*/React.createElement(Typography, {
     sx: {
       fontSize: "9px",
       fontWeight: "600",
@@ -447,7 +451,7 @@ const ReportedWarning = _ref14 => {
         sx: {
           marginBottom: "20px"
         }
-      }), /*#__PURE__*/React.createElement(Text, {
+      }), /*#__PURE__*/React.createElement(Typography, {
         sx: {
           fontSize: "18px",
           fontWeight: "600",
@@ -469,14 +473,14 @@ const ReportedWarning = _ref14 => {
       sx: {
         marginBottom: "20px"
       }
-    }), /*#__PURE__*/React.createElement(Text, {
+    }), /*#__PURE__*/React.createElement(Typography, {
       sx: {
         fontSize: "18px",
         fontWeight: "600",
         color: "white.override",
         marginBottom: "10px"
       }
-    }, "Hold Up"), /*#__PURE__*/React.createElement(Text, {
+    }, "Hold Up"), /*#__PURE__*/React.createElement(Typography, {
       sx: {
         fontSize: "14px",
         fontWeight: "400",
@@ -726,7 +730,7 @@ const NewBlerp = _ref16 => {
         alignItems: "center",
         justifyContent: "center"
       }
-    }, /*#__PURE__*/React.createElement(LockIcon, null), /*#__PURE__*/React.createElement(Text, null, "Private Blerp"))));
+    }, /*#__PURE__*/React.createElement(LockIcon, null), /*#__PURE__*/React.createElement(Typography, null, "Private Blerp"))));
   }
 
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Box, {
@@ -818,7 +822,7 @@ const NewBlerp = _ref16 => {
     style: {
       textDecoration: "none"
     }
-  }, /*#__PURE__*/React.createElement(Text, {
+  }, /*#__PURE__*/React.createElement(Typography, {
     ref: titleRef,
     sx: {
       fontSize: "16px",
@@ -912,7 +916,7 @@ const NewBlerp = _ref16 => {
     onUsernameClick: onUsernameClick,
     user: bite === null || bite === void 0 ? void 0 : bite.ownerObject,
     collapsed: false
-  }), /*#__PURE__*/React.createElement(Text, {
+  }), /*#__PURE__*/React.createElement(Typography, {
     sx: {
       fontWeight: "300",
       fontSize: "12px",

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 { Button } from './neo-components/Button.js';
+import { Stack } from './neo-components/Stack.js';
+import { Typography } from './neo-components/Text.js';
+import { TextField } from './neo-components/Input.js';
+import { Dropdown } from './Dropdown.js';
+import { Toggle } from './Toggle.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; }
 
@@ -173,7 +178,7 @@ const NewCollectionModal = _ref4 => {
     }
   }, /*#__PURE__*/React.createElement(Icon, {
     path: paths.close
-  })), /*#__PURE__*/React.createElement(Text, {
+  })), /*#__PURE__*/React.createElement(Typography, {
     fontSize: "28px",
     fontWeight: "700",
     fontColor: COLORS.textMain,
@@ -213,7 +218,7 @@ const NewCollectionModal = _ref4 => {
     style: {
       color: COLORS.textMuted
     }
-  }), /*#__PURE__*/React.createElement(Text, {
+  }), /*#__PURE__*/React.createElement(Typography, {
     fontSize: "12px",
     fontColor: COLORS.textMuted,
     sx: {
@@ -225,7 +230,7 @@ const NewCollectionModal = _ref4 => {
       flex: 1,
       width: "100%"
     }
-  }, /*#__PURE__*/React.createElement(Input, {
+  }, /*#__PURE__*/React.createElement(TextField, {
     label: "Name",
     value: titleInput,
     onChange: e => setTitleInput(e.target.value),
@@ -242,7 +247,7 @@ const NewCollectionModal = _ref4 => {
         backgroundColor: COLORS.bgInput
       }
     }
-  }), /*#__PURE__*/React.createElement(Input, {
+  }), /*#__PURE__*/React.createElement(TextField, {
     label: "Description",
     value: descriptionInput,
     onChange: e => setDescriptionInput(e.target.value),
@@ -265,7 +270,7 @@ const NewCollectionModal = _ref4 => {
     spacing: 2,
     justifyContent: "space-between",
     flexWrap: "wrap"
-  }, /*#__PURE__*/React.createElement(Stack, null, /*#__PURE__*/React.createElement(Text, {
+  }, /*#__PURE__*/React.createElement(Stack, null, /*#__PURE__*/React.createElement(Typography, {
     fontSize: "12px",
     fontColor: COLORS.textMuted,
     sx: {
@@ -287,7 +292,7 @@ const NewCollectionModal = _ref4 => {
     }, {
       name: "UNLISTED"
     }]
-  })), isAdmin && /*#__PURE__*/React.createElement(Stack, null, /*#__PURE__*/React.createElement(Text, {
+  })), isAdmin && /*#__PURE__*/React.createElement(Stack, null, /*#__PURE__*/React.createElement(Typography, {
     fontSize: "12px",
     fontColor: COLORS.textMuted,
     sx: {
@@ -296,13 +301,13 @@ const NewCollectionModal = _ref4 => {
   }, "PREMIUM"), /*#__PURE__*/React.createElement(Toggle, {
     checked: collectionToBeEdited === null || collectionToBeEdited === void 0 ? void 0 : collectionToBeEdited.isPremium,
     onClick: () => handleChangePremium(!(collectionToBeEdited !== null && collectionToBeEdited !== void 0 && collectionToBeEdited.isPremium))
-  })), (collectionToBeEdited === null || collectionToBeEdited === void 0 ? void 0 : collectionToBeEdited.isPremium) && /*#__PURE__*/React.createElement(Stack, null, /*#__PURE__*/React.createElement(Text, {
+  })), (collectionToBeEdited === null || collectionToBeEdited === void 0 ? void 0 : collectionToBeEdited.isPremium) && /*#__PURE__*/React.createElement(Stack, null, /*#__PURE__*/React.createElement(Typography, {
     fontSize: "12px",
     fontColor: COLORS.textMuted,
     sx: {
       mb: 1
     }
-  }, "PRICE"), /*#__PURE__*/React.createElement(Input, {
+  }, "PRICE"), /*#__PURE__*/React.createElement(TextField, {
     value: price,
     onChange: e => setPrice(e.target.value),
     size: "small",
@@ -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 };