decentraland-ui2 2.5.3 → 3.0.0

package/dist/components/Navbar/Navbar.stories.js

@@ -1,86 +1,119 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState } from 'react';
-import { ChainId, Network } from '@dcl/schemas';
-import { Box, Toolbar, Typography } from '@mui/material';
+import { ChainId } from '@dcl/schemas';
+import { Network } from '@dcl/schemas/dist/dapps/network';
+import { BellIcon } from './icons';
 import { Navbar } from './Navbar';
-import { avatar } from '../../data/avatar';
-import { itemSoldNotificationPropsData } from '../../data/notifications';
-import { NotificationActiveTab } from '../Notifications';
-import { NavbarPages } from './Navbar.types';
+import { BellButton, NotificationBadge, NotificationDot, NotificationHeader, NotificationItemContent, NotificationItemDescription, NotificationItemImage, NotificationItemTime, NotificationItemTitle, NotificationList, NotificationListItem, NotificationPanel, NotificationTitle, NotificationWrapper } from './NotificationBell.styled';
 const meta = {
-    component: Navbar,
     title: 'Decentraland UI/Navbar',
-    argTypes: {
-        shouldDownloadBeforeRedirect: {
-            description: 'If true, downloads the file before redirecting. If false, only redirects without downloading.',
-            control: 'boolean',
-            defaultValue: true
+    component: Navbar,
+    parameters: {
+        layout: 'fullscreen'
+    }
+};
+// eslint-disable-next-line import/no-default-export, import/exports-last
+export default meta;
+const exampleAvatar = {
+    name: 'CryptoUser',
+    avatar: {
+        snapshots: {
+            face256: 'https://profile-images.decentraland.org/entities/bafkreicsrqz4raw5fwkihldnu6ofs7de43oux2bhiehfscbroirnwbdrei/face.png',
+            body: 'https://profile-images.decentraland.org/entities/bafkreicsrqz4raw5fwkihldnu6ofs7de43oux2bhiehfscbroirnwbdrei/body.png'
         }
+    }
+};
+const NotificationDemo = ({ isOpen, onToggle }) => {
+    const [localOpen, setLocalOpen] = useState(false);
+    const open = isOpen !== undefined ? isOpen : localOpen;
+    const toggle = onToggle ?? (() => setLocalOpen(prev => !prev));
+    return (_jsxs(NotificationWrapper, { children: [_jsxs(BellButton, { onClick: toggle, className: open ? '' : 'has-unread', children: [_jsx(BellIcon, {}), _jsx(NotificationBadge, { children: "3" })] }), open && (_jsxs(NotificationPanel, { children: [_jsx(NotificationHeader, { children: _jsx(NotificationTitle, { children: "Notifications" }) }), _jsxs(NotificationList, { children: [_jsxs(NotificationListItem, { children: [_jsx(NotificationItemImage, { children: _jsxs("svg", { viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("rect", { width: "40", height: "40", rx: "8", fill: "rgba(255,45,85,0.2)" }), _jsx("path", { d: "M20 12L14 22H26L20 12Z", fill: "#FF2D55" })] }) }), _jsxs(NotificationItemContent, { children: [_jsx(NotificationItemTitle, { children: "Bid Received" }), _jsx(NotificationItemDescription, { children: "Someone placed a bid of 100 MANA on your wearable" }), _jsx(NotificationItemTime, { children: "2 hours ago" })] }), _jsx(NotificationDot, {})] }), _jsxs(NotificationListItem, { children: [_jsx(NotificationItemImage, { children: _jsxs("svg", { viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("rect", { width: "40", height: "40", rx: "8", fill: "rgba(164,75,243,0.2)" }), _jsx("circle", { cx: "20", cy: "20", r: "8", fill: "#A14BF3" })] }) }), _jsxs(NotificationItemContent, { children: [_jsx(NotificationItemTitle, { children: "Item Sold" }), _jsx(NotificationItemDescription, { children: "Your Genesis City Hat was sold for 500 MANA" }), _jsx(NotificationItemTime, { children: "5 hours ago" })] }), _jsx(NotificationDot, {})] }), _jsxs(NotificationListItem, { children: [_jsx(NotificationItemImage, { children: _jsxs("svg", { viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("rect", { width: "40", height: "40", rx: "8", fill: "rgba(52,206,118,0.2)" }), _jsx("path", { d: "M15 20L18 23L25 16", stroke: "#34CE76", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] }) }), _jsxs(NotificationItemContent, { children: [_jsx(NotificationItemTitle, { children: "Proposal Enacted" }), _jsx(NotificationItemDescription, { children: "A governance proposal you voted on has been enacted" }), _jsx(NotificationItemTime, { children: "1 day ago" })] }), _jsx(NotificationDot, { style: { backgroundColor: 'transparent' } })] })] })] }))] }));
+};
+const PageContent = () => (_jsxs("div", { style: {
+        paddingTop: 92,
+        minHeight: '200vh',
+        background: 'linear-gradient(180deg, #1a0a2e 0%, #0a0a0a 100%)',
+        padding: '120px 40px 40px'
+    }, children: [_jsx("div", { style: { color: 'white', fontSize: 32, fontWeight: 700, marginBottom: 8 }, children: "Page Content" }), _jsx("div", { style: { color: 'rgba(255,255,255,0.6)', fontSize: 16, maxWidth: 500 }, children: "Scroll down to test navbar behavior." })] }));
+const SignedOut = {
+    args: {
+        isSignedIn: false,
+        onClickSignIn: () => console.log('Sign In clicked'),
+        onClickSignOut: () => console.log('Sign Out clicked')
     },
-    render: args => _jsx(Navbar, { ...args, activePage: NavbarPages.MARKETPLACE })
+    render: args => (_jsxs(_Fragment, { children: [_jsx(Navbar, { ...args }), _jsx(PageContent, {})] }))
 };
-const Simple = {
-    render: args => _jsx(Navbar, { ...args, activePage: NavbarPages.CREATE })
+const SignedIn = {
+    args: {
+        isSignedIn: true,
+        address: '0xe3fc7040653768efb2941a6c26fdb868ed36ca99',
+        avatar: exampleAvatar,
+        onClickSignIn: () => console.log('Sign In clicked'),
+        onClickSignOut: () => console.log('Sign Out clicked')
+    },
+    render: args => (_jsxs(_Fragment, { children: [_jsx(Navbar, { ...args }), _jsx(PageContent, {})] }))
 };
-const WithScroll = {
-    render: args => (_jsxs(Box, { sx: { display: 'flex' }, children: [_jsx(Navbar, { ...args, activePage: NavbarPages.CREATE }), _jsxs(Box, { children: [_jsx(Toolbar, {}), _jsx(Typography, { variant: "h1", children: "Lorem ipsum dolor." }), _jsx(Typography, { children: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Similique unde fugit veniam eius, perspiciatis sunt? Corporis qui ducimus quibusdam, aliquam dolore excepturi quae. Distinctio enim at eligendi perferendis in cum quibusdam sed quae, accusantium et aperiam? Quod itaque exercitationem, at ab sequi qui modi delectus quia corrupti alias distinctio nostrum. Minima ex dolor modi inventore sapiente necessitatibus aliquam fuga et. Sed numquam quibusdam at officia sapiente porro maxime corrupti perspiciatis asperiores, exercitationem eius nostrum consequuntur iure aliquam itaque, assumenda et! Quibusdam temporibus beatae doloremque voluptatum doloribus soluta accusamus porro reprehenderit eos inventore facere, fugit, molestiae ab officiis illo voluptates recusandae. Vel dolor nobis eius, ratione atque soluta, aliquam fugit qui iste architecto perspiciatis. Nobis, voluptatem! Cumque, eligendi unde aliquid minus quis sit debitis obcaecati error, delectus quo eius exercitationem tempore. Delectus sapiente, provident corporis dolorum quibusdam aut beatae repellendus est labore quisquam praesentium repudiandae non vel laboriosam quo ab perferendis velit ipsa deleniti modi! Ipsam, illo quod. Nesciunt commodi nihil corrupti cum non fugiat praesentium doloremque architecto laborum aliquid. Quae, maxime recusandae? Eveniet dolore molestiae dicta blanditiis est expedita eius debitis cupiditate porro sed aspernatur quidem, repellat nihil quasi praesentium quia eos, quibusdam provident. Incidunt tempore vel placeat voluptate iure labore, repellendus beatae quia unde est aliquid dolor molestias libero. Reiciendis similique exercitationem consequatur, nobis placeat illo laudantium! Enim perferendis nulla soluta magni error, provident repellat similique cupiditate ipsam, et tempore cumque quod! Qui, iure suscipit tempora unde rerum autem saepe nisi vel cupiditate iusto. Illum, corrupti? Fugiat quidem accusantium nulla. Aliquid inventore commodi reprehenderit rerum reiciendis! Quidem alias repudiandae eaque eveniet cumque nihil aliquam in expedita, impedit quas ipsum nesciunt ipsa ullam consequuntur dignissimos numquam at nisi porro a, quaerat rem repellendus. Voluptates perspiciatis, in pariatur impedit, nam facilis libero dolorem dolores sunt inventore perferendis, aut sapiente modi nesciunt." }), _jsx("img", { src: "https://www.adobe.com/au/products/firefly/features/media_179d807b0123090143eea74eea2d7cf4e7aa962ae.png?width=2000&format=webply&optimize=medium", style: { width: '100%' } }), _jsx(Typography, { children: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Similique unde fugit veniam eius, perspiciatis sunt? Corporis qui ducimus quibusdam, aliquam dolore excepturi quae. Distinctio enim at eligendi perferendis in cum quibusdam sed quae, accusantium et aperiam? Quod itaque exercitationem, at ab sequi qui modi delectus quia corrupti alias distinctio nostrum. Minima ex dolor modi inventore sapiente necessitatibus aliquam fuga et. Sed numquam quibusdam at officia sapiente porro maxime corrupti perspiciatis asperiores, exercitationem eius nostrum consequuntur iure aliquam itaque, assumenda et! Quibusdam temporibus beatae doloremque voluptatum doloribus soluta accusamus porro reprehenderit eos inventore facere, fugit, molestiae ab officiis illo voluptates recusandae. Vel dolor nobis eius, ratione atque soluta, aliquam fugit qui iste architecto perspiciatis. Nobis, voluptatem! Cumque, eligendi unde aliquid minus quis sit debitis obcaecati error, delectus quo eius exercitationem tempore. Delectus sapiente, provident corporis dolorum quibusdam aut beatae repellendus est labore quisquam praesentium repudiandae non vel laboriosam quo ab perferendis velit ipsa deleniti modi! Ipsam, illo quod. Nesciunt commodi nihil corrupti cum non fugiat praesentium doloremque architecto laborum aliquid. Quae, maxime recusandae? Eveniet dolore molestiae dicta blanditiis est expedita eius debitis cupiditate porro sed aspernatur quidem, repellat nihil quasi praesentium quia eos, quibusdam provident. Incidunt tempore vel placeat voluptate iure labore, repellendus beatae quia unde est aliquid dolor molestias libero. Reiciendis similique exercitationem consequatur, nobis placeat illo laudantium! Enim perferendis nulla soluta magni error, provident repellat similique cupiditate ipsam, et tempore cumque quod! Qui, iure suscipit tempora unde rerum autem saepe nisi vel cupiditate iusto. Illum, corrupti? Fugiat quidem accusantium nulla. Aliquid inventore commodi reprehenderit rerum reiciendis! Quidem alias repudiandae eaque eveniet cumque nihil aliquam in expedita, impedit quas ipsum nesciunt ipsa ullam consequuntur dignissimos numquam at nisi porro a, quaerat rem repellendus. Voluptates perspiciatis, in pariatur impedit, nam facilis libero dolorem dolores sunt inventore perferendis, aut sapiente modi nesciunt." })] })] }))
+const WithNotifications = {
+    args: {
+        isSignedIn: true,
+        address: '0xe3fc7040653768efb2941a6c26fdb868ed36ca99',
+        avatar: exampleAvatar,
+        onClickSignIn: () => console.log('Sign In clicked'),
+        onClickSignOut: () => console.log('Sign Out clicked')
+    },
+    render: args => {
+        const [notifOpen, setNotifOpen] = useState(false);
+        return (_jsxs(_Fragment, { children: [_jsx(Navbar, { ...args, notificationSlot: _jsx(NotificationDemo, { isOpen: notifOpen, onToggle: () => setNotifOpen(prev => !prev) }), onToggleUserCard: isOpen => {
+                        if (isOpen)
+                            setNotifOpen(false);
+                    } }), _jsx(PageContent, {})] }));
+    }
 };
-const WithChainSelector = {
+const MarketplaceExample = {
     args: {
-        activePage: NavbarPages.MARKETPLACE,
         isSignedIn: true,
+        address: '0xe3fc7040653768efb2941a6c26fdb868ed36ca99',
+        avatar: exampleAvatar,
+        selectedChain: ChainId.ETHEREUM_MAINNET,
         chains: [
             ChainId.ETHEREUM_MAINNET,
             ChainId.MATIC_MAINNET,
             ChainId.ARBITRUM_MAINNET,
             ChainId.OPTIMISM_MAINNET,
             ChainId.BSC_MAINNET,
-            ChainId.FANTOM_MAINNET,
-            ChainId.AVALANCHE_MAINNET
+            ChainId.AVALANCHE_MAINNET,
+            ChainId.FANTOM_MAINNET
         ],
-        chainBeingConfirmed: ChainId.MATIC_MAINNET,
-        selectedChain: ChainId.ETHEREUM_MAINNET,
-        onSelectChain: chain => console.log('Selected chain', chain),
-        avatar: avatar,
-        onClickSignIn: () => console.log('Clicked on sign in')
+        onSelectChain: (chain) => console.log('Selected chain', chain),
+        manaBalances: { [Network.ETHEREUM]: 1234, [Network.MATIC]: 5678 },
+        onClickBalance: (network) => console.log('Clicked balance', network),
+        creditsBalance: { balance: 4200, expiresAt: Date.now() + 86400000 * 30 },
+        onClickCredits: () => console.log('Credits clicked'),
+        onClickSignIn: () => console.log('Sign In clicked'),
+        onClickSignOut: () => console.log('Sign Out clicked')
     },
     render: args => {
-        const [openNotification, setOpenNotification] = useState(false);
-        const [tab, setTab] = useState(NotificationActiveTab.NEWEST);
-        return (_jsx(Navbar, { ...args, notifications: {
-                isOnboarding: false,
-                isOpen: openNotification,
-                isLoading: false,
-                items: [itemSoldNotificationPropsData],
-                locale: 'en',
-                activeTab: tab,
-                onBegin: console.log,
-                onChangeTab: (_e, tab) => setTab(tab),
-                onClick: () => setOpenNotification(true),
-                onClose: () => setOpenNotification(false)
-            }, manaBalances: { [Network.ETHEREUM]: 1000, [Network.MATIC]: 2500 }, creditsBalance: {
-                balance: 100,
-                expiresAt: Date.now() + 1000 * 60 * 60 * 24 * 100
-            } }));
+        const [notifOpen, setNotifOpen] = useState(false);
+        return (_jsxs(_Fragment, { children: [_jsx(Navbar, { ...args, notificationSlot: _jsx(NotificationDemo, { isOpen: notifOpen, onToggle: () => setNotifOpen(prev => !prev) }), onToggleUserCard: isOpen => {
+                        if (isOpen)
+                            setNotifOpen(false);
+                    } }), _jsx(PageContent, {})] }));
     }
 };
-const WithRedirectOnly = {
-    name: 'Redirect Only (No Download Before Redirect)',
+const CustomI18n = {
     args: {
-        activePage: NavbarPages.MARKETPLACE,
-        isSignedIn: true,
-        avatar: avatar,
-        shouldDownloadBeforeRedirect: false
+        isSignedIn: false,
+        i18n: {
+            signIn: 'Ingresar',
+            signingIn: 'Ingresando...',
+            shop: 'Comprar',
+            create: 'Crear',
+            learn: 'Aprender'
+        },
+        onClickSignIn: () => console.log('Sign In clicked'),
+        onClickSignOut: () => console.log('Sign Out clicked')
     },
-    parameters: {
-        docs: {
-            description: {
-                story: 'Navbar with download button that redirects without downloading the file first. The download will happen on the success page.'
-            }
-        }
-    }
+    render: args => (_jsxs(_Fragment, { children: [_jsx(Navbar, { ...args }), _jsx(PageContent, {})] }))
 };
-// eslint-disable-next-line import/no-default-export
-export default meta;
-export { Simple, WithScroll, WithChainSelector, WithRedirectOnly };
+export { SignedOut, SignedIn, WithNotifications, MarketplaceExample, CustomI18n };
 //# sourceMappingURL=Navbar.stories.js.map

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

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

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

@@ -1,64 +1,61 @@
-interface DclAppBarProps {
-    isSubmenuOpen: boolean;
-    isMobileOpen: boolean;
-}
-interface LogoLinkProps {
-    isMobile?: boolean;
-}
-declare const DclAppBar: import("@emotion/styled").StyledComponent<import("@mui/material").AppBarOwnProps & Omit<import("@mui/material").PaperOwnProps, "color" | "position" | "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
-    ref?: ((instance: HTMLElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLElement> | null | undefined;
-}, "elevation" | "color" | "position" | "className" | "style" | "classes" | "children" | "square" | "sx" | "variant" | "enableColorOnDark"> & {
+declare const FONT_FAMILY = "Inter, Helvetica, Arial, sans-serif";
+declare const MOBILE_BREAKPOINT = "@media (max-width: 991px)";
+declare const DESKTOP_BREAKPOINT = "@media (min-width: 992px)";
+declare const Z_INDEX: {
+    readonly userCard: 1099;
+    readonly navbar: 1100;
+    readonly mobileMenu: 1101;
+    readonly notificationPanel: 1102;
+    readonly mobileOverlay: 1201;
+};
+declare const GLASS_BG = "rgba(38, 38, 38, 0.8)";
+declare const GLASS_BORDER = "0.5px solid #5E5B67";
+declare const GLASS_SHADOW = "0 2px 20px 16px rgba(0, 0, 0, 0.25)";
+declare const GLASS_BLUR = "blur(12.5px)";
+declare const avatarPulse: {
+    name: string;
+    styles: string;
+    anim: 1;
+    toString: () => string;
+} & string;
+declare const slideDown: {
+    name: string;
+    styles: string;
+    anim: 1;
+    toString: () => string;
+} & string;
+declare const bellShake: {
+    name: string;
+    styles: string;
+    anim: 1;
+    toString: () => string;
+} & string;
+declare const NavbarRoot: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
-} & DclAppBarProps, {}, {}>;
-declare const LogoLink: import("@emotion/styled").StyledComponent<import("@mui/material").LinkOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
-    ref?: ((instance: HTMLAnchorElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLAnchorElement> | 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" | "TypographyClasses" | "underline"> & {
-    theme?: import("@emotion/react").Theme;
-} & LogoLinkProps, {}, {}>;
-declare const AppBarDesktopWrapper: 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").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {}>;
-declare const AppBarWrapper: 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").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {}>;
-declare const AppBarTabletAndBelowWrapper: 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").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
+declare const NavbarLeft: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
-}, {}, {}>;
-declare const AppBarRightWrapper: 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").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const NavbarRight: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
-}, {}, {}>;
-declare const MenuIcon: import("@emotion/styled").StyledComponent<import("@mui/material").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, "disabled" | "color" | "className" | "style" | "classes" | "children" | "sx" | "variant" | "tabIndex" | "disableElevation" | "fullWidth" | "startIcon" | "endIcon" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "href" | "size"> & {
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const NavbarRightGroup: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
-}, {}, {}>;
-interface MenuIconBarProps {
-    isOpen: boolean;
-}
-declare const MenuIconBar: import("@emotion/styled").StyledComponent<{
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const LogoLink: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & MenuIconBarProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-declare const MenuModal: 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").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | 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"> & {
+}, import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;
+declare const HamburgerButton: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
-}, {}, {}>;
-declare const Logo: import("@emotion/styled").StyledComponent<import("@mui/material").SvgIconOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
-    ref?: ((instance: SVGSVGElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<SVGSVGElement> | null | undefined;
-}, "color" | "fontSize" | "shapeRendering" | "className" | "style" | "classes" | "children" | "sx" | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & {
-    component?: import("react").ElementType;
-} & {
-    size?: "normal" | "large" | "huge" | "massive";
-} & {
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+declare const SignInButton: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
-}, {}, {}>;
-export { DclAppBar, LogoLink, AppBarDesktopWrapper, AppBarWrapper, AppBarTabletAndBelowWrapper, AppBarRightWrapper, MenuIcon, MenuIconBar, MenuModal, Logo };
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export { DESKTOP_BREAKPOINT, FONT_FAMILY, GLASS_BG, GLASS_BLUR, GLASS_BORDER, GLASS_SHADOW, HamburgerButton, LogoLink, MOBILE_BREAKPOINT, NavbarLeft, NavbarRight, NavbarRightGroup, NavbarRoot, SignInButton, Z_INDEX, avatarPulse, bellShake, slideDown };