decentraland-ui2 0.26.1-17074319572.commit-54256a2 → 0.26.1-17079106219.commit-37645ec

package/dist/components/Modal/Modal.stories.js

@@ -0,0 +1,103 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from "react";
+import { Box, Button, Checkbox, FormControlLabel, TextField, Typography, } from "@mui/material";
+import { Modal, ModalContent } from "./Modal";
+import { Mana } from "../Mana";
+const meta = {
+    component: Modal,
+    title: "Decentraland UI/Modal",
+    tags: ["autodocs"],
+    argTypes: {
+        size: {
+            description: "Size of the Modal",
+            control: "radio",
+            options: ["tiny", "small", "medium", "large"],
+        },
+    },
+    render: (args) => (_jsx(Box, { sx: { height: "400px" }, children: _jsx(ModalContent, { ...args, children: args.children }) })),
+};
+const Simple = {
+    args: {
+        open: false,
+        title: "Are you sure?",
+        children: (_jsx(_Fragment, { children: _jsxs(Typography, { variant: "body1", children: ["You are about to sell your soul for", " ", _jsx(Mana, { inline: true, children: (2500).toLocaleString() }), "."] }) })),
+        actions: (_jsxs(_Fragment, { children: [_jsx(Button, { color: "primary", variant: "contained", children: "Proceed" }), _jsx(Button, { variant: "outlined", children: "Cancel" })] })),
+    },
+};
+const Actionable = {
+    args: {
+        title: "Are you sure?",
+        children: (_jsx(_Fragment, { children: _jsxs(Typography, { variant: "body1", children: ["You are about to sell your soul for", " ", _jsx(Mana, { inline: true, children: (2500).toLocaleString() }), "."] }) })),
+        actions: (_jsxs(_Fragment, { children: [_jsx(Button, { color: "primary", variant: "contained", children: "Proceed" }), _jsx(Button, { variant: "outlined", children: "Cancel" })] })),
+    },
+    render: (args) => {
+        const [open, setOpen] = useState(false);
+        return (_jsxs(Box, { sx: { height: "400px" }, children: [_jsx(Button, { onClick: () => setOpen(true), variant: "contained", children: "Open Modal" }), _jsx(Modal, { ...args, open: open, onClose: () => setOpen(false) })] }));
+    },
+};
+const Tiny = {
+    args: {
+        open: false,
+        size: "tiny",
+        title: "Are you sure?",
+        children: (_jsxs(_Fragment, { children: ["You are about to sell your soul for", " ", _jsx(Mana, { inline: true, children: (2500).toLocaleString() }), "."] })),
+        actions: (_jsxs(_Fragment, { children: [_jsx(Button, { color: "primary", variant: "contained", children: "Proceed" }), _jsx(Button, { variant: "outlined", children: "Cancel" })] })),
+    },
+};
+const Small = {
+    args: {
+        open: false,
+        size: "small",
+        title: "Are you sure?",
+        children: (_jsxs(_Fragment, { children: ["You are about to sell your soul for", " ", _jsx(Mana, { inline: true, children: (2500).toLocaleString() }), "."] })),
+        actions: (_jsxs(_Fragment, { children: [_jsx(Button, { color: "primary", variant: "contained", children: "Proceed" }), _jsx(Button, { variant: "outlined", children: "Cancel" })] })),
+    },
+};
+const CustomHeader = {
+    name: "Custom Header",
+    args: {
+        open: false,
+        header: (_jsxs(Box, { sx: {
+                height: "200px",
+                backgroundColor: "#123",
+                color: "#fff",
+                display: "flex",
+                flexDirection: "column",
+                alignItems: "center",
+                justifyContent: "center",
+            }, children: [_jsx(Typography, { variant: "h4", children: "Give us your email!" }), _jsx("p", { children: "We need to feed our marketing gnomes" })] })),
+        children: (_jsxs(_Fragment, { children: ["You are about to sell your soul for", " ", _jsx(Mana, { inline: true, children: (2500).toLocaleString() }), "."] })),
+        actions: (_jsxs(_Fragment, { children: [_jsx(Button, { color: "primary", variant: "contained", children: "Proceed" }), _jsx(Button, { variant: "outlined", children: "Cancel" })] })),
+    },
+};
+const Form = {
+    args: {
+        open: false,
+        title: "Are you sure?",
+        children: (_jsx(_Fragment, { children: _jsxs(Box, { sx: { display: "flex", flexDirection: "column", gap: "16px" }, children: [_jsx(TextField, { label: "Name", variant: "standard", placeholder: "Luis XVII" }), _jsx(TextField, { label: "Email", variant: "standard", placeholder: "luigi@mail.com" }), _jsx(FormControlLabel, { control: _jsx(Checkbox, { defaultChecked: true }), label: "Check me" })] }) })),
+        actions: (_jsxs(_Fragment, { children: [_jsx(Button, { color: "primary", variant: "contained", children: "Proceed" }), _jsx(Button, { variant: "outlined", children: "Cancel" })] })),
+    },
+};
+const Closable = {
+    args: {
+        open: false,
+        title: "Are you sure?",
+        onClose: () => alert("Close!"),
+        children: (_jsx(_Fragment, { children: _jsxs(Box, { sx: { display: "flex", flexDirection: "column", gap: "16px" }, children: [_jsx(TextField, { label: "Name", variant: "standard", placeholder: "Luis XVII" }), _jsx(TextField, { label: "Email", variant: "standard", placeholder: "luigi@mail.com" }), _jsx(FormControlLabel, { control: _jsx(Checkbox, { defaultChecked: true }), label: "Check me" })] }) })),
+        actions: (_jsxs(_Fragment, { children: [_jsx(Button, { color: "primary", variant: "contained", children: "Proceed" }), _jsx(Button, { variant: "outlined", children: "Cancel" })] })),
+    },
+};
+const Navigation = {
+    args: {
+        open: false,
+        title: "Are you sure?",
+        onClose: () => alert("Close!"),
+        onBack: () => alert("Back!"),
+        children: (_jsx(_Fragment, { children: _jsxs(Box, { sx: { display: "flex", flexDirection: "column", gap: "16px" }, children: [_jsx(TextField, { label: "Name", variant: "standard", placeholder: "Luis XVII" }), _jsx(TextField, { label: "Email", variant: "standard", placeholder: "luigi@mail.com" }), _jsx(FormControlLabel, { control: _jsx(Checkbox, { defaultChecked: true }), label: "Check me" })] }) })),
+        actions: (_jsxs(_Fragment, { children: [_jsx(Button, { color: "primary", variant: "contained", children: "Proceed" }), _jsx(Button, { variant: "outlined", children: "Cancel" })] })),
+    },
+};
+// eslint-disable-next-line import/no-default-export
+export default meta;
+export { Simple, Actionable, Tiny, Small, CustomHeader, Form, Closable, Navigation, };
+//# sourceMappingURL=Modal.stories.js.map

package/dist/components/Modal/Modal.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.stories.js","sourceRoot":"","sources":["../../../src/components/Modal/Modal.stories.tsx"],"names":[],"mappings":"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"}

package/dist/components/Modal/Modal.styled.d.ts

@@ -0,0 +1,29 @@
+import { ModalProps } from "./Modal.types";
+interface StyledModalProps extends Pick<ModalProps, "size"> {
+}
+declare const Modal: import("@emotion/styled").StyledComponent<import("@mui/material").ModalOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "components" | "container" | "className" | "style" | "classes" | "children" | "sx" | "slots" | "slotProps" | "componentsProps" | "open" | "BackdropComponent" | "BackdropProps" | "closeAfterTransition" | "disableAutoFocus" | "disableEnforceFocus" | "disableEscapeKeyDown" | "disablePortal" | "disableRestoreFocus" | "disableScrollLock" | "hideBackdrop" | "keepMounted" | "onBackdropClick" | "onClose" | "onTransitionEnter" | "onTransitionExited"> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+declare const ModalContainer: import("@emotion/styled").StyledComponent<import("@mui/material").PaperOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "elevation" | "className" | "style" | "classes" | "children" | "square" | "sx" | "variant"> & {
+    theme?: import("@emotion/react").Theme;
+} & StyledModalProps, {}, {}>;
+declare const ModalTitleContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+declare const ModalContentContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+declare const ModalActionsContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export { Modal, ModalContainer, ModalTitleContainer, ModalContentContainer, ModalActionsContainer, };

package/dist/components/Modal/Modal.styled.js

@@ -0,0 +1,50 @@
+import styled from "@emotion/styled";
+import { Box as BoxMui, Modal as MuiModal, Paper as PaperMui, } from "@mui/material";
+const Modal = styled(MuiModal)({
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+});
+const ModalContainer = styled(PaperMui)((props) => {
+    const { size, theme } = props;
+    let width = "900px";
+    if (size === "tiny") {
+        width = "540px";
+    }
+    else if (size === "small") {
+        width = "720px";
+    }
+    return {
+        width,
+        borderRadius: "12px",
+        overflow: "hidden",
+        [theme.breakpoints.down("xs")]: {
+            minWidth: "100vw",
+            maxWidth: "100vw",
+            minHeight: "100vh",
+            borderRadius: "0px",
+            margin: "0",
+            padding: "0",
+        },
+    };
+});
+const ModalTitleContainer = styled(BoxMui)({
+    display: "flex",
+    justifyContent: "space-between",
+    padding: "24px",
+});
+const ModalContentContainer = styled(BoxMui)({
+    padding: "24px",
+});
+const ModalActionsContainer = styled(BoxMui)({
+    display: "flex",
+    padding: "24px",
+    "& > *": {
+        flex: 1,
+    },
+    "& > *.MuiButtonBase-root:not(:last-child)": {
+        marginRight: "16px",
+    },
+});
+export { Modal, ModalContainer, ModalTitleContainer, ModalContentContainer, ModalActionsContainer, };
+//# sourceMappingURL=Modal.styled.js.map

package/dist/components/Modal/Modal.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.styled.js","sourceRoot":"","sources":["../../../src/components/Modal/Modal.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,EACL,GAAG,IAAI,MAAM,EACb,KAAK,IAAI,QAAQ,EACjB,KAAK,IAAI,QAAQ,GAClB,MAAM,eAAe,CAAA;AAKtB,MAAM,KAAK,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC7B,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;CACzB,CAAC,CAAA;AAEF,MAAM,cAAc,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAmB,CAAC,KAAK,EAAE,EAAE;IAClE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;IAC7B,IAAI,KAAK,GAAG,OAAO,CAAA;IACnB,IAAI,IAAI,KAAK,MAAM,EAAE,CAAC;QACpB,KAAK,GAAG,OAAO,CAAA;IACjB,CAAC;SAAM,IAAI,IAAI,KAAK,OAAO,EAAE,CAAC;QAC5B,KAAK,GAAG,OAAO,CAAA;IACjB,CAAC;IAED,OAAO;QACL,KAAK;QACL,YAAY,EAAE,MAAM;QACpB,QAAQ,EAAE,QAAQ;QAClB,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE;YAC9B,QAAQ,EAAE,OAAO;YACjB,QAAQ,EAAE,OAAO;YACjB,SAAS,EAAE,OAAO;YAClB,YAAY,EAAE,KAAK;YACnB,MAAM,EAAE,GAAG;YACX,OAAO,EAAE,GAAG;SACb;KACF,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,mBAAmB,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;IACzC,OAAO,EAAE,MAAM;IACf,cAAc,EAAE,eAAe;IAC/B,OAAO,EAAE,MAAM;CAChB,CAAC,CAAA;AAEF,MAAM,qBAAqB,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;IAC3C,OAAO,EAAE,MAAM;CAChB,CAAC,CAAA;AAEF,MAAM,qBAAqB,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;IAC3C,OAAO,EAAE,MAAM;IACf,OAAO,EAAE,MAAM;IACf,OAAO,EAAE;QACP,IAAI,EAAE,CAAC;KACR;IACD,2CAA2C,EAAE;QAC3C,WAAW,EAAE,MAAM;KACpB;CACF,CAAC,CAAA;AAEF,OAAO,EACL,KAAK,EACL,cAAc,EACd,mBAAmB,EACnB,qBAAqB,EACrB,qBAAqB,GACtB,CAAA"}

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

@@ -0,0 +1,13 @@
+type ModalProps = {
+    open: boolean;
+    size?: "tiny" | "small" | "medium" | "large";
+    className?: string;
+    title?: string;
+    subtitle?: string;
+    header?: React.ReactNode;
+    children: React.ReactNode;
+    actions?: React.ReactNode;
+    onClose?: React.MouseEventHandler<HTMLButtonElement>;
+    onBack?: React.MouseEventHandler<HTMLButtonElement>;
+};
+export type { ModalProps };

package/dist/components/Modal/Modal.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Modal.types.js.map

package/dist/components/Modal/Modal.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.types.js","sourceRoot":"","sources":["../../../src/components/Modal/Modal.types.ts"],"names":[],"mappings":""}

package/dist/components/Modal/index.d.ts

@@ -0,0 +1,2 @@
+export { Modal } from "./Modal";
+export { ModalProps } from "./Modal.types";

package/dist/components/Modal/index.js

@@ -0,0 +1,2 @@
+export { Modal } from "./Modal";
+//# sourceMappingURL=index.js.map

package/dist/components/Modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA"}

package/dist/components/Navbar/MainMenu/MainMenu.d.ts

@@ -0,0 +1,2 @@
+import { MainMenuProps } from "./MainMenu.types";
+export declare const MainMenu: (props: MainMenuProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Navbar/MainMenu/MainMenu.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { config } from "../../../config";
+import { MenuItem } from "../MenuItem/MenuItem";
+import { NavbarPages } from "../Navbar.types";
+import { getExtraButton } from "../utils";
+import { MainMenuContainer } from "./MainMenu.styled";
+export const MainMenu = (props) => {
+    const { i18n, isOpenOnMobile, ...menuItemProps } = props;
+    const [extraButton, setExtraButton] = useState(null);
+    useEffect(() => {
+        let isMounted = true;
+        if (!extraButton) {
+            getExtraButton().then((button) => {
+                if (!isMounted)
+                    return;
+                setExtraButton(button);
+            });
+        }
+        return () => {
+            isMounted = false;
+        };
+    }, [extraButton, setExtraButton]);
+    return (_jsxs(MainMenuContainer, { isOpenOnMobile: isOpenOnMobile, "aria-label": "main menu", children: [_jsx(MenuItem, { ...menuItemProps, section: NavbarPages.MARKETPLACE, title: i18n.marketplace, mainUrl: config.get("MARKETPLACE_URL"), "aria-label": `${i18n.marketplace} menu item` }), _jsx(MenuItem, { ...menuItemProps, section: NavbarPages.CREATE, title: i18n.create, mainUrl: config.get("CREATE_URL"), "aria-label": `${i18n.create} menu item` }), _jsx(MenuItem, { ...menuItemProps, section: NavbarPages.LEARN, title: i18n.learn, mainUrl: config.get("LEARN_URL"), "aria-label": `${i18n.learn} menu item` }), _jsx(MenuItem, { ...menuItemProps, section: NavbarPages.GOVERNANCE, title: i18n.governance, mainUrl: config.get("GOVERNANCE_URL"), "aria-label": `${i18n.governance} menu item` }), _jsx(MenuItem, { ...menuItemProps, section: NavbarPages.EXPLORE, title: i18n.explore, mainUrl: config.get("EVENTS_URL"), "aria-label": `${i18n.explore} menu item` }), extraButton && extraButton.visible ? (_jsx(MenuItem, { ...menuItemProps, section: NavbarPages.EXTRA, title: extraButton.text, mainUrl: extraButton.link, textColor: extraButton.textColor, backgroundColor: extraButton.backgroundColor, isExtraButton: true, "aria-label": `${extraButton.text} menu item` })) : null] }));
+};
+//# sourceMappingURL=MainMenu.js.map

package/dist/components/Navbar/MainMenu/MainMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MainMenu.js","sourceRoot":"","sources":["../../../../src/components/Navbar/MainMenu/MainMenu.tsx"],"names":[],"mappings":"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"}

package/dist/components/Navbar/MainMenu/MainMenu.styled.d.ts

@@ -0,0 +1,9 @@
+interface MainMenuContainerProps {
+    isOpenOnMobile?: boolean;
+}
+declare const MainMenuContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
+    theme?: import("@emotion/react").Theme;
+} & MainMenuContainerProps, {}, {}>;
+export { MainMenuContainer };

package/dist/components/Navbar/MainMenu/MainMenu.styled.js

@@ -0,0 +1,39 @@
+import zIndex from "@mui/material/styles/zIndex";
+import styled from "@emotion/styled";
+import { Box } from "@mui/material";
+const MainMenuContainer = styled(Box, {
+    shouldForwardProp: (prop) => prop !== "isOpenOnMobile",
+})((props) => {
+    const { isOpenOnMobile, theme } = props;
+    let mobileOpenedStyles;
+    if (isOpenOnMobile) {
+        mobileOpenedStyles = {
+            top: "56px",
+        };
+    }
+    return {
+        display: "flex",
+        height: "64px",
+        marginLeft: "10px",
+        [theme.breakpoints.down("sm")]: {
+            position: "absolute",
+            flexDirection: "column",
+            alignItems: "flex-start",
+            justifyContent: "flex-start",
+            backgroundColor: theme.palette.background.default,
+            width: "100vw",
+            height: "100vh",
+            top: "-150vh",
+            left: 0,
+            marginLeft: 0,
+            zIndex: zIndex.mobileStepper,
+            transition: `${theme.transitions.create(["top"], {
+                duration: theme.transitions.duration.shorter,
+                easing: theme.transitions.easing.easeInOut,
+            })}`,
+            ...mobileOpenedStyles,
+        },
+    };
+});
+export { MainMenuContainer };
+//# sourceMappingURL=MainMenu.styled.js.map

package/dist/components/Navbar/MainMenu/MainMenu.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MainMenu.styled.js","sourceRoot":"","sources":["../../../../src/components/Navbar/MainMenu/MainMenu.styled.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,6BAA6B,CAAA;AAChD,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAA;AAMnC,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,EAAE;IACpC,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,gBAAgB;CACvD,CAAC,CAAyB,CAAC,KAAK,EAAE,EAAE;IACnC,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;IAEvC,IAAI,kBAAkB,CAAA;IACtB,IAAI,cAAc,EAAE,CAAC;QACnB,kBAAkB,GAAG;YACnB,GAAG,EAAE,MAAM;SACZ,CAAA;IACH,CAAC;IACD,OAAO;QACL,OAAO,EAAE,MAAM;QACf,MAAM,EAAE,MAAM;QACd,UAAU,EAAE,MAAM;QAClB,CAAC,KAAM,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE;YAC/B,QAAQ,EAAE,UAAU;YACpB,aAAa,EAAE,QAAQ;YACvB,UAAU,EAAE,YAAY;YACxB,cAAc,EAAE,YAAY;YAC5B,eAAe,EAAE,KAAM,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO;YAClD,KAAK,EAAE,OAAO;YACd,MAAM,EAAE,OAAO;YACf,GAAG,EAAE,QAAQ;YACb,IAAI,EAAE,CAAC;YACP,UAAU,EAAE,CAAC;YACb,MAAM,EAAE,MAAM,CAAC,aAAa;YAC5B,UAAU,EAAE,GAAG,KAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,EAAE;gBAChD,QAAQ,EAAE,KAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,OAAO;gBAC7C,MAAM,EAAE,KAAM,CAAC,WAAW,CAAC,MAAM,CAAC,SAAS;aAC5C,CAAC,EAAE;YACJ,GAAG,kBAAkB;SACtB;KACF,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,OAAO,EAAE,iBAAiB,EAAE,CAAA"}

package/dist/components/Navbar/MainMenu/MainMenu.types.d.ts

@@ -0,0 +1,8 @@
+import { NavbarMenuI18nProps, NavbarPages } from "../Navbar.types";
+export type MainMenuProps = {
+    activePage: NavbarPages | string;
+    onToggleShowSubMenu: (e: React.MouseEvent<HTMLElement, MouseEvent>, show: boolean, section: NavbarPages) => void;
+    i18n: NavbarMenuI18nProps;
+    isMobile?: boolean;
+    isOpenOnMobile?: boolean;
+};

package/dist/components/Navbar/MainMenu/MainMenu.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=MainMenu.types.js.map

package/dist/components/Navbar/MainMenu/MainMenu.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MainMenu.types.js","sourceRoot":"","sources":["../../../../src/components/Navbar/MainMenu/MainMenu.types.ts"],"names":[],"mappings":""}

package/dist/components/Navbar/MenuItem/MenuItem.d.ts

@@ -0,0 +1,3 @@
+import { MenuItemProps } from "./MenuItem.types";
+declare const MenuItem: (props: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
+export { MenuItem };

package/dist/components/Navbar/MenuItem/MenuItem.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback } from "react";
+import ArrowForwardRoundedIcon from "@mui/icons-material/ArrowForwardRounded";
+import { MenuItemContainer, MenuItemTitle } from "./MenuItem.styled";
+const MenuItem = (props) => {
+    const { activePage, section, title, onToggleShowSubMenu, mainUrl, isMobile, textColor, backgroundColor, isExtraButton, } = props;
+    const mainRedirect = useCallback(() => {
+        mainUrl && window.open(mainUrl, "_self");
+    }, [mainUrl]);
+    return (_jsxs(MenuItemContainer, { active: activePage === section, onClick: (e) => {
+            isMobile && !isExtraButton && onToggleShowSubMenu(e, true, section);
+        }, onMouseEnter: (e) => !isMobile && onToggleShowSubMenu(e, true, section), onMouseLeave: (e) => !isMobile && onToggleShowSubMenu(e, false, section), backgroundColor: backgroundColor, "aria-label": `${title} menu item`, children: [_jsx(MenuItemTitle, { variant: "subtitle1", onClick: mainRedirect, textColor: textColor, "aria-label": `${title}`, children: title }), isMobile && _jsx(ArrowForwardRoundedIcon, { "aria-label": "forward arrow icon" })] }));
+};
+export { MenuItem };
+//# sourceMappingURL=MenuItem.js.map

package/dist/components/Navbar/MenuItem/MenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.js","sourceRoot":"","sources":["../../../../src/components/Navbar/MenuItem/MenuItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AACnC,OAAO,uBAAuB,MAAM,yCAAyC,CAAA;AAE7E,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEpE,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;IACxC,MAAM,EACJ,UAAU,EACV,OAAO,EACP,KAAK,EACL,mBAAmB,EACnB,OAAO,EACP,QAAQ,EACR,SAAS,EACT,eAAe,EACf,aAAa,GACd,GAAG,KAAK,CAAA;IAET,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,OAAO,IAAI,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,CAAA;IAC1C,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,OAAO,CACL,MAAC,iBAAiB,IAChB,MAAM,EAAE,UAAU,KAAK,OAAO,EAC9B,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,QAAQ,IAAI,CAAC,aAAa,IAAI,mBAAmB,CAAC,CAAC,EAAE,IAAI,EAAE,OAAO,CAAC,CAAA;QACrE,CAAC,EACD,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,QAAQ,IAAI,mBAAmB,CAAC,CAAC,EAAE,IAAI,EAAE,OAAO,CAAC,EACvE,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,QAAQ,IAAI,mBAAmB,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,CAAC,EACxE,eAAe,EAAE,eAAe,gBACpB,GAAG,KAAK,YAAY,aAEhC,KAAC,aAAa,IACZ,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,YAAY,EACrB,SAAS,EAAE,SAAS,gBACR,GAAG,KAAK,EAAE,YAErB,KAAK,GACQ,EACf,QAAQ,IAAI,KAAC,uBAAuB,kBAAY,oBAAoB,GAAG,IACtD,CACrB,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/components/Navbar/MenuItem/MenuItem.styled.d.ts

@@ -0,0 +1,18 @@
+interface MenuItemContainerProps {
+    active: boolean;
+    backgroundColor?: string;
+}
+interface MenuItemTitleProps {
+    textColor?: string;
+}
+declare const MenuItemContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
+    theme?: import("@emotion/react").Theme;
+} & MenuItemContainerProps, {}, {}>;
+declare const MenuItemTitle: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, "typography" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "className" | "style" | "classes" | "children" | "sx" | "variant" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & {
+    theme?: import("@emotion/react").Theme;
+} & MenuItemTitleProps, {}, {}>;
+export { MenuItemContainer, MenuItemTitle };

package/dist/components/Navbar/MenuItem/MenuItem.styled.js

@@ -0,0 +1,59 @@
+import styled from "@emotion/styled";
+import { Box, Typography } from "@mui/material";
+const MenuItemContainer = styled(Box, {
+    shouldForwardProp: (prop) => !["active", "backgroundColor"].includes(prop),
+})((props) => {
+    const { active, backgroundColor, theme } = props;
+    let modifiedStyles;
+    if (active) {
+        modifiedStyles = {
+            fontWeight: "bold",
+            color: theme.palette.text.primary,
+        };
+    }
+    return {
+        backgroundColor: backgroundColor ? backgroundColor : "transparent",
+        display: "flex",
+        cursor: "pointer",
+        alignItems: "center",
+        margin: "0 0 0 0",
+        padding: "0 10px",
+        border: 0,
+        color: theme.palette.text.secondary,
+        fontWeight: "normal",
+        ...modifiedStyles,
+        "& :hover": {
+            color: theme.palette.text.primary,
+        },
+        [theme.breakpoints.down("sm")]: {
+            padding: "40px 0 23.66px",
+            fontSize: "20px",
+            fontStyle: "normal",
+            fontWeight: "normal",
+            lineHeight: "18px",
+            color: theme.palette.text.primary,
+            borderBottomColor: theme.palette.text.primary,
+            borderBottomStyle: "solid",
+            borderBottomWidth: "1px",
+            width: "calc(100% - 50px)",
+            margin: "0 25px",
+            justifyContent: "space-between",
+        },
+    };
+});
+const MenuItemTitle = styled(Typography, {
+    shouldForwardProp: (prop) => prop !== "textColor",
+})((props) => {
+    const { textColor, theme } = props;
+    return {
+        textTransform: "capitalize",
+        fontWeight: "inherit",
+        fontSize: "16px",
+        color: textColor ? textColor : theme.palette.text.secondary,
+        [theme.breakpoints.down("sm")]: {
+            color: textColor ? textColor : theme.palette.text.primary,
+        },
+    };
+});
+export { MenuItemContainer, MenuItemTitle };
+//# sourceMappingURL=MenuItem.styled.js.map

package/dist/components/Navbar/MenuItem/MenuItem.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.styled.js","sourceRoot":"","sources":["../../../../src/components/Navbar/MenuItem/MenuItem.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAW/C,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,EAAE;IACpC,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC1B,CAAC,CAAC,QAAQ,EAAE,iBAAiB,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CAC1D,CAAC,CAAyB,CAAC,KAAK,EAAE,EAAE;IACnC,MAAM,EAAE,MAAM,EAAE,eAAe,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;IAChD,IAAI,cAAc,CAAA;IAClB,IAAI,MAAM,EAAE,CAAC;QACX,cAAc,GAAG;YACf,UAAU,EAAE,MAAM;YAClB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;SAClC,CAAA;IACH,CAAC;IAED,OAAO;QACL,eAAe,EAAE,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,aAAa;QAClE,OAAO,EAAE,MAAM;QACf,MAAM,EAAE,SAAS;QACjB,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE,SAAS;QACjB,OAAO,EAAE,QAAQ;QACjB,MAAM,EAAE,CAAC;QACT,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS;QACnC,UAAU,EAAE,QAAQ;QACpB,GAAG,cAAc;QACjB,UAAU,EAAE;YACV,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;SAClC;QACD,CAAC,KAAM,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE;YAC/B,OAAO,EAAE,gBAAgB;YACzB,QAAQ,EAAE,MAAM;YAChB,SAAS,EAAE,QAAQ;YACnB,UAAU,EAAE,QAAQ;YACpB,UAAU,EAAE,MAAM;YAClB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;YACjC,iBAAiB,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;YAC7C,iBAAiB,EAAE,OAAO;YAC1B,iBAAiB,EAAE,KAAK;YACxB,KAAK,EAAE,mBAAmB;YAC1B,MAAM,EAAE,QAAQ;YAChB,cAAc,EAAE,eAAe;SAChC;KACF,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,aAAa,GAAG,MAAM,CAAC,UAAU,EAAE;IACvC,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,WAAW;CAClD,CAAC,CAAqB,CAAC,KAAK,EAAE,EAAE;IAC/B,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;IAClC,OAAO;QACL,aAAa,EAAE,YAAY;QAC3B,UAAU,EAAE,SAAS;QACrB,QAAQ,EAAE,MAAM;QAChB,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS;QAC3D,CAAC,KAAM,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE;YAC/B,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;SAC1D;KACF,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,CAAA"}

package/dist/components/Navbar/MenuItem/MenuItem.types.d.ts

@@ -0,0 +1,12 @@
+import { NavbarPages } from "../Navbar.types";
+export type MenuItemProps = {
+    activePage: NavbarPages | string;
+    section: NavbarPages;
+    title: React.ReactNode;
+    onToggleShowSubMenu: (e: React.MouseEvent<HTMLElement>, show: boolean, section: NavbarPages) => void;
+    mainUrl?: string;
+    isMobile?: boolean;
+    isExtraButton?: boolean;
+    textColor?: string;
+    backgroundColor?: string;
+};

package/dist/components/Navbar/MenuItem/MenuItem.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=MenuItem.types.js.map

package/dist/components/Navbar/MenuItem/MenuItem.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.types.js","sourceRoot":"","sources":["../../../../src/components/Navbar/MenuItem/MenuItem.types.ts"],"names":[],"mappings":""}

package/dist/components/Navbar/Navbar.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { NavbarProps } from "./Navbar.types";
+declare const Navbar: React.MemoExoticComponent<(props: NavbarProps) => import("react/jsx-runtime").JSX.Element>;
+export { Navbar };

package/dist/components/Navbar/Navbar.defaults.d.ts

@@ -0,0 +1,6 @@
+import { ChainSelectori18n } from "../ChainSelector/ChainSelector.types";
+import { NavbarMenuI18nProps, NavbarSubmenuProps } from "./Navbar.types";
+declare const navbarMainTitlesI18N: NavbarMenuI18nProps;
+declare const i18nChainSelectorDefault: ChainSelectori18n;
+declare const navbarSubmenu: NavbarSubmenuProps;
+export { navbarMainTitlesI18N, i18nChainSelectorDefault, navbarSubmenu };