@blerp/design 1.0.109 → 1.0.112

package/dist/index.cjs.js

@@ -4363,6 +4363,9 @@ var SnackbarProvider = function SnackbarProvider(props) {
       actionButton: actionButton,
       autoHideDuration: autoHideDuration
     });
+    setTimeout(function () {
+      setOpen(false);
+    }, autoHideDuration);
   };
 
   return /*#__PURE__*/React__default['default'].createElement(SnackbarContext.Provider, {
@@ -7411,7 +7414,7 @@ var _templateObject$4, _templateObject2, _templateObject3, _templateObject4, _te
 //primary and secondary action buttons
 
 var YellowHoverBorder = styled__default['default'].div(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteral__default['default'](["\n    position: absolute;\n    height: 105%;\n    width: 105%;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    border: 4px solid rgb(255, 225, 76);\n    border-radius: 20px;\n    transition: opacity 0.3s ease-in-out;\n    /* Opacity should be changed to \"1\" onHover of this component's parent */\n    opacity: 0;\n"])));
-var LineClamp$1 = styled__default['default'].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral__default['default'](["\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n    margin: 5px 0;\n    max-width: 80%;\n"])));
+var LineClamp$1 = styled__default['default'].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral__default['default'](["\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n    margin: 5px 0;\n    max-width: 92%;\n"])));
 var TopPill = styled__default['default'].div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral__default['default'](["\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    height: 32px;\n    width: ", ";\n    position: absolute;\n    top: 8px;\n    left: 8px;\n    border-radius: 20px;\n    overflow: hidden;\n    transition: width 0.3s ease-in-out;\n"])), function (props) {
   return props.isLocked ? props.collectionHovered ? "90%" : "70%" : "45%";
 });
@@ -7807,7 +7810,7 @@ var PremiumCollectionCard = function PremiumCollectionCard(_ref) {
       textDecoration: "none"
     }
   }, /*#__PURE__*/React__default['default'].createElement(LineClamp$1, null, /*#__PURE__*/React__default['default'].createElement(Text, {
-    fontSize: fontSize ? fontSize : "21px",
+    fontSize: fontSize ? fontSize : "22px",
     color: "white.override",
     textAlign: "center",
     sx: {
@@ -7820,7 +7823,7 @@ var PremiumCollectionCard = function PremiumCollectionCard(_ref) {
     sx: {
       zIndex: isLocked ? "1" : "3"
     },
-    fontSize: fontSize ? fontSize : "21px",
+    fontSize: fontSize ? fontSize : "22px",
     color: "white.override",
     textAlign: "center"
   }, collection === null || collection === void 0 ? void 0 : collection.title)), isLocked ? /*#__PURE__*/React__default['default'].createElement(LockedScrim, {
@@ -7916,7 +7919,7 @@ var PremiumCollectionCard = function PremiumCollectionCard(_ref) {
 };
 
 var _templateObject$3;
-var LineClamp = styled__default['default'].div(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral__default['default'](["\n    display: -webkit-box;\n    -webkit-line-clamp: 1;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n    margin: 5px 0;\n    max-width: 80%;\n"]))); //on background click
+var LineClamp = styled__default['default'].div(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral__default['default'](["\n    display: -webkit-box;\n    -webkit-line-clamp: 1;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n    margin: 5px 0;\n    max-width: 92%;\n"]))); //on background click
 //primary and secondary action buttons
 
 var CollectionCard$1 = function CollectionCard(_ref) {
@@ -8203,7 +8206,7 @@ var CollectionCard$1 = function CollectionCard(_ref) {
       fontSize: "35px"
     }
   })), /*#__PURE__*/React__default['default'].createElement(LineClamp, null, /*#__PURE__*/React__default['default'].createElement(Text, {
-    fontSize: fontSize ? fontSize : "24px",
+    fontSize: fontSize ? fontSize : "22px",
     color: "white.override",
     textAlign: "center"
   }, collection === null || collection === void 0 ? void 0 : collection.title))) : /*#__PURE__*/React__default['default'].createElement(Box, {
@@ -8269,7 +8272,7 @@ var CollectionCard$1 = function CollectionCard(_ref) {
       textDecoration: "none"
     }
   }, /*#__PURE__*/React__default['default'].createElement(Text, {
-    fontSize: fontSize ? fontSize : "24px",
+    fontSize: fontSize ? fontSize : "22px",
     color: "white.override",
     textAlign: "center",
     sx: {
@@ -8278,7 +8281,7 @@ var CollectionCard$1 = function CollectionCard(_ref) {
       }
     }
   }, collection === null || collection === void 0 ? void 0 : collection.title)) : /*#__PURE__*/React__default['default'].createElement(Text, {
-    fontSize: fontSize ? fontSize : "24px",
+    fontSize: fontSize ? fontSize : "22px",
     color: "white.override",
     textAlign: "center"
   }, collection === null || collection === void 0 ? void 0 : collection.title)))) : /*#__PURE__*/React__default['default'].createElement(Box, {
@@ -90046,6 +90049,7 @@ var Pagination = material.Pagination;
 var SpeedDial = material.SpeedDial;
 var Stepper = material.Stepper;
 var Tabs = material.Tabs;
+var Tab = material.Tab;
 var Accordion = material.Accordion;
 var AppBar = material.AppBar;
 var Card = material.Card;
@@ -90401,6 +90405,7 @@ exports.SpeedDial = SpeedDial;
 exports.Stack = Stack;
 exports.Stepper = Stepper;
 exports.Switch = Switch;
+exports.Tab = Tab;
 exports.Table = Table;
 exports.Tabs = Tabs;
 exports.Text = Text;

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import { SvgIcon, InputAdornment as InputAdornment$1, Box as Box$1, Container as Container$1, Grid as Grid$1, Stack as Stack$1, ImageList as ImageList$1, Autocomplete as Autocomplete$1, Button as Button$1, ButtonGroup as ButtonGroup$1, Checkbox as Checkbox$1, Fab, Radio, Rating as Rating$1, Select as Select$1, Slider as Slider$3, Switch as Switch$2, TextField, BottomNavigation as BottomNavigation$1, Breadcrumbs as Breadcrumbs$1, Drawer as Drawer$1, Link as Link$1, Menu as Menu$1, Pagination as Pagination$1, SpeedDial as SpeedDial$1, Stepper as Stepper$1, Tabs as Tabs$1, Accordion as Accordion$1, AppBar as AppBar$1, Card as Card$1, Paper as Paper$1, Alert as Alert$1, Backdrop as Backdrop$1, Dialog as Dialog$1, LinearProgress as LinearProgress$1, Skeleton as Skeleton$1, Snackbar as Snackbar$1, Avatar as Avatar$1, Badge as Badge$1, Chip as Chip$1, Divider as Divider$1, List as List$1, Table as Table$1, Tooltip as Tooltip$1, Toolbar as Toolbar$1, Typography, Modal as Modal$1, Popover as Popover$1, IconButton as IconButton$1, MenuItem as MenuItem$1 } from '@mui/material';
+import { SvgIcon, InputAdornment as InputAdornment$1, Box as Box$1, Container as Container$1, Grid as Grid$1, Stack as Stack$1, ImageList as ImageList$1, Autocomplete as Autocomplete$1, Button as Button$1, ButtonGroup as ButtonGroup$1, Checkbox as Checkbox$1, Fab, Radio, Rating as Rating$1, Select as Select$1, Slider as Slider$3, Switch as Switch$2, TextField, BottomNavigation as BottomNavigation$1, Breadcrumbs as Breadcrumbs$1, Drawer as Drawer$1, Link as Link$1, Menu as Menu$1, Pagination as Pagination$1, SpeedDial as SpeedDial$1, Stepper as Stepper$1, Tabs as Tabs$1, Tab as Tab$1, Accordion as Accordion$1, AppBar as AppBar$1, Card as Card$1, Paper as Paper$1, Alert as Alert$1, Backdrop as Backdrop$1, Dialog as Dialog$1, LinearProgress as LinearProgress$1, Skeleton as Skeleton$1, Snackbar as Snackbar$1, Avatar as Avatar$1, Badge as Badge$1, Chip as Chip$1, Divider as Divider$1, List as List$1, Table as Table$1, Tooltip as Tooltip$1, Toolbar as Toolbar$1, Typography, Modal as Modal$1, Popover as Popover$1, IconButton as IconButton$1, MenuItem as MenuItem$1 } from '@mui/material';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import PropTypes from 'prop-types';
 import * as React from 'react';
@@ -4294,6 +4294,9 @@ var SnackbarProvider = function SnackbarProvider(props) {
       actionButton: actionButton,
       autoHideDuration: autoHideDuration
     });
+    setTimeout(function () {
+      setOpen(false);
+    }, autoHideDuration);
   };
 
   return /*#__PURE__*/React__default.createElement(SnackbarContext.Provider, {
@@ -7342,7 +7345,7 @@ var _templateObject$4, _templateObject2, _templateObject3, _templateObject4, _te
 //primary and secondary action buttons
 
 var YellowHoverBorder = styled.div(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteral(["\n    position: absolute;\n    height: 105%;\n    width: 105%;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    border: 4px solid rgb(255, 225, 76);\n    border-radius: 20px;\n    transition: opacity 0.3s ease-in-out;\n    /* Opacity should be changed to \"1\" onHover of this component's parent */\n    opacity: 0;\n"])));
-var LineClamp$1 = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n    margin: 5px 0;\n    max-width: 80%;\n"])));
+var LineClamp$1 = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n    margin: 5px 0;\n    max-width: 92%;\n"])));
 var TopPill = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    height: 32px;\n    width: ", ";\n    position: absolute;\n    top: 8px;\n    left: 8px;\n    border-radius: 20px;\n    overflow: hidden;\n    transition: width 0.3s ease-in-out;\n"])), function (props) {
   return props.isLocked ? props.collectionHovered ? "90%" : "70%" : "45%";
 });
@@ -7738,7 +7741,7 @@ var PremiumCollectionCard = function PremiumCollectionCard(_ref) {
       textDecoration: "none"
     }
   }, /*#__PURE__*/React__default.createElement(LineClamp$1, null, /*#__PURE__*/React__default.createElement(Text, {
-    fontSize: fontSize ? fontSize : "21px",
+    fontSize: fontSize ? fontSize : "22px",
     color: "white.override",
     textAlign: "center",
     sx: {
@@ -7751,7 +7754,7 @@ var PremiumCollectionCard = function PremiumCollectionCard(_ref) {
     sx: {
       zIndex: isLocked ? "1" : "3"
     },
-    fontSize: fontSize ? fontSize : "21px",
+    fontSize: fontSize ? fontSize : "22px",
     color: "white.override",
     textAlign: "center"
   }, collection === null || collection === void 0 ? void 0 : collection.title)), isLocked ? /*#__PURE__*/React__default.createElement(LockedScrim, {
@@ -7847,7 +7850,7 @@ var PremiumCollectionCard = function PremiumCollectionCard(_ref) {
 };
 
 var _templateObject$3;
-var LineClamp = styled.div(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral(["\n    display: -webkit-box;\n    -webkit-line-clamp: 1;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n    margin: 5px 0;\n    max-width: 80%;\n"]))); //on background click
+var LineClamp = styled.div(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral(["\n    display: -webkit-box;\n    -webkit-line-clamp: 1;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n    margin: 5px 0;\n    max-width: 92%;\n"]))); //on background click
 //primary and secondary action buttons
 
 var CollectionCard$1 = function CollectionCard(_ref) {
@@ -8134,7 +8137,7 @@ var CollectionCard$1 = function CollectionCard(_ref) {
       fontSize: "35px"
     }
   })), /*#__PURE__*/React__default.createElement(LineClamp, null, /*#__PURE__*/React__default.createElement(Text, {
-    fontSize: fontSize ? fontSize : "24px",
+    fontSize: fontSize ? fontSize : "22px",
     color: "white.override",
     textAlign: "center"
   }, collection === null || collection === void 0 ? void 0 : collection.title))) : /*#__PURE__*/React__default.createElement(Box, {
@@ -8200,7 +8203,7 @@ var CollectionCard$1 = function CollectionCard(_ref) {
       textDecoration: "none"
     }
   }, /*#__PURE__*/React__default.createElement(Text, {
-    fontSize: fontSize ? fontSize : "24px",
+    fontSize: fontSize ? fontSize : "22px",
     color: "white.override",
     textAlign: "center",
     sx: {
@@ -8209,7 +8212,7 @@ var CollectionCard$1 = function CollectionCard(_ref) {
       }
     }
   }, collection === null || collection === void 0 ? void 0 : collection.title)) : /*#__PURE__*/React__default.createElement(Text, {
-    fontSize: fontSize ? fontSize : "24px",
+    fontSize: fontSize ? fontSize : "22px",
     color: "white.override",
     textAlign: "center"
   }, collection === null || collection === void 0 ? void 0 : collection.title)))) : /*#__PURE__*/React__default.createElement(Box, {
@@ -89977,6 +89980,7 @@ var Pagination = Pagination$1;
 var SpeedDial = SpeedDial$1;
 var Stepper = Stepper$1;
 var Tabs = Tabs$1;
+var Tab = Tab$1;
 var Accordion = Accordion$1;
 var AppBar = AppBar$1;
 var Card = Card$1;
@@ -90249,4 +90253,4 @@ var Themes = {
 // };
 // export default returnLibrary();
 
-export { Accordion, Alert, AppBar, Autocomplete, Avatar, Backdrop, Badge, Blerp, BlerpCardIcon, BlerpCoinsIcon, BlerpListView, BlerpListViewPremium, BlerpListViewSkeleton, BlerpSkeleton, BlerpyIcon, BookmarkAddRounded, BottomNavigation, Box, Breadcrumbs, BroomIcon, Button, ButtonGroup, Card, ChannelPointsIcon, Checkbox, CheckoutModal, Chip, ClockIcon, CogIcon, CollectionCard, CollectionListViewPremium, CollectionSkeleton, Container, CrownIcon, Dialog, DiamondIcon, DiscordIcon, Divider, Drawer, Dropdown, FloatingActionButton, GiftIcon, Grid, IconButton, ImageList, Input, InputAdornment, LightbulbIcon, LinearProgress, Link, List, Menu, MenuItem, Modal, NewCollectionModal, NewDiscordIcon, OpenLockIcon, Pagination, Paper, PlayOutlineIcon, PlaySolidIcon, PointerFingerIcon, Popover, PremiumBlerpCheckoutModal, PremiumCollectionCheckoutModal, PremiumSubscriptionCheckoutModal, PresentGiftIcon, RadarDishIcon, RadioButton, Rating, ReactionButtons, Select, ShortcutIcon, Skeleton, Slider, Snackbar, SnackbarContext, SnackbarProvider, SparkleGiftIcon, SpeedDial, Stack, Stepper, Switch, Table, Tabs, Text, Theme, Themes, TikTokIcon, Toggle, Toolbar, Tooltip, TwitchBitIcon, TwitchIcon, UnsafeIcon, UserLibraryHeader, UserProfileHeader, WalkonIcon, WindowsIcon, darkThemeV1, lightThemeV1, mainTheme };
+export { Accordion, Alert, AppBar, Autocomplete, Avatar, Backdrop, Badge, Blerp, BlerpCardIcon, BlerpCoinsIcon, BlerpListView, BlerpListViewPremium, BlerpListViewSkeleton, BlerpSkeleton, BlerpyIcon, BookmarkAddRounded, BottomNavigation, Box, Breadcrumbs, BroomIcon, Button, ButtonGroup, Card, ChannelPointsIcon, Checkbox, CheckoutModal, Chip, ClockIcon, CogIcon, CollectionCard, CollectionListViewPremium, CollectionSkeleton, Container, CrownIcon, Dialog, DiamondIcon, DiscordIcon, Divider, Drawer, Dropdown, FloatingActionButton, GiftIcon, Grid, IconButton, ImageList, Input, InputAdornment, LightbulbIcon, LinearProgress, Link, List, Menu, MenuItem, Modal, NewCollectionModal, NewDiscordIcon, OpenLockIcon, Pagination, Paper, PlayOutlineIcon, PlaySolidIcon, PointerFingerIcon, Popover, PremiumBlerpCheckoutModal, PremiumCollectionCheckoutModal, PremiumSubscriptionCheckoutModal, PresentGiftIcon, RadarDishIcon, RadioButton, Rating, ReactionButtons, Select, ShortcutIcon, Skeleton, Slider, Snackbar, SnackbarContext, SnackbarProvider, SparkleGiftIcon, SpeedDial, Stack, Stepper, Switch, Tab, Table, Tabs, Text, Theme, Themes, TikTokIcon, Toggle, Toolbar, Tooltip, TwitchBitIcon, TwitchIcon, UnsafeIcon, UserLibraryHeader, UserProfileHeader, WalkonIcon, WindowsIcon, darkThemeV1, lightThemeV1, mainTheme };

package/dist/index.umd.js

@@ -4315,6 +4315,9 @@
           actionButton: actionButton,
           autoHideDuration: autoHideDuration
         });
+        setTimeout(function () {
+          setOpen(false);
+        }, autoHideDuration);
       };
 
       return /*#__PURE__*/React__default['default'].createElement(SnackbarContext.Provider, {
@@ -7363,7 +7366,7 @@
     //primary and secondary action buttons
 
     var YellowHoverBorder = styled__default['default'].div(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteral__default['default'](["\n    position: absolute;\n    height: 105%;\n    width: 105%;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    border: 4px solid rgb(255, 225, 76);\n    border-radius: 20px;\n    transition: opacity 0.3s ease-in-out;\n    /* Opacity should be changed to \"1\" onHover of this component's parent */\n    opacity: 0;\n"])));
-    var LineClamp$1 = styled__default['default'].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral__default['default'](["\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n    margin: 5px 0;\n    max-width: 80%;\n"])));
+    var LineClamp$1 = styled__default['default'].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral__default['default'](["\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n    margin: 5px 0;\n    max-width: 92%;\n"])));
     var TopPill = styled__default['default'].div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral__default['default'](["\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    height: 32px;\n    width: ", ";\n    position: absolute;\n    top: 8px;\n    left: 8px;\n    border-radius: 20px;\n    overflow: hidden;\n    transition: width 0.3s ease-in-out;\n"])), function (props) {
       return props.isLocked ? props.collectionHovered ? "90%" : "70%" : "45%";
     });
@@ -7759,7 +7762,7 @@
           textDecoration: "none"
         }
       }, /*#__PURE__*/React__default['default'].createElement(LineClamp$1, null, /*#__PURE__*/React__default['default'].createElement(Text, {
-        fontSize: fontSize ? fontSize : "21px",
+        fontSize: fontSize ? fontSize : "22px",
         color: "white.override",
         textAlign: "center",
         sx: {
@@ -7772,7 +7775,7 @@
         sx: {
           zIndex: isLocked ? "1" : "3"
         },
-        fontSize: fontSize ? fontSize : "21px",
+        fontSize: fontSize ? fontSize : "22px",
         color: "white.override",
         textAlign: "center"
       }, collection === null || collection === void 0 ? void 0 : collection.title)), isLocked ? /*#__PURE__*/React__default['default'].createElement(LockedScrim, {
@@ -7868,7 +7871,7 @@
     };
 
     var _templateObject$3;
-    var LineClamp = styled__default['default'].div(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral__default['default'](["\n    display: -webkit-box;\n    -webkit-line-clamp: 1;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n    margin: 5px 0;\n    max-width: 80%;\n"]))); //on background click
+    var LineClamp = styled__default['default'].div(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral__default['default'](["\n    display: -webkit-box;\n    -webkit-line-clamp: 1;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n    margin: 5px 0;\n    max-width: 92%;\n"]))); //on background click
     //primary and secondary action buttons
 
     var CollectionCard$1 = function CollectionCard(_ref) {
@@ -8155,7 +8158,7 @@
           fontSize: "35px"
         }
       })), /*#__PURE__*/React__default['default'].createElement(LineClamp, null, /*#__PURE__*/React__default['default'].createElement(Text, {
-        fontSize: fontSize ? fontSize : "24px",
+        fontSize: fontSize ? fontSize : "22px",
         color: "white.override",
         textAlign: "center"
       }, collection === null || collection === void 0 ? void 0 : collection.title))) : /*#__PURE__*/React__default['default'].createElement(Box, {
@@ -8221,7 +8224,7 @@
           textDecoration: "none"
         }
       }, /*#__PURE__*/React__default['default'].createElement(Text, {
-        fontSize: fontSize ? fontSize : "24px",
+        fontSize: fontSize ? fontSize : "22px",
         color: "white.override",
         textAlign: "center",
         sx: {
@@ -8230,7 +8233,7 @@
           }
         }
       }, collection === null || collection === void 0 ? void 0 : collection.title)) : /*#__PURE__*/React__default['default'].createElement(Text, {
-        fontSize: fontSize ? fontSize : "24px",
+        fontSize: fontSize ? fontSize : "22px",
         color: "white.override",
         textAlign: "center"
       }, collection === null || collection === void 0 ? void 0 : collection.title)))) : /*#__PURE__*/React__default['default'].createElement(Box, {
@@ -89998,6 +90001,7 @@
     var SpeedDial = material.SpeedDial;
     var Stepper = material.Stepper;
     var Tabs = material.Tabs;
+    var Tab = material.Tab;
     var Accordion = material.Accordion;
     var AppBar = material.AppBar;
     var Card = material.Card;
@@ -90353,6 +90357,7 @@
     exports.Stack = Stack;
     exports.Stepper = Stepper;
     exports.Switch = Switch;
+    exports.Tab = Tab;
     exports.Table = Table;
     exports.Tabs = Tabs;
     exports.Text = Text;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@blerp/design",
-    "version": "1.0.109",
+    "version": "1.0.112",
     "description": "Blerp UI",
     "main": "dist/index.cjs.js",
     "scripts": {