decentraland-ui2 2.5.3 → 3.0.0

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

@@ -0,0 +1,9 @@
+declare const CreditsBalanceButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+declare const CreditsTooltip: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export { CreditsBalanceButton, CreditsTooltip };

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

@@ -0,0 +1,58 @@
+import styled from '@emotion/styled';
+import * as colors from '../../theme/colors';
+const CreditsBalanceButton = styled('button')({
+    all: 'unset',
+    position: 'relative',
+    display: 'flex',
+    alignItems: 'center',
+    gap: 4,
+    cursor: 'pointer',
+    color: '#A0ABFF',
+    fontFamily: 'Inter, Helvetica, Arial, sans-serif',
+    fontWeight: 600,
+    fontSize: 16,
+    letterSpacing: -0.8,
+    flexShrink: 0,
+    transition: 'opacity 0.15s ease',
+    '&:hover': {
+        opacity: 0.8
+    },
+    '&:hover .credits-tooltip': {
+        opacity: 1,
+        pointerEvents: 'auto'
+    },
+    '&:focus-visible': {
+        outline: `2px solid ${colors.base.primary}`,
+        outlineOffset: 2,
+        borderRadius: 4
+    },
+    '& svg': {
+        width: 20,
+        height: 20,
+        flexShrink: 0
+    }
+});
+const CreditsTooltip = styled('div')({
+    position: 'absolute',
+    top: 'calc(100% + 4px)',
+    left: '50%',
+    transform: 'translateX(-50%)',
+    background: '#43404A',
+    padding: 8,
+    borderRadius: 8,
+    boxShadow: '0 2px 8px rgba(0,0,0,0.3)',
+    fontFamily: 'Inter, Helvetica, Arial, sans-serif',
+    fontWeight: 400,
+    fontSize: 12,
+    lineHeight: 1.4,
+    color: '#ECEBED',
+    whiteSpace: 'normal',
+    textAlign: 'center',
+    minWidth: 140,
+    opacity: 0,
+    pointerEvents: 'none',
+    transition: 'opacity 0.15s ease',
+    zIndex: 10
+});
+export { CreditsBalanceButton, CreditsTooltip };
+//# sourceMappingURL=Credits.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Credits.styled.js","sourceRoot":"","sources":["../../../src/components/Navbar/Credits.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,KAAK,MAAM,MAAM,oBAAoB,CAAA;AAE5C,MAAM,oBAAoB,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC5C,GAAG,EAAE,OAAO;IACZ,QAAQ,EAAE,UAAU;IACpB,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,GAAG,EAAE,CAAC;IACN,MAAM,EAAE,SAAS;IACjB,KAAK,EAAE,SAAS;IAChB,UAAU,EAAE,qCAAqC;IACjD,UAAU,EAAE,GAAG;IACf,QAAQ,EAAE,EAAE;IACZ,aAAa,EAAE,CAAC,GAAG;IACnB,UAAU,EAAE,CAAC;IACb,UAAU,EAAE,oBAAoB;IAChC,SAAS,EAAE;QACT,OAAO,EAAE,GAAG;KACb;IACD,0BAA0B,EAAE;QAC1B,OAAO,EAAE,CAAC;QACV,aAAa,EAAE,MAAM;KACtB;IACD,iBAAiB,EAAE;QACjB,OAAO,EAAE,aAAa,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE;QAC3C,aAAa,EAAE,CAAC;QAChB,YAAY,EAAE,CAAC;KAChB;IACD,OAAO,EAAE;QACP,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,UAAU,EAAE,CAAC;KACd;CACF,CAAC,CAAA;AAEF,MAAM,cAAc,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACnC,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,kBAAkB;IACvB,IAAI,EAAE,KAAK;IACX,SAAS,EAAE,kBAAkB;IAC7B,UAAU,EAAE,SAAS;IACrB,OAAO,EAAE,CAAC;IACV,YAAY,EAAE,CAAC;IACf,SAAS,EAAE,2BAA2B;IACtC,UAAU,EAAE,qCAAqC;IACjD,UAAU,EAAE,GAAG;IACf,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,GAAG;IACf,KAAK,EAAE,SAAS;IAChB,UAAU,EAAE,QAAQ;IACpB,SAAS,EAAE,QAAQ;IACnB,QAAQ,EAAE,GAAG;IACb,OAAO,EAAE,CAAC;IACV,aAAa,EAAE,MAAM;IACrB,UAAU,EAAE,oBAAoB;IAChC,MAAM,EAAE,EAAE;CACX,CAAC,CAAA;AAEF,OAAO,EAAE,oBAAoB,EAAE,cAAc,EAAE,CAAA"}

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

@@ -0,0 +1,8 @@
+import type { NavbarI18n } from './Navbar.types';
+interface MobileMenuProps {
+    open: boolean;
+    onClose: () => void;
+    i18n: NavbarI18n;
+}
+declare const MobileMenu: import("react").NamedExoticComponent<MobileMenuProps>;
+export { MobileMenu };

package/dist/components/Navbar/MobileMenu.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { memo, useCallback, useState } from 'react';
+import { ChevronDownIcon, ChevronUpIcon, ExternalLinkIcon } from './icons';
+import { DROPDOWN_SECTIONS, getMenuConfig } from './Navbar.defaults';
+import { MobileMenuAccordionHeader, MobileMenuItem, MobileMenuLink, MobileMenuOverlay, MobileMenuPanel, MobileMenuSubItem, MobileMenuSubItems } from './MobileMenu.styled';
+const MobileMenu = memo(function MobileMenu({ open, onClose, i18n }) {
+    const menuConfig = getMenuConfig();
+    const [mobileAccordion, setMobileAccordion] = useState(null);
+    const toggleMobileAccordion = useCallback((section) => {
+        setMobileAccordion(prev => (prev === section ? null : section));
+    }, []);
+    return (_jsxs(_Fragment, { children: [_jsx(MobileMenuOverlay, { open: open, onClick: onClose }), _jsxs(MobileMenuPanel, { open: open, role: "navigation", "aria-label": "Mobile navigation", children: [_jsx(MobileMenuItem, { children: _jsx(MobileMenuLink, { href: menuConfig.whatsOn.url, children: i18n[menuConfig.whatsOn.label] }) }), DROPDOWN_SECTIONS.map(section => {
+                        const config = menuConfig[section];
+                        const isExpanded = mobileAccordion === section;
+                        return (_jsxs(MobileMenuItem, { children: [_jsxs(MobileMenuAccordionHeader, { onClick: () => toggleMobileAccordion(section), "aria-expanded": isExpanded, children: [i18n[config.label], isExpanded ? _jsx(ChevronUpIcon, {}) : _jsx(ChevronDownIcon, {})] }), _jsx(MobileMenuSubItems, { open: isExpanded, children: config.items?.map(item => (_jsxs(MobileMenuSubItem, { href: item.url, target: item.isExternal ? '_blank' : undefined, rel: item.isExternal ? 'noopener noreferrer' : undefined, children: [i18n[item.label], item.isExternal && _jsx(ExternalLinkIcon, {})] }, item.label))) })] }, section));
+                    })] })] }));
+});
+MobileMenu.displayName = 'MobileMenu';
+export { MobileMenu };
+//# sourceMappingURL=MobileMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MobileMenu.js","sourceRoot":"","sources":["../../../src/components/Navbar/MobileMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACnD,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAC1E,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEpE,OAAO,EACL,yBAAyB,EACzB,cAAc,EACd,cAAc,EACd,iBAAiB,EACjB,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EACnB,MAAM,qBAAqB,CAAA;AAS5B,MAAM,UAAU,GAAG,IAAI,CAAC,SAAS,UAAU,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAmB;IAClF,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAyB,IAAI,CAAC,CAAA;IAEpF,MAAM,qBAAqB,GAAG,WAAW,CAAC,CAAC,OAAwB,EAAE,EAAE;QACrE,kBAAkB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAA;IACjE,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL,8BACE,KAAC,iBAAiB,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,GAAI,EACnD,MAAC,eAAe,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,YAAY,gBAAY,mBAAmB,aAC3E,KAAC,cAAc,cACb,KAAC,cAAc,IAAC,IAAI,EAAE,UAAU,CAAC,OAAO,CAAC,GAAG,YAAG,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,GAAkB,GAChF,EAEhB,iBAAiB,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;wBAC/B,MAAM,MAAM,GAAG,UAAU,CAAC,OAAO,CAAC,CAAA;wBAClC,MAAM,UAAU,GAAG,eAAe,KAAK,OAAO,CAAA;wBAE9C,OAAO,CACL,MAAC,cAAc,eACb,MAAC,yBAAyB,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,qBAAqB,CAAC,OAAO,CAAC,mBAAiB,UAAU,aAChG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,EAClB,UAAU,CAAC,CAAC,CAAC,KAAC,aAAa,KAAG,CAAC,CAAC,CAAC,KAAC,eAAe,KAAG,IAC3B,EAE5B,KAAC,kBAAkB,IAAC,IAAI,EAAE,UAAU,YACjC,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CACzB,MAAC,iBAAiB,IAEhB,IAAI,EAAE,IAAI,CAAC,GAAG,EACd,MAAM,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAC9C,GAAG,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,SAAS,aAEvD,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,EAChB,IAAI,CAAC,UAAU,IAAI,KAAC,gBAAgB,KAAG,KANnC,IAAI,CAAC,KAAK,CAOG,CACrB,CAAC,GACiB,KAlBF,OAAO,CAmBX,CAClB,CAAA;oBACH,CAAC,CAAC,IACc,IACjB,CACJ,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAErC,OAAO,EAAE,UAAU,EAAE,CAAA"}

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

@@ -0,0 +1,35 @@
+declare const MobileMenuOverlay: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    open: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const MobileMenuPanel: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    open: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const MobileMenuItem: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const MobileMenuLink: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;
+declare const MobileMenuAccordionHeader: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+declare const MobileMenuSubItems: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    open: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const MobileMenuSubItem: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;
+export { MobileMenuAccordionHeader, MobileMenuItem, MobileMenuLink, MobileMenuOverlay, MobileMenuPanel, MobileMenuSubItem, MobileMenuSubItems };

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

@@ -0,0 +1,116 @@
+import styled from '@emotion/styled';
+import * as colors from '../../theme/colors';
+import { DESKTOP_BREAKPOINT, GLASS_BG, GLASS_BLUR, GLASS_SHADOW } from './Navbar.styled';
+const MobileMenuOverlay = styled('div')(({ open }) => ({
+    position: 'fixed',
+    top: 64,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    zIndex: 1099,
+    pointerEvents: open ? 'auto' : 'none',
+    backgroundColor: open ? 'rgba(0, 0, 0, 0.3)' : 'transparent',
+    transition: 'background-color 0.25s ease',
+    [DESKTOP_BREAKPOINT]: {
+        display: 'none'
+    }
+}));
+const MobileMenuPanel = styled('div')(({ open }) => ({
+    position: 'fixed',
+    top: 64,
+    left: 0,
+    right: 0,
+    zIndex: 1100,
+    maxHeight: open ? 'calc(100vh - 64px)' : 0,
+    overflowY: 'auto',
+    background: GLASS_BG,
+    backdropFilter: GLASS_BLUR,
+    WebkitBackdropFilter: GLASS_BLUR,
+    boxShadow: open ? GLASS_SHADOW : 'none',
+    padding: open ? 12 : '0 12px',
+    transition: 'max-height 0.3s ease, padding 0.3s ease, box-shadow 0.3s ease',
+    [DESKTOP_BREAKPOINT]: {
+        display: 'none'
+    }
+}));
+const MobileMenuItem = styled('div')({
+    borderBottom: '0.5px solid rgba(255, 255, 255, 0.1)'
+});
+const MobileMenuLink = styled('a')({
+    display: 'flex',
+    alignItems: 'center',
+    padding: '24px 16px',
+    fontFamily: 'Inter, Helvetica, Arial, sans-serif',
+    fontWeight: 600,
+    fontSize: 16,
+    lineHeight: 1.75,
+    color: colors.neutral.white,
+    textDecoration: 'none',
+    '&:hover': {
+        color: colors.neutral.gray5
+    },
+    '&:focus-visible': {
+        outline: `2px solid ${colors.base.primary}`,
+        outlineOffset: -2
+    }
+});
+const MobileMenuAccordionHeader = styled('button')({
+    all: 'unset',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    width: '100%',
+    padding: '24px 16px',
+    boxSizing: 'border-box',
+    fontFamily: 'Inter, Helvetica, Arial, sans-serif',
+    fontWeight: 600,
+    fontSize: 16,
+    lineHeight: 1.75,
+    color: colors.neutral.white,
+    cursor: 'pointer',
+    '&:hover': {
+        color: colors.neutral.gray5
+    },
+    '&:focus-visible': {
+        outline: `2px solid ${colors.base.primary}`,
+        outlineOffset: -2
+    },
+    '& svg': {
+        width: 20,
+        height: 20,
+        flexShrink: 0,
+        transition: 'transform 0.2s ease'
+    }
+});
+const MobileMenuSubItems = styled('div')(({ open }) => ({
+    maxHeight: open ? 500 : 0,
+    overflow: 'hidden',
+    transition: 'max-height 0.25s ease'
+}));
+const MobileMenuSubItem = styled('a')({
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    gap: 8,
+    padding: '12px 16px',
+    fontFamily: 'Inter, Helvetica, Arial, sans-serif',
+    fontWeight: 400,
+    fontSize: 16,
+    color: colors.neutral.gray4,
+    textDecoration: 'none',
+    '&:hover': {
+        color: colors.neutral.white
+    },
+    '&:focus-visible': {
+        outline: `2px solid ${colors.base.primary}`,
+        outlineOffset: -2
+    },
+    '& svg': {
+        width: 16,
+        height: 16,
+        flexShrink: 0,
+        opacity: 0.6
+    }
+});
+export { MobileMenuAccordionHeader, MobileMenuItem, MobileMenuLink, MobileMenuOverlay, MobileMenuPanel, MobileMenuSubItem, MobileMenuSubItems };
+//# sourceMappingURL=MobileMenu.styled.js.map

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

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

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

@@ -0,0 +1,11 @@
+import type { NavbarI18n } from './Navbar.types';
+import type { DropdownSection } from './Navbar.defaults';
+interface NavLinksProps {
+    desktopDropdown: DropdownSection | null;
+    onOpenDropdown: (section: DropdownSection) => void;
+    onScheduleCloseDropdown: () => void;
+    activePage?: 'whatsOn' | 'shop' | 'create' | 'learn';
+    i18n: NavbarI18n;
+}
+declare const NavLinks: import("react").NamedExoticComponent<NavLinksProps>;
+export { NavLinks };

package/dist/components/Navbar/NavLinks.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from 'react';
+import { ChevronDownIcon, ExternalLinkIcon } from './icons';
+import { DROPDOWN_SECTIONS, getMenuConfig } from './Navbar.defaults';
+import { DesktopDropdown, DesktopDropdownItem, DesktopDropdownWrapper, DesktopTabLink, DesktopTabList, DesktopTabWithDropdown } from './NavLinks.styled';
+const NavLinks = memo(function NavLinks({ desktopDropdown, onOpenDropdown, onScheduleCloseDropdown, activePage, i18n }) {
+    const menuConfig = getMenuConfig();
+    return (_jsxs(DesktopTabList, { children: [_jsx(DesktopTabLink, { href: menuConfig.whatsOn.url, className: activePage === 'whatsOn' ? 'active' : undefined, children: i18n[menuConfig.whatsOn.label] }), DROPDOWN_SECTIONS.map(section => (_jsxs(DesktopDropdownWrapper, { onMouseEnter: () => onOpenDropdown(section), onMouseLeave: onScheduleCloseDropdown, children: [_jsxs(DesktopTabWithDropdown, { className: activePage === section ? 'active' : undefined, "aria-expanded": desktopDropdown === section, "aria-haspopup": "true", onClick: () => {
+                            const firstItem = menuConfig[section].items?.[0];
+                            if (firstItem)
+                                window.open(firstItem.url, '_self');
+                        }, children: [i18n[menuConfig[section].label], _jsx(ChevronDownIcon, { style: {
+                                    transform: desktopDropdown === section ? 'rotate(180deg)' : 'rotate(0deg)',
+                                    transition: 'transform 0.25s ease'
+                                } })] }), desktopDropdown === section && (_jsx(DesktopDropdown, { children: menuConfig[section].items?.map(item => (_jsxs(DesktopDropdownItem, { href: item.url, target: item.isExternal ? '_blank' : undefined, rel: item.isExternal ? 'noopener noreferrer' : undefined, children: [i18n[item.label], item.isExternal && _jsx(ExternalLinkIcon, {})] }, item.label))) }))] }, section)))] }));
+});
+NavLinks.displayName = 'NavLinks';
+export { NavLinks };
+//# sourceMappingURL=NavLinks.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavLinks.js","sourceRoot":"","sources":["../../../src/components/Navbar/NavLinks.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AAC5B,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAC3D,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEpE,OAAO,EACL,eAAe,EACf,mBAAmB,EACnB,sBAAsB,EACtB,cAAc,EACd,cAAc,EACd,sBAAsB,EACvB,MAAM,mBAAmB,CAAA;AAW1B,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,QAAQ,CAAC,EAAE,eAAe,EAAE,cAAc,EAAE,uBAAuB,EAAE,UAAU,EAAE,IAAI,EAAiB;IACnI,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,OAAO,CACL,MAAC,cAAc,eACb,KAAC,cAAc,IAAC,IAAI,EAAE,UAAU,CAAC,OAAO,CAAC,GAAG,EAAE,SAAS,EAAE,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,YACrG,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,GAChB,EAEhB,iBAAiB,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,CAChC,MAAC,sBAAsB,IAAe,YAAY,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,YAAY,EAAE,uBAAuB,aACtH,MAAC,sBAAsB,IACrB,SAAS,EAAE,UAAU,KAAK,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,mBACzC,eAAe,KAAK,OAAO,mBAC5B,MAAM,EACpB,OAAO,EAAE,GAAG,EAAE;4BACZ,MAAM,SAAS,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAA;4BAChD,IAAI,SAAS;gCAAE,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,EAAE,OAAO,CAAC,CAAA;wBACpD,CAAC,aAEA,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,EAChC,KAAC,eAAe,IACd,KAAK,EAAE;oCACL,SAAS,EAAE,eAAe,KAAK,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,cAAc;oCAC1E,UAAU,EAAE,sBAAsB;iCACnC,GACD,IACqB,EAExB,eAAe,KAAK,OAAO,IAAI,CAC9B,KAAC,eAAe,cACb,UAAU,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CACtC,MAAC,mBAAmB,IAElB,IAAI,EAAE,IAAI,CAAC,GAAG,EACd,MAAM,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAC9C,GAAG,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,SAAS,aAEvD,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,EAChB,IAAI,CAAC,UAAU,IAAI,KAAC,gBAAgB,KAAG,KANnC,IAAI,CAAC,KAAK,CAOK,CACvB,CAAC,GACc,CACnB,KAjC0B,OAAO,CAkCX,CAC1B,CAAC,IACa,CAClB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AAEjC,OAAO,EAAE,QAAQ,EAAE,CAAA"}

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

@@ -0,0 +1,31 @@
+declare const DesktopTabList: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const DesktopTab: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+declare const DesktopTabLink: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;
+declare const DesktopTabWithDropdown: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+declare const DesktopDropdownWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const DesktopDropdown: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const DesktopDropdownItem: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;
+export { DesktopDropdown, DesktopDropdownItem, DesktopDropdownWrapper, DesktopTab, DesktopTabLink, DesktopTabList, DesktopTabWithDropdown };

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

@@ -0,0 +1,130 @@
+import styled from '@emotion/styled';
+import * as colors from '../../theme/colors';
+import { DESKTOP_BREAKPOINT, GLASS_BG, GLASS_BLUR, GLASS_BORDER, GLASS_SHADOW, slideDown } from './Navbar.styled';
+const DesktopTabList = styled('div')({
+    display: 'none',
+    [DESKTOP_BREAKPOINT]: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: 24
+    }
+});
+const DesktopTab = styled('button')({
+    all: 'unset',
+    display: 'flex',
+    alignItems: 'center',
+    gap: 4,
+    padding: '8px 24px',
+    fontFamily: 'Inter, Helvetica, Arial, sans-serif',
+    fontWeight: 400,
+    fontSize: 16,
+    color: colors.neutral.gray5,
+    cursor: 'pointer',
+    borderRadius: 8,
+    whiteSpace: 'nowrap',
+    transition: 'background-color 0.15s ease, color 0.15s ease',
+    '&:hover': {
+        color: colors.neutral.white,
+        backgroundColor: 'rgba(255, 255, 255, 0.08)',
+        textShadow: '0 0 0.5px currentColor, 0 0 0.5px currentColor'
+    },
+    '&.active': {
+        color: colors.neutral.white,
+        textShadow: '0 0 0.5px currentColor, 0 0 0.5px currentColor'
+    },
+    '&:focus-visible': {
+        outline: `2px solid ${colors.base.primary}`,
+        outlineOffset: 2
+    },
+    '& svg': {
+        width: 20,
+        height: 20,
+        transition: 'transform 0.2s ease',
+        flexShrink: 0
+    }
+});
+const DesktopTabLink = styled('a')({
+    all: 'unset',
+    display: 'flex',
+    alignItems: 'center',
+    gap: 4,
+    padding: '8px 24px',
+    fontFamily: 'Inter, Helvetica, Arial, sans-serif',
+    fontWeight: 400,
+    fontSize: 16,
+    color: colors.neutral.gray5,
+    cursor: 'pointer',
+    borderRadius: 8,
+    whiteSpace: 'nowrap',
+    transition: 'background-color 0.15s ease, color 0.15s ease',
+    '&:hover': {
+        color: colors.neutral.white,
+        backgroundColor: 'rgba(255, 255, 255, 0.08)',
+        textShadow: '0 0 0.5px currentColor, 0 0 0.5px currentColor'
+    },
+    '&.active': {
+        color: colors.neutral.white,
+        textShadow: '0 0 0.5px currentColor, 0 0 0.5px currentColor'
+    },
+    '&:focus-visible': {
+        outline: `2px solid ${colors.base.primary}`,
+        outlineOffset: 2
+    }
+});
+const DesktopTabWithDropdown = styled(DesktopTab)({
+    paddingRight: 16
+});
+const DesktopDropdownWrapper = styled('div')({
+    position: 'relative',
+    // Extra padding at the bottom creates a hover "safe zone" between
+    // the tab and the dropdown so the mouse doesn't leave the wrapper.
+    paddingBottom: 8,
+    marginBottom: -8,
+    cursor: 'pointer'
+});
+const DesktopDropdown = styled('div')({
+    position: 'absolute',
+    top: '100%',
+    left: 0,
+    marginTop: 2,
+    minWidth: 220,
+    background: GLASS_BG,
+    backdropFilter: GLASS_BLUR,
+    WebkitBackdropFilter: GLASS_BLUR,
+    border: GLASS_BORDER,
+    borderRadius: 12,
+    boxShadow: GLASS_SHADOW,
+    padding: 12,
+    animation: `${slideDown} 0.15s ease forwards`
+});
+const DesktopDropdownItem = styled('a')({
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    gap: 8,
+    padding: '8px 16px',
+    fontFamily: 'Inter, Helvetica, Arial, sans-serif',
+    fontWeight: 400,
+    fontSize: 16,
+    color: colors.neutral.gray4,
+    textDecoration: 'none',
+    borderRadius: 12,
+    whiteSpace: 'nowrap',
+    transition: 'background-color 0.15s ease, color 0.15s ease',
+    '&:hover': {
+        backgroundColor: 'rgba(255, 255, 255, 0.06)',
+        color: colors.neutral.white
+    },
+    '&:focus-visible': {
+        outline: `2px solid ${colors.base.primary}`,
+        outlineOffset: -2
+    },
+    '& svg': {
+        width: 16,
+        height: 16,
+        flexShrink: 0,
+        opacity: 0.6
+    }
+});
+export { DesktopDropdown, DesktopDropdownItem, DesktopDropdownWrapper, DesktopTab, DesktopTabLink, DesktopTabList, DesktopTabWithDropdown };
+//# sourceMappingURL=NavLinks.styled.js.map

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

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

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

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

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

@@ -1,6 +1,29 @@
-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 };
+import type { NavbarI18n } from './Navbar.types';
+declare const DEFAULT_I18N: NavbarI18n;
+type MenuItem = {
+    label: keyof NavbarI18n;
+    url: string;
+    isExternal?: boolean;
+};
+type MenuSection = {
+    label: keyof NavbarI18n;
+    url?: string;
+    items?: MenuItem[];
+};
+type MenuConfig = {
+    whatsOn: MenuSection;
+    shop: MenuSection;
+    create: MenuSection;
+    learn: MenuSection;
+};
+type UserMenuItem = {
+    label: keyof NavbarI18n;
+    url: string;
+    icon: 'account' | 'wearable' | 'settings' | 'shopping';
+};
+declare function getMenuConfig(): MenuConfig;
+declare function getUserMenuItems(): UserMenuItem[];
+declare const DROPDOWN_SECTIONS: readonly ["shop", "create", "learn"];
+type DropdownSection = (typeof DROPDOWN_SECTIONS)[number];
+export { DEFAULT_I18N, DROPDOWN_SECTIONS, getMenuConfig, getUserMenuItems };
+export type { DropdownSection, MenuConfig, MenuItem, MenuSection, UserMenuItem };