@ably/ui 16.0.0-dev.f34cb058 → 16.0.0

package/index.d.ts

@@ -25,6 +25,12 @@ export type AccordionData = {
      * @param index - The index of the clicked accordion item.
      */
     onClick?: (index: number) => void;
+    /**
+     * Indicates whether the accordion item is interactive.
+     * When false, the item cannot be expanded or collapsed by user interaction.
+     * @default true
+     */
+    interactive?: boolean;
 };
 export type AccordionIcons = {
     closed: {
@@ -306,15 +312,6 @@ export default ConnectStateWrapper;
 //# sourceMappingURL=ConnectStateWrapper.d.ts.map
 }
 
-declare module '@ably/ui/core/ContactFooter' {
-type ContactFooterProps = {
-    urlBase: string;
-};
-const ContactFooter: ({ urlBase }: ContactFooterProps) => import("react/jsx-runtime").JSX.Element;
-export default ContactFooter;
-//# sourceMappingURL=ContactFooter.d.ts.map
-}
-
 declare module '@ably/ui/core/CookieMessage' {
 type CookieMessageProps = {
     cookieId: string;
@@ -423,8 +420,12 @@ type FeaturedLinkProps = {
     newWindow?: boolean;
     onClick?: () => void;
     disabled?: boolean;
+    /**
+     * Optional class name for the icon.
+     */
+    iconClassName?: string;
 };
-const FeaturedLink: ({ url, textSize, iconColor, flush, reverse, additionalCSS, newWindow, onClick, children, disabled, }: FeaturedLinkProps) => import("react/jsx-runtime").JSX.Element;
+const FeaturedLink: ({ url, textSize, iconColor, flush, reverse, additionalCSS, newWindow, onClick, children, disabled, iconClassName, }: FeaturedLinkProps) => import("react/jsx-runtime").JSX.Element;
 export default FeaturedLink;
 //# sourceMappingURL=FeaturedLink.d.ts.map
 }
@@ -507,29 +508,39 @@ type FlyoutProps = {
      * Optional class name for the viewport.
      */
     viewPortClassName?: string;
-    /**
-     * Flag to indicate if animation should be applied.
-     */
-    hasAnimation: boolean;
 };
-const Flyout: ({ menuItems, className, flyOutClassName, menuLinkClassName, viewPortClassName, hasAnimation, }: FlyoutProps) => import("react/jsx-runtime").JSX.Element;
+const Flyout: ({ menuItems, className, flyOutClassName, menuLinkClassName, viewPortClassName, }: FlyoutProps) => import("react/jsx-runtime").JSX.Element;
 export default Flyout;
 //# sourceMappingURL=Flyout.d.ts.map
 }
 
-declare module '@ably/ui/core/Footer' {
-type FooterProps = {
-    paths: {
-        ablyStack: string;
-        bestSupport: string;
-        highPerformer: string;
-        usersMostLikely: string;
-        bestMeetsRequirements: string;
-    };
-    urlBase: string;
-    statusUrl: string;
+declare module '@ably/ui/core/Footer/data' {
+import { IconName } from ".@ably/ui/core/Icon/types";
+type FooterLinksProps = {
+    title: string;
+    links: {
+        label: string;
+        link: string;
+        badge?: string;
+    }[];
 };
-const Footer: ({ paths, urlBase, statusUrl }: FooterProps) => import("react/jsx-runtime").JSX.Element;
+export const footerLinks: FooterLinksProps[];
+export const bottomFooterLinks: {
+    label: string;
+    link: string;
+}[];
+export const socialLinks: {
+    key: string;
+    colorIcon: IconName;
+    monoIcon: IconName;
+    link: string;
+}[];
+export {};
+//# sourceMappingURL=data.d.ts.map
+}
+
+declare module '@ably/ui/core/Footer' {
+const Footer: () => import("react/jsx-runtime").JSX.Element;
 export default Footer;
 //# sourceMappingURL=Footer.d.ts.map
 }
@@ -581,6 +592,10 @@ export type HeaderProps = {
      * Optional classnames to add to the header
      */
     className?: string;
+    /**
+     * Indicates if the notice banner is visible.
+     */
+    isNoticeVisible?: boolean;
     /**
      * Optional search bar element.
      */
@@ -610,6 +625,10 @@ export type HeaderProps = {
          */
         external?: boolean;
     }[];
+    /**
+     * Optional classname for styling the header links container.
+     */
+    headerLinksClassName?: string;
     /**
      * Optional desktop navigation element.
      */
@@ -633,6 +652,10 @@ export type HeaderProps = {
      * - "mobile": Visible only on mobile devices.
      */
     searchButtonVisibility?: "all" | "desktop" | "mobile";
+    /**
+     * Optional location object to detect location changes.
+     */
+    location?: Location;
 };
 const Header: React.FC<HeaderProps>;
 export default Header;
@@ -685,73 +708,26 @@ export default Icon;
 //# sourceMappingURL=Icon.d.ts.map
 }
 
-declare module '@ably/ui/core/LegacyMeganav/MeganavControl/component' {
-export default MeganavControl;
-function MeganavControl(): {
-    teardown: () => void;
-    clear: () => void;
-}[];
-//# sourceMappingURL=component.d.ts.map
-}
-
-declare module '@ably/ui/core/LegacyMeganav/MeganavControlMobileDropdown/component' {
-export default MeganavControlMobileDropdown;
-function MeganavControlMobileDropdown({ clearPanels }: {
-    clearPanels: any;
-}): {
-    teardown: () => void;
-    clear: () => void;
-};
-//# sourceMappingURL=component.d.ts.map
-}
-
-declare module '@ably/ui/core/LegacyMeganav/MeganavControlMobilePanelClose/component' {
-function _default(): {
-    teardown: () => void;
-    clear: () => void;
-}[];
-export default _default;
-//# sourceMappingURL=component.d.ts.map
-}
-
-declare module '@ably/ui/core/LegacyMeganav/MeganavControlMobilePanelOpen/component' {
-function _default(): {
-    teardown: () => void;
-    clear: () => void;
-}[];
-export default _default;
-//# sourceMappingURL=component.d.ts.map
-}
-
-declare module '@ably/ui/core/LegacyMeganav/MeganavSearchAutocomplete/component' {
-function _default(apiKey: any): {
-    teardown: () => void;
-    clear: () => void;
-}[];
-export default _default;
-//# sourceMappingURL=component.d.ts.map
-}
-
-declare module '@ably/ui/core/LegacyMeganav/MeganavSearchSuggestions/component' {
-export default MeganavSearchSuggestions;
-function MeganavSearchSuggestions(): {
-    teardown: () => void;
-    clear: () => void;
+declare module '@ably/ui/core/LegacyFooter/LegacyFooter' {
+type LegacyFooterProps = {
+    paths: {
+        ablyStack: string;
+        bestSupport: string;
+        highPerformer: string;
+        usersMostLikely: string;
+        bestMeetsRequirements: string;
+    };
+    urlBase: string;
+    statusUrl: string;
 };
-//# sourceMappingURL=component.d.ts.map
+const LegacyFooter: ({ paths, urlBase, statusUrl }: LegacyFooterProps) => import("react/jsx-runtime").JSX.Element;
+export default LegacyFooter;
+//# sourceMappingURL=LegacyFooter.d.ts.map
 }
 
-declare module '@ably/ui/core/LegacyMeganav/component' {
-export default function Meganav({ themeName, addSearchApiKey }: {
-    themeName: any;
-    addSearchApiKey: any;
-}): () => void;
-//# sourceMappingURL=component.d.ts.map
-}
-
-declare module '@ably/ui/core/LegacyMeganav' {
+declare module '@ably/ui/core/LegacyMeganav/LegacyMeganav' {
 import { ReactNode } from "react";
-import { ColorClass } from "@ably/ui/core/styles/colors/types";
+import { ColorClass } from ".@ably/ui/core/styles/colors/types";
 export type MeganavTheme = {
     backgroundColor?: ColorClass;
     textColor?: ColorClass;
@@ -829,137 +805,12 @@ type MeganavProps = {
     statusUrl: string;
     searchDataId?: string;
 };
-const Meganav: ({ paths, themeName, notice, loginLink, urlBase, addSearchApiKey, statusUrl, searchDataId, }: MeganavProps) => import("react/jsx-runtime").JSX.Element;
-export default Meganav;
+const LegacyMeganav: ({ paths, themeName, notice, loginLink, urlBase, addSearchApiKey, statusUrl, searchDataId, }: MeganavProps) => import("react/jsx-runtime").JSX.Element;
+export default LegacyMeganav;
 //# sourceMappingURL=LegacyMeganav.d.ts.map
 }
 
-declare module '@ably/ui/core/LinkButton' {
-import React from "react";
-import { ButtonPropsBase } from "@ably/ui/core/Button";
-import { ColorClass, ColorThemeSet } from "@ably/ui/core/styles/colors/types";
-export type LinkButtonProps = ButtonPropsBase & {
-    disabled?: boolean;
-    onClick?: (event: React.MouseEvent<HTMLAnchorElement>) => void;
-    iconColor?: ColorClass | ColorThemeSet;
-} & React.AnchorHTMLAttributes<HTMLAnchorElement>;
-const LinkButton: React.FC<LinkButtonProps>;
-export default LinkButton;
-//# sourceMappingURL=LinkButton.d.ts.map
-}
-
-declare module '@ably/ui/core/Loader' {
-type LoaderProps = {
-    size?: string;
-    ringColor?: string;
-    additionalCSS?: string;
-};
-const Loader: ({ ringColor, size, additionalCSS, }: LoaderProps) => import("react/jsx-runtime").JSX.Element;
-export default Loader;
-//# sourceMappingURL=Loader.d.ts.map
-}
-
-declare module '@ably/ui/core/Logo' {
-import React from "react";
-type LogoProps = {
-    dataId?: string;
-    logoUrl?: string;
-    logoAlt?: string;
-    href?: string;
-    additionalImgAttrs?: object;
-    additionalLinkAttrs?: object;
-    theme?: "light" | "dark";
-    variant?: "default" | "mono";
-    orientation?: "default" | "stacked";
-};
-const _default: React.MemoExoticComponent<({ dataId, href, additionalImgAttrs, additionalLinkAttrs, theme, variant, orientation, logoUrl, logoAlt, }: LogoProps) => import("react/jsx-runtime").JSX.Element>;
-export default _default;
-//# sourceMappingURL=Logo.d.ts.map
-}
-
-declare module '@ably/ui/core/Meganav/Meganav' {
-import { HeaderSessionState } from ".@ably/ui/core/Header";
-export type MeganavNoticeBannerProps = {
-    props: {
-        title: string;
-        bodyText: string;
-        buttonLink: string;
-        buttonLabel: string;
-        closeBtn: boolean;
-    };
-    config: {
-        cookieId: string;
-        noticeId: string | number;
-        options: {
-            collapse: boolean;
-        };
-    };
-};
-export type MeganavProps = {
-    sessionState: HeaderSessionState;
-    searchDataId: string;
-    notice?: MeganavNoticeBannerProps;
-};
-const Meganav: ({ sessionState, searchDataId, notice }: MeganavProps) => import("react/jsx-runtime").JSX.Element;
-export default Meganav;
-//# sourceMappingURL=Meganav.d.ts.map
-}
-
-declare module '@ably/ui/core/Meganav/MeganavMobile' {
-import { AccordionData } from ".@ably/ui/core/Accordion/types";
-export const MeganavMobile: ({ mobileNavItems, }: {
-    mobileNavItems: AccordionData[];
-}) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=MeganavMobile.d.ts.map
-}
-
-declare module '@ably/ui/core/Meganav/MeganavPanel' {
-import React from "react";
-import { FlyoutPanelHighlight, FlyoutPanelList } from "@ably/ui/core/data";
-export const MeganavPanel: ({ displayProductTile, panelLeft, panelLeftClassName, panelRightHeading, panelRightItems, panelRightBottom, }: {
-    displayProductTile?: boolean;
-    panelLeft?: FlyoutPanelHighlight;
-    panelLeftClassName?: string;
-    panelRightHeading?: string;
-    panelRightItems: FlyoutPanelList[];
-    panelRightBottom?: React.ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=MeganavPanel.d.ts.map
-}
-
-declare module '@ably/ui/core/Meganav/data' {
-import React from "react";
-import { IconName } from ".@ably/ui/core/Icon/types";
-export type FlyoutPanelList = {
-    label: string;
-    icon: IconName;
-    link: string;
-    isMobile?: boolean;
-};
-export type FlyoutPanelHighlight = {
-    heading: string;
-    content: string;
-    labelLink: string;
-    url: string;
-    image: string;
-};
-export type MenuItem = {
-    name: string;
-    link?: string;
-    isHiddenMobile?: boolean;
-    content?: React.ReactNode;
-    panelClassName?: string;
-};
-export const menuItemLinks: {
-    name: string;
-    link: string;
-    isHiddenMobile: boolean;
-}[];
-export const menuItemsForHeader: MenuItem[];
-//# sourceMappingURL=data.d.ts.map
-}
-
-declare module '@ably/ui/core/MeganavBlogPostsList' {
+declare module '@ably/ui/core/LegacyMeganav/MeganavBlogPostsList' {
 import { AbsUrl } from "@ably/ui/core/LegacyMeganav";
 type MeganavBlogPostsListProps = {
     recentBlogPosts: {
@@ -974,7 +825,7 @@ export default MeganavBlogPostsList;
 //# sourceMappingURL=MeganavBlogPostsList.d.ts.map
 }
 
-declare module '@ably/ui/core/MeganavContentCompany' {
+declare module '@ably/ui/core/LegacyMeganav/MeganavContentCompany' {
 import { AbsUrl, MeganavPaths } from "@ably/ui/core/LegacyMeganav";
 type MeganavContentCompanyProps = {
     absUrl: AbsUrl;
@@ -985,7 +836,7 @@ export default MeganavContentCompany;
 //# sourceMappingURL=MeganavContentCompany.d.ts.map
 }
 
-declare module '@ably/ui/core/MeganavContentDevelopers' {
+declare module '@ably/ui/core/LegacyMeganav/MeganavContentDevelopers' {
 import { AbsUrl } from "@ably/ui/core/LegacyMeganav";
 const MeganavContentDevelopers: ({ absUrl, statusUrl, }: {
     absUrl: AbsUrl;
@@ -995,7 +846,7 @@ export default MeganavContentDevelopers;
 //# sourceMappingURL=MeganavContentDevelopers.d.ts.map
 }
 
-declare module '@ably/ui/core/MeganavContentProducts' {
+declare module '@ably/ui/core/LegacyMeganav/MeganavContentProducts' {
 import { AbsUrl, MeganavPaths } from "@ably/ui/core/LegacyMeganav";
 type MeganavContentProductsProps = {
     paths?: MeganavPaths;
@@ -1006,7 +857,7 @@ export default MeganavContentProducts;
 //# sourceMappingURL=MeganavContentProducts.d.ts.map
 }
 
-declare module '@ably/ui/core/MeganavContentUseCases' {
+declare module '@ably/ui/core/LegacyMeganav/MeganavContentUseCases' {
 import { AbsUrl } from "@ably/ui/core/LegacyMeganav";
 const MeganavContentUseCases: ({ absUrl }: {
     absUrl: AbsUrl;
@@ -1015,7 +866,16 @@ export default MeganavContentUseCases;
 //# sourceMappingURL=MeganavContentUseCases.d.ts.map
 }
 
-declare module '@ably/ui/core/MeganavControl' {
+declare module '@ably/ui/core/LegacyMeganav/MeganavControl/component' {
+export default MeganavControl;
+function MeganavControl(): {
+    teardown: () => void;
+    clear: () => void;
+}[];
+//# sourceMappingURL=component.d.ts.map
+}
+
+declare module '@ably/ui/core/LegacyMeganav/MeganavControl' {
 import { ReactNode } from "react";
 import { MeganavTheme } from "@ably/ui/core/LegacyMeganav";
 type MeganavControlProps = {
@@ -1030,7 +890,18 @@ export default MeganavControl;
 //# sourceMappingURL=MeganavControl.d.ts.map
 }
 
-declare module '@ably/ui/core/MeganavControlMobileDropdown' {
+declare module '@ably/ui/core/LegacyMeganav/MeganavControlMobileDropdown/component' {
+export default MeganavControlMobileDropdown;
+function MeganavControlMobileDropdown({ clearPanels }: {
+    clearPanels: any;
+}): {
+    teardown: () => void;
+    clear: () => void;
+};
+//# sourceMappingURL=component.d.ts.map
+}
+
+declare module '@ably/ui/core/LegacyMeganav/MeganavControlMobileDropdown' {
 import { MeganavTheme } from "@ably/ui/core/LegacyMeganav";
 const MeganavControlMobileDropdown: ({ theme }: {
     theme: MeganavTheme;
@@ -1039,7 +910,16 @@ export default MeganavControlMobileDropdown;
 //# sourceMappingURL=MeganavControlMobileDropdown.d.ts.map
 }
 
-declare module '@ably/ui/core/MeganavControlMobilePanelClose' {
+declare module '@ably/ui/core/LegacyMeganav/MeganavControlMobilePanelClose/component' {
+function _default(): {
+    teardown: () => void;
+    clear: () => void;
+}[];
+export default _default;
+//# sourceMappingURL=component.d.ts.map
+}
+
+declare module '@ably/ui/core/LegacyMeganav/MeganavControlMobilePanelClose' {
 type MeganavControlMobilePanelCloseProps = {
     ariaControls: string;
     displayHr?: boolean;
@@ -1049,7 +929,16 @@ export default MeganavControlMobilePanelClose;
 //# sourceMappingURL=MeganavControlMobilePanelClose.d.ts.map
 }
 
-declare module '@ably/ui/core/MeganavControlMobilePanelOpen' {
+declare module '@ably/ui/core/LegacyMeganav/MeganavControlMobilePanelOpen/component' {
+function _default(): {
+    teardown: () => void;
+    clear: () => void;
+}[];
+export default _default;
+//# sourceMappingURL=component.d.ts.map
+}
+
+declare module '@ably/ui/core/LegacyMeganav/MeganavControlMobilePanelOpen' {
 import { ReactNode } from "react";
 type MeganavControlMobilePanelOpenProps = {
     ariaControls: string;
@@ -1060,7 +949,7 @@ export default MeganavControlMobilePanelOpen;
 //# sourceMappingURL=MeganavControlMobilePanelOpen.d.ts.map
 }
 
-declare module '@ably/ui/core/MeganavItemsDesktop' {
+declare module '@ably/ui/core/LegacyMeganav/MeganavItemsDesktop' {
 import React from "react";
 import { AbsUrl, MeganavPanels, MeganavPaths, MeganavTheme } from "@ably/ui/core/LegacyMeganav";
 type MeganavDesktopItems = {
@@ -1076,7 +965,7 @@ export default _default;
 //# sourceMappingURL=MeganavItemsDesktop.d.ts.map
 }
 
-declare module '@ably/ui/core/MeganavItemsMobile' {
+declare module '@ably/ui/core/LegacyMeganav/MeganavItemsMobile' {
 import React from "react";
 import { AbsUrl, MeganavPanels, MeganavPaths, MeganavSessionState, MeganavTheme } from "@ably/ui/core/LegacyMeganav";
 type MeganavItemsMobileProps = {
@@ -1094,7 +983,7 @@ export default _default;
 //# sourceMappingURL=MeganavItemsMobile.d.ts.map
 }
 
-declare module '@ably/ui/core/MeganavItemsSignedIn' {
+declare module '@ably/ui/core/LegacyMeganav/MeganavItemsSignedIn' {
 import { AbsUrl, MeganavSessionState, MeganavTheme } from "@ably/ui/core/LegacyMeganav";
 type MeganavItemsSignedIn = {
     sessionState: MeganavSessionState;
@@ -1107,7 +996,7 @@ export default MeganavItemsSignedIn;
 //# sourceMappingURL=MeganavItemsSignedIn.d.ts.map
 }
 
-declare module '@ably/ui/core/MeganavSearch' {
+declare module '@ably/ui/core/LegacyMeganav/MeganavSearch' {
 import { AbsUrl } from "@ably/ui/core/LegacyMeganav";
 const MeganavSearch: ({ absUrl, dataId, }: {
     absUrl: AbsUrl;
@@ -1117,13 +1006,22 @@ export default MeganavSearch;
 //# sourceMappingURL=MeganavSearch.d.ts.map
 }
 
-declare module '@ably/ui/core/MeganavSearchAutocomplete' {
+declare module '@ably/ui/core/LegacyMeganav/MeganavSearchAutocomplete/component' {
+function _default(apiKey: any): {
+    teardown: () => void;
+    clear: () => void;
+}[];
+export default _default;
+//# sourceMappingURL=component.d.ts.map
+}
+
+declare module '@ably/ui/core/LegacyMeganav/MeganavSearchAutocomplete' {
 const MeganavSearchAutocomplete: () => import("react/jsx-runtime").JSX.Element;
 export default MeganavSearchAutocomplete;
 //# sourceMappingURL=MeganavSearchAutocomplete.d.ts.map
 }
 
-declare module '@ably/ui/core/MeganavSearchPanel' {
+declare module '@ably/ui/core/LegacyMeganav/MeganavSearchPanel' {
 import { AbsUrl } from "@ably/ui/core/LegacyMeganav";
 const MeganavSearchPanel: ({ absUrl }: {
     absUrl: AbsUrl;
@@ -1132,7 +1030,16 @@ export default MeganavSearchPanel;
 //# sourceMappingURL=MeganavSearchPanel.d.ts.map
 }
 
-declare module '@ably/ui/core/MeganavSearchSuggestions' {
+declare module '@ably/ui/core/LegacyMeganav/MeganavSearchSuggestions/component' {
+export default MeganavSearchSuggestions;
+function MeganavSearchSuggestions(): {
+    teardown: () => void;
+    clear: () => void;
+};
+//# sourceMappingURL=component.d.ts.map
+}
+
+declare module '@ably/ui/core/LegacyMeganav/MeganavSearchSuggestions' {
 import { AbsUrl } from "@ably/ui/core/LegacyMeganav";
 type MeganavSearchSuggestionsProps = {
     absUrl: AbsUrl;
@@ -1143,6 +1050,212 @@ export default MeganavSearchSuggestions;
 //# sourceMappingURL=MeganavSearchSuggestions.d.ts.map
 }
 
+declare module '@ably/ui/core/LegacyMeganav/SignOutLink' {
+import { MouseEventHandler, ReactNode } from "react";
+import { AbsUrl } from "@ably/ui/core/LegacyMeganav";
+type SignOutLinkProps = {
+    token: string;
+    href: string;
+    text: string;
+    children: ({ href, text, onClick, }: {
+        href: string;
+        text: string;
+        onClick: MouseEventHandler<HTMLAnchorElement>;
+    }) => ReactNode;
+    absUrl: AbsUrl;
+};
+const SignOutLink: ({ token, href, text, children, absUrl, }: SignOutLinkProps) => import("react/jsx-runtime").JSX.Element;
+export default SignOutLink;
+//# sourceMappingURL=SignOutLink.d.ts.map
+}
+
+declare module '@ably/ui/core/LegacyMeganav/component' {
+export default function Meganav({ themeName, addSearchApiKey }: {
+    themeName: any;
+    addSearchApiKey: any;
+}): () => void;
+//# sourceMappingURL=component.d.ts.map
+}
+
+declare module '@ably/ui/core/LinkButton' {
+import React from "react";
+import { ButtonPropsBase } from "@ably/ui/core/Button";
+import { ColorClass, ColorThemeSet } from "@ably/ui/core/styles/colors/types";
+export type LinkButtonProps = ButtonPropsBase & {
+    disabled?: boolean;
+    onClick?: (event: React.MouseEvent<HTMLAnchorElement>) => void;
+    iconColor?: ColorClass | ColorThemeSet;
+} & React.AnchorHTMLAttributes<HTMLAnchorElement>;
+const LinkButton: React.FC<LinkButtonProps>;
+export default LinkButton;
+//# sourceMappingURL=LinkButton.d.ts.map
+}
+
+declare module '@ably/ui/core/Loader' {
+type LoaderProps = {
+    size?: string;
+    ringColor?: string;
+    additionalCSS?: string;
+};
+const Loader: ({ ringColor, size, additionalCSS, }: LoaderProps) => import("react/jsx-runtime").JSX.Element;
+export default Loader;
+//# sourceMappingURL=Loader.d.ts.map
+}
+
+declare module '@ably/ui/core/Logo' {
+import React from "react";
+type LogoProps = {
+    dataId?: string;
+    logoUrl?: string;
+    logoAlt?: string;
+    href?: string;
+    additionalImgAttrs?: object;
+    additionalLinkAttrs?: object;
+    theme?: "light" | "dark";
+    variant?: "default" | "mono";
+    orientation?: "default" | "stacked";
+};
+const _default: React.MemoExoticComponent<({ dataId, href, additionalImgAttrs, additionalLinkAttrs, theme, variant, orientation, logoUrl, logoAlt, }: LogoProps) => import("react/jsx-runtime").JSX.Element>;
+export default _default;
+//# sourceMappingURL=Logo.d.ts.map
+}
+
+declare module '@ably/ui/core/Meganav/MeganavMobile' {
+import { AccordionData } from ".@ably/ui/core/Accordion/types";
+export const MeganavMobile: ({ navItems }: {
+    navItems: AccordionData[];
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MeganavMobile.d.ts.map
+}
+
+declare module '@ably/ui/core/Meganav/MeganavPanel' {
+import React from "react";
+import { FlyoutPanelHighlight, FlyoutPanelList } from "@ably/ui/core/data";
+export const MeganavPanel: ({ displayProductTile, panelLeft, panelLeftClassName, panelRightHeading, panelRightItems, panelRightBottom, }: {
+    displayProductTile?: boolean;
+    panelLeft?: FlyoutPanelHighlight;
+    panelLeftClassName?: string;
+    panelRightHeading?: string;
+    panelRightItems: FlyoutPanelList[];
+    panelRightBottom?: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MeganavPanel.d.ts.map
+}
+
+declare module '@ably/ui/core/Meganav/data' {
+import React from "react";
+import { IconName } from ".@ably/ui/core/Icon/types";
+export type FlyoutPanelList = {
+    label: string;
+    icon: IconName;
+    link: string;
+    isMobile?: boolean;
+};
+export type FlyoutPanelHighlight = {
+    heading: string;
+    content: string;
+    labelLink: string;
+    url: string;
+    image: string;
+};
+export type MenuItem = {
+    name: string;
+    link?: string;
+    isHiddenMobile?: boolean;
+    content?: React.ReactNode;
+    panelClassName?: string;
+};
+export const ablyAwards: {
+    image: string;
+    desc: string;
+}[];
+export const menuItemLinks: {
+    name: string;
+    link: string;
+    isHiddenMobile: boolean;
+}[];
+export const menuItemsForHeader: MenuItem[];
+export const productsForNav: {
+    pubsub: {
+        link: string;
+        label: string;
+        description: string;
+        icon?: IconName;
+        hoverIcon?: IconName;
+        unavailable?: boolean;
+    };
+    liveSync: {
+        link: string;
+        label: string;
+        description: string;
+        icon?: IconName;
+        hoverIcon?: IconName;
+        unavailable?: boolean;
+    };
+    chat: {
+        link: string;
+        label: string;
+        description: string;
+        icon?: IconName;
+        hoverIcon?: IconName;
+        unavailable?: boolean;
+    };
+    spaces: {
+        link: string;
+        label: string;
+        description: string;
+        icon?: IconName;
+        hoverIcon?: IconName;
+        unavailable?: boolean;
+    };
+    assetTracking: {
+        label: string;
+        description: string;
+        link?: string;
+        icon?: IconName;
+        hoverIcon?: IconName;
+        unavailable?: boolean;
+    };
+    liveObjects: {
+        label: string;
+        description: string;
+        link?: string;
+        icon?: IconName;
+        hoverIcon?: IconName;
+        unavailable?: boolean;
+    };
+};
+//# sourceMappingURL=data.d.ts.map
+}
+
+declare module '@ably/ui/core/Meganav' {
+import { HeaderSessionState } from "@ably/ui/core/Header";
+export type MeganavNoticeBannerProps = {
+    props: {
+        title: string;
+        bodyText: string;
+        buttonLink: string;
+        buttonLabel: string;
+        closeBtn: boolean;
+    };
+    config: {
+        cookieId: string;
+        noticeId: string | number;
+        options: {
+            collapse: boolean;
+        };
+    };
+};
+export type MeganavProps = {
+    sessionState: HeaderSessionState;
+    notice?: MeganavNoticeBannerProps;
+    theme?: string;
+};
+const Meganav: ({ sessionState, notice, theme }: MeganavProps) => import("react/jsx-runtime").JSX.Element;
+export default Meganav;
+//# sourceMappingURL=Meganav.d.ts.map
+}
+
 declare module '@ably/ui/core/Notice/component' {
 export const COLLAPSE_TRIGGER_DISTANCE: 5;
 export default Notice;
@@ -1290,7 +1403,8 @@ export default ProductLabel;
 
 declare module '@ably/ui/core/ProductTile/data' {
 import { IconName } from ".@ably/ui/core/Icon/types";
-export type ProductName = "pubsub" | "chat" | "spaces" | "liveSync" | "assetTracking" | "liveObjects";
+export const productNames: readonly ["pubsub", "chat", "spaces", "liveSync", "assetTracking", "liveObjects"];
+export type ProductName = (typeof productNames)[number];
 type Products = Record<ProductName, {
     label: string;
     description: string;
@@ -1359,23 +1473,24 @@ export default ProductTile;
 //# sourceMappingURL=ProductTile.d.ts.map
 }
 
-declare module '@ably/ui/core/SignOutLink' {
-import { MouseEventHandler, ReactNode } from "react";
-import { AbsUrl } from "@ably/ui/core/LegacyMeganav";
-type SignOutLinkProps = {
-    token: string;
-    href: string;
-    text: string;
-    children: ({ href, text, onClick, }: {
-        href: string;
-        text: string;
-        onClick: MouseEventHandler<HTMLAnchorElement>;
-    }) => ReactNode;
-    absUrl: AbsUrl;
+declare module '@ably/ui/core/SegmentedControl' {
+import React, { PropsWithChildren } from "react";
+import type { IconName } from "@ably/ui/core/Icon/types";
+export type SegmentedControlSize = "md" | "sm" | "xs";
+export type SegmentedControlProps = {
+    className?: string;
+    rounded?: boolean;
+    leftIcon?: IconName;
+    rightIcon?: IconName;
+    active?: boolean;
+    variant?: "default" | "subtle" | "strong";
+    size?: SegmentedControlSize;
+    onClick?: () => void;
+    disabled?: boolean;
 };
-const SignOutLink: ({ token, href, text, children, absUrl, }: SignOutLinkProps) => import("react/jsx-runtime").JSX.Element;
-export default SignOutLink;
-//# sourceMappingURL=SignOutLink.d.ts.map
+const SegmentedControl: React.FC<PropsWithChildren<SegmentedControlProps>>;
+export default SegmentedControl;
+//# sourceMappingURL=SegmentedControl.d.ts.map
 }
 
 declare module '@ably/ui/core/Slider' {
@@ -1575,11 +1690,6 @@ export function queryIdAll(val: any, root?: Document): NodeListOf<Element>;
 //# sourceMappingURL=dom-query.d.ts.map
 }
 
-declare module '@ably/ui/core/hubspot-chat-toggle' {
-export default function toggleChatWidget(params: any): (() => void) | undefined;
-//# sourceMappingURL=hubspot-chat-toggle.d.ts.map
-}
-
 declare module '@ably/ui/core/remote-blogs-posts' {
 export function fetchBlogPosts(store: any, blogUrl: any): Promise<void>;
 export namespace reducerBlogPosts {
@@ -1694,7 +1804,7 @@ declare module '@ably/ui/core/utils/heights' {
 export const HEADER_HEIGHT = 64;
 export const HEADER_BOTTOM_MARGIN = 24;
 /**
- * Calculates the maximum height for a component by subtracting the total of given heights from 100vh.
+ * Calculates the maximum height for a component by subtracting the total of given heights from 100dvh.
  *
  * @param {...number} heights - An array of heights in pixels.
  * @returns {string} The CSS calc expression for the maximum height.