@manuscripts/style-guide 3.5.27 → 3.5.29

package/README.md

@@ -7,7 +7,7 @@ React components for Manuscripts applications.
 ```tsx
 import { PrimaryButton } from '@manuscripts/style-guide'
 
-const Example: React.FunctionComponent<{
+const Example: React.FunctionComponent<{ 
   handleClick: React.MouseEventHandler<HTMLButtonElement> 
 }> = ({ handleClick }) => (
   <div>

package/dist/cjs/components/StyledModal.js

@@ -33,14 +33,14 @@ var __importStar = (this && this.__importStar) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ModalTitle = exports.ModalCardBody = exports.ScrollableModalContent = exports.ModelContent = exports.ModalSidebarTitle = exports.ModalSidebarHeader = exports.ModalSidebar = exports.ModalBody = exports.CloseButton = exports.ModalHeader = exports.ModalContainer = exports.StyledModal = void 0;
+exports.ModalTitle = exports.ModalCardBody = exports.ScrollableModalContent = exports.ModelContent = exports.ModalSidebarTitle = exports.ModalSidebarHeader = exports.ModalSidebar = exports.ModalBody = exports.CloseButton = exports.ModalHeader = exports.ModalContainer = exports.StyledModal = exports.StyledModalContent = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const react_dom_1 = require("react-dom");
 const styled_components_1 = __importStar(require("styled-components"));
 const Button_1 = require("./Button");
 const Sidebar_1 = require("./Sidebar");
-const StyledModal = ({ isOpen, onRequestClose, shouldCloseOnOverlayClick = true, hideOverlay = false, pointerEventsOnBackdrop, children, className, style, }) => {
+const StyledModalContent = ({ isOpen, onRequestClose, shouldCloseOnOverlayClick = true, hideOverlay = false, pointerEventsOnBackdrop, children, className, style, }) => {
     const dialogRef = (0, react_1.useRef)(null);
     const closedByCancelRef = (0, react_1.useRef)(false);
     (0, react_1.useEffect)(() => {
@@ -49,7 +49,12 @@ const StyledModal = ({ isOpen, onRequestClose, shouldCloseOnOverlayClick = true,
             return;
         }
         if (isOpen && !dialog.open) {
-            dialog.showModal();
+            if (hideOverlay) {
+                dialog.show();
+            }
+            else {
+                dialog.showModal();
+            }
         }
         else if (!isOpen && dialog.open) {
             dialog.close();
@@ -87,7 +92,14 @@ const StyledModal = ({ isOpen, onRequestClose, shouldCloseOnOverlayClick = true,
             onRequestClose?.();
         }
     };
-    return (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(Dialog, { ref: dialogRef, onClick: handleBackdropClick, "$hideOverlay": hideOverlay, "$pointerEventsOnBackdrop": pointerEventsOnBackdrop, className: className ? `Modal ${className}` : 'Modal', style: style?.content, children: children }), document.body);
+    return ((0, jsx_runtime_1.jsx)(Dialog, { ref: dialogRef, onClick: e => {
+            e.stopPropagation();
+            handleBackdropClick(e);
+        }, "$hideOverlay": hideOverlay, "$pointerEventsOnBackdrop": pointerEventsOnBackdrop, className: className ? `Modal ${className}` : 'Modal', style: style?.content, children: children }));
+};
+exports.StyledModalContent = StyledModalContent;
+const StyledModal = (props) => {
+    return (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(exports.StyledModalContent, { ...props }), document.body);
 };
 exports.StyledModal = StyledModal;
 const Dialog = styled_components_1.default.dialog `
@@ -97,6 +109,7 @@ const Dialog = styled_components_1.default.dialog `
   outline: none;
   padding: 0;
   overflow: visible;
+  z-index: 100;
   opacity: 1;
   transition:
     opacity 0.5s ease-in-out,

package/dist/cjs/components/icons/index.js

@@ -20,7 +20,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FileUnknownIcon = exports.FileTableIcon = exports.FilePdfIcon = exports.FileMainDocumentIcon = exports.FileLatexIcon = exports.FileImageIcon = exports.FileGraphicalAbstractIcon = exports.FileFigureIcon = exports.FileDocumentIcon = exports.FileCorruptedIcon = exports.FileCompressedIcon = exports.FileCodeIcon = exports.FileAudioIcon = exports.EditAttrsTrackingIcon = exports.EditIcon = exports.DraggableIcon = exports.DotsIcon = exports.DeleteIcon = exports.DeleteSolidIcon = exports.CorrespondingAuthorIcon = exports.CommentIcon = exports.CommentResolveIcon = exports.CommentReplyIcon = exports.CitationCountIcon = exports.SystemUserAvatarIcon = exports.ChatIcon = exports.CalendarIcon = exports.BookIcon = exports.AffiliationPlaceholderIcon = exports.AuthorPlaceholderIcon = exports.AffiliationIcon = exports.AlertIcon = exports.AvatarIcon = exports.AttentionRedIcon = exports.AttentionOrangeIcon = exports.AttentionGreenIcon = exports.AttentionBlueIcon = exports.AttachIcon = exports.ArrowUpIcon = exports.ArrowLeftIcon = exports.ArrowDownCircleIcon = exports.ArrowDownIcon = exports.AddRoleIcon = exports.AddIcon = exports.AddOutlineIcon = exports.AddNewIcon = exports.AddedIcon = exports.AddFigureIcon = exports.AddCommentIcon = exports.AddAuthorIcon = void 0;
 exports.ToolbarOrderedListIcon = exports.ToolbarItalicIcon = exports.ToolbarFigureIcon = exports.ToolbarEquationIcon = exports.ToolbarCodeIcon = exports.ToolbarCitationIcon = exports.ToolbarBoxedTextIcon = exports.ToolbarBoldIcon = exports.TickIcon = exports.TaskStepDoneIcon = exports.SupplementsIcon = exports.SliderOnIcon = exports.SliderOffIcon = exports.SectionCategoryIcon = exports.SearchIcon = exports.ScrollIcon = exports.SaveStatusErrorIcon = exports.SaveStatusSavingIcon = exports.SaveStatusSavedIcon = exports.SaveStatusOfflineIcon = exports.RoleReadingIcon = exports.RoleAnnotatingIcon = exports.PlusIcon = exports.ORCIDIcon = exports.OutlineUnorderedListIcon = exports.OutlineTableIcon = exports.OutlineSectionIcon = exports.OutlinePullQuoteIcon = exports.OutlineParagraphIcon = exports.OutlineOrderedListIcon = exports.OutlineManuscriptIcon = exports.OutlineFigureIcon = exports.OutlineEmbedIcon = exports.OutlineEquationIcon = exports.OutlineCodeIcon = exports.OutlineBlockQuoteIcon = exports.ManuscriptIcon = exports.LogoutIcon = exports.LockIcon = exports.LinkIcon = exports.InspectorPluginIcon = exports.InfoCircleIcon = exports.ImageRightIcon = exports.ImageDefaultIcon = exports.ImageLeftIcon = exports.HelpIcon = exports.GlobeIcon = exports.HandleOutlineIcon = exports.HandleInspectorIcon = exports.FileVideoIcon = void 0;
-exports.PencilIcon = exports.EyeIcon = exports.XIcon = exports.DangerIcon = exports.AddInstitutionIcon = exports.AddUserIcon = exports.ProfileIcon = exports.CrclTickAnimation = exports.VerticalEllipsisIcon = exports.UploadIcon = exports.TriangleExpandedIcon = exports.TriangleCollapsedIcon = exports.TranslateIcon = exports.ToolbarUnindentIcon = exports.ToolbarIndentIcon = exports.ToolbarUnorderedListIcon = exports.ToolbarUnderlineIcon = exports.ToolbarTableIcon = exports.ToolbarSymbolIcon = exports.ToolbarSuperscriptIcon = exports.ToolbarSubscriptIcon = exports.ToolbarSpecialCharactersIcon = void 0;
+exports.PencilIcon = exports.NotificationsIcon = exports.EyeIcon = exports.XIcon = exports.DangerIcon = exports.AddInstitutionIcon = exports.AddUserIcon = exports.ProfileIcon = exports.CrclTickAnimation = exports.VerticalEllipsisIcon = exports.UploadIcon = exports.TriangleExpandedIcon = exports.TriangleCollapsedIcon = exports.TranslateIcon = exports.ToolbarUnindentIcon = exports.ToolbarIndentIcon = exports.ToolbarUnorderedListIcon = exports.ToolbarUnderlineIcon = exports.ToolbarTableIcon = exports.ToolbarSymbolIcon = exports.ToolbarSuperscriptIcon = exports.ToolbarSubscriptIcon = exports.ToolbarSpecialCharactersIcon = void 0;
 var add_author_1 = require("./add-author");
 Object.defineProperty(exports, "AddAuthorIcon", { enumerable: true, get: function () { return __importDefault(add_author_1).default; } });
 var add_comment_1 = require("./add-comment");
@@ -263,5 +263,7 @@ var x_1 = require("./x");
 Object.defineProperty(exports, "XIcon", { enumerable: true, get: function () { return __importDefault(x_1).default; } });
 var eye_icon_1 = require("./eye-icon");
 Object.defineProperty(exports, "EyeIcon", { enumerable: true, get: function () { return __importDefault(eye_icon_1).default; } });
+var notifications_1 = require("./notifications");
+Object.defineProperty(exports, "NotificationsIcon", { enumerable: true, get: function () { return __importDefault(notifications_1).default; } });
 var pencil_icon_1 = require("./pencil-icon");
 Object.defineProperty(exports, "PencilIcon", { enumerable: true, get: function () { return __importDefault(pencil_icon_1).default; } });

package/dist/cjs/components/icons/notifications.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const NotificationsIcon = (props) => ((0, jsx_runtime_1.jsxs)("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", color: "#6E6E6E", xmlns: "http://www.w3.org/2000/svg", ...props, children: [(0, jsx_runtime_1.jsx)("path", { d: "M28.5761 26.3435L26.4001 22.7529C25.3973 21.0976 24.8667 19.1994 24.866 17.264V14.1176C24.866 9.2753 20.8876 5.33365 16.0001 5.33365C11.1126 5.33365 7.13422 9.2753 7.13422 14.1176V17.264C7.13422 19.1972 6.60339 21.0946 5.6001 22.7529L3.4241 26.3435C3.36648 26.4383 3.33522 26.5467 3.33357 26.6575C3.33191 26.7684 3.35992 26.8777 3.41469 26.9741C3.52763 27.1718 3.73939 27.2941 3.96716 27.2941H28.033C28.2608 27.2941 28.4726 27.1718 28.5855 26.9741C28.6403 26.8777 28.6683 26.7684 28.6666 26.6575C28.665 26.5467 28.6337 26.4383 28.5761 26.3435ZM5.08527 26.0395L6.68527 23.3976C7.80654 21.5482 8.39962 19.4268 8.4001 17.264V14.1176C8.4001 9.96518 11.809 6.58824 16.0001 6.58824C20.1912 6.58824 23.6001 9.96518 23.6001 14.1176V17.264C23.6001 19.4249 24.193 21.5454 25.313 23.3976L26.9149 26.0395H5.08527Z", fill: "currentColor" }), (0, jsx_runtime_1.jsx)("path", { d: "M16.0001 0.941177C14.6034 0.941177 13.4664 2.06682 13.4664 3.4513V5.96047C13.4668 6.04328 13.4835 6.12521 13.5155 6.20157C13.5475 6.27794 13.5943 6.34725 13.6531 6.40554C13.7119 6.46383 13.7817 6.50997 13.8583 6.54132C13.9349 6.57266 14.017 6.58861 14.0998 6.58824C14.1826 6.58861 14.2647 6.57266 14.3414 6.54132C14.418 6.50997 14.4877 6.46383 14.5466 6.40554C14.6054 6.34725 14.6521 6.27794 14.6842 6.20157C14.7162 6.12521 14.7329 6.04328 14.7332 5.96047V3.4513C14.734 3.28567 14.7673 3.12182 14.8314 2.96909C14.8955 2.81636 14.989 2.67775 15.1066 2.56116C15.2243 2.44457 15.3637 2.3523 15.517 2.2896C15.6703 2.22691 15.8344 2.19502 16.0001 2.19577C16.1657 2.19502 16.3298 2.22691 16.4831 2.2896C16.6364 2.3523 16.7759 2.44457 16.8935 2.56116C17.0111 2.67775 17.1047 2.81636 17.1687 2.96909C17.2328 3.12182 17.2661 3.28567 17.2669 3.4513V5.96047C17.2673 6.04328 17.2839 6.12521 17.316 6.20157C17.348 6.27794 17.3948 6.34725 17.4536 6.40554C17.5124 6.46383 17.5821 6.50997 17.6588 6.54132C17.7354 6.57266 17.8175 6.58861 17.9003 6.58824C17.9831 6.58861 18.0652 6.57266 18.1418 6.54132C18.2185 6.50997 18.2882 6.46383 18.347 6.40554C18.4058 6.34725 18.4526 6.27794 18.4846 6.20157C18.5167 6.12521 18.5333 6.04328 18.5337 5.96047V3.4513C18.5337 2.06682 17.3968 0.941177 16.0001 0.941177ZM18.7408 26.3492C18.6541 26.2059 18.5148 26.1022 18.3527 26.0601C18.1905 26.0181 18.0184 26.0411 17.873 26.1242C17.8013 26.1655 17.7385 26.2206 17.6883 26.2863C17.638 26.3521 17.6013 26.4271 17.5803 26.5072C17.5593 26.5872 17.5544 26.6706 17.5658 26.7525C17.5773 26.8344 17.6049 26.9133 17.6471 26.9845C17.8109 27.2612 17.9012 27.5944 17.9012 27.9219C17.9012 28.9591 17.0485 29.8042 16.001 29.8042C15.4998 29.8057 15.0184 29.6084 14.6623 29.2556C14.3063 28.9027 14.1047 28.4231 14.1017 27.9219C14.1017 27.5944 14.1911 27.2612 14.3558 26.9845C14.3978 26.9132 14.4252 26.8344 14.4365 26.7525C14.4479 26.6706 14.4429 26.5873 14.4219 26.5074C14.4009 26.4274 14.3643 26.3524 14.3142 26.2866C14.2641 26.2209 14.2015 26.1657 14.1299 26.1242C13.9846 26.0403 13.8121 26.0169 13.6496 26.059C13.4871 26.101 13.3476 26.2053 13.2612 26.3492C12.9807 26.8255 12.8328 27.3682 12.833 27.9209C12.833 29.6527 14.2542 31.0588 16.0001 31.0588C17.7469 31.0588 19.1662 29.6518 19.169 27.9219C19.169 27.3666 19.0212 26.8235 18.7408 26.3492Z", fill: "currentColor" })] }));
+exports.default = NotificationsIcon;

package/dist/es/components/StyledModal.js

@@ -4,7 +4,7 @@ import { createPortal } from 'react-dom';
 import styled, { css } from 'styled-components';
 import { RoundIconButton } from './Button';
 import { SidebarStyles } from './Sidebar';
-export const StyledModal = ({ isOpen, onRequestClose, shouldCloseOnOverlayClick = true, hideOverlay = false, pointerEventsOnBackdrop, children, className, style, }) => {
+export const StyledModalContent = ({ isOpen, onRequestClose, shouldCloseOnOverlayClick = true, hideOverlay = false, pointerEventsOnBackdrop, children, className, style, }) => {
     const dialogRef = useRef(null);
     const closedByCancelRef = useRef(false);
     useEffect(() => {
@@ -13,7 +13,12 @@ export const StyledModal = ({ isOpen, onRequestClose, shouldCloseOnOverlayClick
             return;
         }
         if (isOpen && !dialog.open) {
-            dialog.showModal();
+            if (hideOverlay) {
+                dialog.show();
+            }
+            else {
+                dialog.showModal();
+            }
         }
         else if (!isOpen && dialog.open) {
             dialog.close();
@@ -51,7 +56,13 @@ export const StyledModal = ({ isOpen, onRequestClose, shouldCloseOnOverlayClick
             onRequestClose?.();
         }
     };
-    return createPortal(_jsx(Dialog, { ref: dialogRef, onClick: handleBackdropClick, "$hideOverlay": hideOverlay, "$pointerEventsOnBackdrop": pointerEventsOnBackdrop, className: className ? `Modal ${className}` : 'Modal', style: style?.content, children: children }), document.body);
+    return (_jsx(Dialog, { ref: dialogRef, onClick: e => {
+            e.stopPropagation();
+            handleBackdropClick(e);
+        }, "$hideOverlay": hideOverlay, "$pointerEventsOnBackdrop": pointerEventsOnBackdrop, className: className ? `Modal ${className}` : 'Modal', style: style?.content, children: children }));
+};
+export const StyledModal = (props) => {
+    return createPortal(_jsx(StyledModalContent, { ...props }), document.body);
 };
 const Dialog = styled.dialog `
   background: transparent;
@@ -60,6 +71,7 @@ const Dialog = styled.dialog `
   outline: none;
   padding: 0;
   overflow: visible;
+  z-index: 100;
   opacity: 1;
   transition:
     opacity 0.5s ease-in-out,

package/dist/es/components/icons/index.js

@@ -134,4 +134,5 @@ export { default as AddInstitutionIcon } from './add-institution';
 export { default as DangerIcon } from './danger';
 export { default as XIcon } from './x';
 export { default as EyeIcon } from './eye-icon';
+export { default as NotificationsIcon } from './notifications';
 export { default as PencilIcon } from './pencil-icon';

package/dist/es/components/icons/notifications.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const NotificationsIcon = (props) => (_jsxs("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", color: "#6E6E6E", xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("path", { d: "M28.5761 26.3435L26.4001 22.7529C25.3973 21.0976 24.8667 19.1994 24.866 17.264V14.1176C24.866 9.2753 20.8876 5.33365 16.0001 5.33365C11.1126 5.33365 7.13422 9.2753 7.13422 14.1176V17.264C7.13422 19.1972 6.60339 21.0946 5.6001 22.7529L3.4241 26.3435C3.36648 26.4383 3.33522 26.5467 3.33357 26.6575C3.33191 26.7684 3.35992 26.8777 3.41469 26.9741C3.52763 27.1718 3.73939 27.2941 3.96716 27.2941H28.033C28.2608 27.2941 28.4726 27.1718 28.5855 26.9741C28.6403 26.8777 28.6683 26.7684 28.6666 26.6575C28.665 26.5467 28.6337 26.4383 28.5761 26.3435ZM5.08527 26.0395L6.68527 23.3976C7.80654 21.5482 8.39962 19.4268 8.4001 17.264V14.1176C8.4001 9.96518 11.809 6.58824 16.0001 6.58824C20.1912 6.58824 23.6001 9.96518 23.6001 14.1176V17.264C23.6001 19.4249 24.193 21.5454 25.313 23.3976L26.9149 26.0395H5.08527Z", fill: "currentColor" }), _jsx("path", { d: "M16.0001 0.941177C14.6034 0.941177 13.4664 2.06682 13.4664 3.4513V5.96047C13.4668 6.04328 13.4835 6.12521 13.5155 6.20157C13.5475 6.27794 13.5943 6.34725 13.6531 6.40554C13.7119 6.46383 13.7817 6.50997 13.8583 6.54132C13.9349 6.57266 14.017 6.58861 14.0998 6.58824C14.1826 6.58861 14.2647 6.57266 14.3414 6.54132C14.418 6.50997 14.4877 6.46383 14.5466 6.40554C14.6054 6.34725 14.6521 6.27794 14.6842 6.20157C14.7162 6.12521 14.7329 6.04328 14.7332 5.96047V3.4513C14.734 3.28567 14.7673 3.12182 14.8314 2.96909C14.8955 2.81636 14.989 2.67775 15.1066 2.56116C15.2243 2.44457 15.3637 2.3523 15.517 2.2896C15.6703 2.22691 15.8344 2.19502 16.0001 2.19577C16.1657 2.19502 16.3298 2.22691 16.4831 2.2896C16.6364 2.3523 16.7759 2.44457 16.8935 2.56116C17.0111 2.67775 17.1047 2.81636 17.1687 2.96909C17.2328 3.12182 17.2661 3.28567 17.2669 3.4513V5.96047C17.2673 6.04328 17.2839 6.12521 17.316 6.20157C17.348 6.27794 17.3948 6.34725 17.4536 6.40554C17.5124 6.46383 17.5821 6.50997 17.6588 6.54132C17.7354 6.57266 17.8175 6.58861 17.9003 6.58824C17.9831 6.58861 18.0652 6.57266 18.1418 6.54132C18.2185 6.50997 18.2882 6.46383 18.347 6.40554C18.4058 6.34725 18.4526 6.27794 18.4846 6.20157C18.5167 6.12521 18.5333 6.04328 18.5337 5.96047V3.4513C18.5337 2.06682 17.3968 0.941177 16.0001 0.941177ZM18.7408 26.3492C18.6541 26.2059 18.5148 26.1022 18.3527 26.0601C18.1905 26.0181 18.0184 26.0411 17.873 26.1242C17.8013 26.1655 17.7385 26.2206 17.6883 26.2863C17.638 26.3521 17.6013 26.4271 17.5803 26.5072C17.5593 26.5872 17.5544 26.6706 17.5658 26.7525C17.5773 26.8344 17.6049 26.9133 17.6471 26.9845C17.8109 27.2612 17.9012 27.5944 17.9012 27.9219C17.9012 28.9591 17.0485 29.8042 16.001 29.8042C15.4998 29.8057 15.0184 29.6084 14.6623 29.2556C14.3063 28.9027 14.1047 28.4231 14.1017 27.9219C14.1017 27.5944 14.1911 27.2612 14.3558 26.9845C14.3978 26.9132 14.4252 26.8344 14.4365 26.7525C14.4479 26.6706 14.4429 26.5873 14.4219 26.5074C14.4009 26.4274 14.3643 26.3524 14.3142 26.2866C14.2641 26.2209 14.2015 26.1657 14.1299 26.1242C13.9846 26.0403 13.8121 26.0169 13.6496 26.059C13.4871 26.101 13.3476 26.2053 13.2612 26.3492C12.9807 26.8255 12.8328 27.3682 12.833 27.9209C12.833 29.6527 14.2542 31.0588 16.0001 31.0588C17.7469 31.0588 19.1662 29.6518 19.169 27.9219C19.169 27.3666 19.0212 26.8235 18.7408 26.3492Z", fill: "currentColor" })] }));
+export default NotificationsIcon;

package/dist/types/components/StyledModal.d.ts

@@ -26,6 +26,7 @@ interface StyledModalProps {
         content?: React.CSSProperties;
     };
 }
+export declare const StyledModalContent: React.FC<StyledModalProps>;
 export declare const StyledModal: React.FC<StyledModalProps>;
 export declare const ModalContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const ModalHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/types/components/icons/index.d.ts

@@ -134,4 +134,5 @@ export { default as AddInstitutionIcon } from './add-institution';
 export { default as DangerIcon } from './danger';
 export { default as XIcon } from './x';
 export { default as EyeIcon } from './eye-icon';
+export { default as NotificationsIcon } from './notifications';
 export { default as PencilIcon } from './pencil-icon';

package/dist/types/components/icons/notifications.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IconProps } from './types';
+declare const NotificationsIcon: React.FC<IconProps>;
+export default NotificationsIcon;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/style-guide",
   "description": "Shared components for Manuscripts applications",
-  "version": "3.5.27",
+  "version": "3.5.29",
   "repository": "github:Atypon-OpenSource/manuscripts-style-guide",
   "license": "Apache-2.0",
   "main": "dist/cjs",