@ably/ui 14.4.0-dev.49f3533 → 14.4.0-dev.a9c66a4

package/core/hubspot-chat-toggle.js

@@ -1 +1 @@
-import{queryId}from"./dom-query";function enableBtn(el,text){el.disabled=false;el.innerText=text}function disableBtn(el,text){el.disabled=true;el.innerText=text}const WAIT_BETWEEN_RETRIES_MS=100;let MAX_RETRY_COUNT=30;export default function toggleChatWidget(params){const{dataId}=params??{};const container=queryId(dataId);const chatButton=queryId("open-chat-widget",container);const textEnabled=chatButton.dataset.enabledLabel;const textDisabled=chatButton.dataset.disabledLabel;if(!dataId||!container)return;const trigger=queryId("open-chat-widget",container);let clickHandler;const waitForScript=delay=>{const widget=window?.HubSpotConversations?.widget;const iframe=document.querySelector("#hubspot-messages-iframe-container");clickHandler=e=>{e.preventDefault();widget.open()};if(widget&&iframe){trigger.addEventListener("click",clickHandler);enableBtn(trigger,textEnabled)}else if(--MAX_RETRY_COUNT){setTimeout(()=>waitForScript(WAIT_BETWEEN_RETRIES_MS),delay)}};disableBtn(trigger,textDisabled);waitForScript(0);return()=>{disableBtn(trigger,textDisabled);trigger.removeEventListener("click",clickHandler)}}
+import{queryId}from"./dom-query";function enableBtn(el,text){el.disabled=false;el.innerText=text}function disableBtn(el,text){el.disabled=true;el.innerText=text}const WAIT_BETWEEN_RETRIES_MS=100;let MAX_RETRY_COUNT=30;export default function toggleChatWidget(params={}){const{dataId}=params;const container=queryId(dataId);const chatButton=queryId("open-chat-widget",container);const textEnabled=chatButton.dataset.enabledLabel;const textDisabled=chatButton.dataset.disabledLabel;if(!dataId||!container)return;const trigger=queryId("open-chat-widget",container);let clickHandler;const waitForScript=delay=>{const widget=window?.HubSpotConversations?.widget;const iframe=document.querySelector("#hubspot-messages-iframe-container");clickHandler=e=>{e.preventDefault();widget.open()};if(widget&&iframe){trigger.addEventListener("click",clickHandler);enableBtn(trigger,textEnabled)}else if(--MAX_RETRY_COUNT){setTimeout(()=>waitForScript(WAIT_BETWEEN_RETRIES_MS),delay)}};disableBtn(trigger,textDisabled);waitForScript(0);return()=>{disableBtn(trigger,textDisabled);trigger.removeEventListener("click",clickHandler)}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ably/ui",
-  "version": "14.4.0-dev.49f3533",
+  "version": "14.4.0-dev.a9c66a4",
   "description": "Home of the Ably design system library ([design.ably.com](https://design.ably.com)). It provides a showcase, development/test environment and a publishing pipeline for different distributables.",
   "repository": {
     "type": "git",
@@ -51,7 +51,7 @@
   "scripts": {
     "build:prebuild": "rm -rf core reset",
     "build:swc": "swc src/core src/reset -d dist --copy-files --include-dotfiles --strip-leading-paths --config-file .swc --ignore **/*.stories.tsx,**/*.snap",
-    "build:tsc": "rm -rf types && tsc && node tsc.js",
+    "build:tsc": "tsc && node tsc.js",
     "build:cleanup": "mv dist/* . && rm -r dist",
     "build": "yarn build:prebuild && yarn build:swc && node sprites.js && yarn build:tsc && yarn build:cleanup",
     "watch": "yarn build:swc -w",

package/types/core/hubspot-chat-toggle.d.ts

@@ -1,2 +1,2 @@
-export default function toggleChatWidget(params: any): (() => void) | undefined;
+export default function toggleChatWidget(params?: {}): (() => void) | undefined;
 //# sourceMappingURL=hubspot-chat-toggle.d.ts.map

package/types/index.d.ts

@@ -1,784 +1,59 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-declare module '@ably/ui/core/Accordion' {
-import { ReactNode } from "react";
-type AccordionData = {
-    name: string;
-    content: ReactNode;
-};
-export type AccordionProps = {
-    data: AccordionData[];
-    arrowIcon?: boolean;
-    topBorder?: boolean;
-    bottomBorder?: boolean;
-    id?: string;
-    autoClose?: boolean;
-    className?: string;
-};
-const Accordion: ({ data, id, topBorder, bottomBorder, arrowIcon, autoClose, className, }: AccordionProps) => import("react/jsx-runtime").JSX.Element;
-export default Accordion;
-//# sourceMappingURL=Accordion.d.ts.map
-};
-
-declare module '@ably/ui/core/Code' {
-type CodeProps = {
-    language: string;
-    snippet: string;
-    textSize?: string;
-    padding?: string;
-    additionalCSS?: string;
-};
-const Code: ({ language, snippet, textSize, padding, additionalCSS, }: CodeProps) => import("react/jsx-runtime").JSX.Element;
-export default Code;
-//# sourceMappingURL=Code.d.ts.map
-};
-
-declare module '@ably/ui/core/ConnectStateWrapper' {
-const ConnectStateWrapper: (Component: any, selectors: any) => (props: any) => import("react/jsx-runtime").JSX.Element;
-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;
-    urlBase: string;
-};
-const CookieMessage: ({ cookieId, urlBase }: CookieMessageProps) => import("react/jsx-runtime").JSX.Element | null;
-export default CookieMessage;
-//# sourceMappingURL=CookieMessage.d.ts.map
-};
-
-declare module '@ably/ui/core/CustomerLogos' {
-type CompanyEntity = {
-    label: string;
-    logo: string;
-};
-type CustomerLogosProps = {
-    companies: CompanyEntity[];
-    additionalCss?: string;
-};
-const CustomerLogos: ({ companies, additionalCss, }: CustomerLogosProps) => import("react/jsx-runtime").JSX.Element;
-export default CustomerLogos;
-//# sourceMappingURL=CustomerLogos.d.ts.map
-};
-
-declare module '@ably/ui/core/DropdownMenu' {
-import { ReactNode } from "react";
-type DropdownMenuProps = {
-    children: ReactNode;
-};
-type TriggerProps = {
-    children: ReactNode;
-    additionalTriggerCSS?: string;
-};
-type ContentProps = {
-    children: ReactNode;
-    anchorPosition?: string;
-    additionalContentCSS?: string;
-};
-type LinkProps = {
-    url: string;
-    title: string;
-    subtitle: string;
-    iconName: string;
-    children: ReactNode;
-};
-const DropdownMenu: {
-    ({ children }: DropdownMenuProps): import("react/jsx-runtime").JSX.Element;
-    Trigger: ({ children, additionalTriggerCSS }: TriggerProps) => import("react/jsx-runtime").JSX.Element;
-    Content: ({ children, anchorPosition, additionalContentCSS, }: ContentProps) => import("react/jsx-runtime").JSX.Element | null;
-    Link: ({ url, title, subtitle, iconName, children }: LinkProps) => import("react/jsx-runtime").JSX.Element;
-};
-export default DropdownMenu;
-//# sourceMappingURL=DropdownMenu.d.ts.map
-};
-
-declare module '@ably/ui/core/Expander' {
-import { PropsWithChildren } from "react";
-type ExpanderProps = {
-    heightThreshold?: number;
-    className?: string;
-    fadeClassName?: string;
-    controlsClassName?: string;
-    controlsOpenedLabel?: string;
-    controlsClosedLabel?: string;
-};
-const Expander: ({ heightThreshold, className, fadeClassName, controlsClassName, controlsOpenedLabel, controlsClosedLabel, children, }: PropsWithChildren<ExpanderProps>) => import("react/jsx-runtime").JSX.Element;
-export default Expander;
-//# sourceMappingURL=Expander.d.ts.map
-};
-
-declare module '@ably/ui/core/FeaturedLink' {
-import { ReactNode } from "react";
-type FeaturedLinkProps = {
-    url: string;
-    children: ReactNode;
-    textSize?: string;
-    iconColor?: string;
-    flush?: boolean;
-    reverse?: boolean;
-    additionalCSS?: string;
-    newWindow?: boolean;
-    onClick?: () => void;
-};
-const FeaturedLink: ({ url, textSize, iconColor, flush, reverse, additionalCSS, newWindow, onClick, children, }: FeaturedLinkProps) => import("react/jsx-runtime").JSX.Element;
-export default FeaturedLink;
-//# sourceMappingURL=FeaturedLink.d.ts.map
-};
-
-declare module '@ably/ui/core/Flash' {
-type FlashPropsType = "error" | "success" | "notice" | "info" | "alert";
-type FlashProps = {
-    id: string;
-    removed: boolean;
-    type: FlashPropsType;
-    content: string;
-    removeFlash: (id: string) => void;
-};
-type FlashesProps = {
-    flashes: {
-        items: FlashProps[];
-    };
-};
-type BackendFlashesProps = {
-    flashes: string[][];
-};
-const FLASH_DATA_ID = "ui-flashes";
-const reducerFlashes: {
-    flashes: (state: {
-        items: FlashProps[];
-    } | undefined, action: {
-        type: string;
-        payload: FlashProps | FlashProps[];
-    }) => {
-        items: FlashProps[];
-    };
-};
-const Flashes: ({ flashes }: FlashesProps) => import("react/jsx-runtime").JSX.Element;
-const BackendFlashes: ({ flashes }: BackendFlashesProps) => import("react/jsx-runtime").JSX.Element;
-export { reducerFlashes, FLASH_DATA_ID, Flashes };
-export default BackendFlashes;
-//# sourceMappingURL=Flash.d.ts.map
-};
-
-declare module '@ably/ui/core/Footer' {
-type FooterProps = {
-    paths: {
-        ablyStack: string;
-        highestPerformer: string;
-        highestUserAdoption: string;
-        bestSupport: string;
-        fastestImplementation: string;
-    };
-    urlBase: string;
-    statusUrl: string;
-};
-const Footer: ({ paths, urlBase, statusUrl }: FooterProps) => import("react/jsx-runtime").JSX.Element;
-export default Footer;
-//# sourceMappingURL=Footer.d.ts.map
-};
-
-declare module '@ably/ui/core/Icon' {
-type IconProps = {
-    name: string;
-    size?: string;
-    color?: string;
-    additionalCSS?: string;
-};
-const Icon: ({ name, size, color, additionalCSS, ...additionalAttributes }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export default Icon;
-//# sourceMappingURL=Icon.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;
-    href?: string;
-    additionalImgAttrs?: object;
-    additionalLinkAttrs?: object;
-};
-const _default: React.MemoExoticComponent<({ dataId, logoUrl, href, additionalImgAttrs, additionalLinkAttrs, }: LogoProps) => import("react/jsx-runtime").JSX.Element>;
-export default _default;
-//# sourceMappingURL=Logo.d.ts.map
-};
-
-declare module '@ably/ui/core/Meganav/component' {
-export default function Meganav({ themeName, addSearchApiKey }: {
-    themeName: any;
-    addSearchApiKey: any;
-}): () => void;
-//# sourceMappingURL=component.d.ts.map
-};
-
-declare module '@ably/ui/core/Meganav' {
-import { ReactNode } from "react";
-export type MeganavTheme = {
-    backgroundColor?: string;
-    textColor?: string;
-    buttonBackgroundColor?: string;
-    buttonTextColor?: string;
-    mobileMenuColor?: string;
-    logoTextColor?: string;
-    barShadow?: string;
-};
-export type AbsUrl = (path: string) => string;
-export type MeganavPaths = {
-    logo: string;
-    iconSprites: string;
-    ablyStack: string;
-    blogThumb1: string;
-    blogThumb2: string;
-    blogThumb3: string;
-    awsLogo?: string;
-};
-export type MeganavPanels = {
-    [index: string]: ({ paths, absUrl, statusUrl, }: {
-        paths?: MeganavPaths;
-        absUrl: (path: string) => string;
-        statusUrl: string;
-    }) => ReactNode;
-};
-export type MeganavSessionState = {
-    signedIn: boolean;
-    logOut: {
-        token: string;
-        href: string;
-        text: string;
-    };
-    accountName: string;
-    preferredEmail: string;
-    account: {
-        links: {
-            dashboard: {
-                href: string;
-            };
-        };
-    };
-    mySettings: {
-        text: string;
-        href: string;
-    };
-    myAccessTokens: {
-        text: string;
-        href: string;
-    };
-};
-type MeganavProps = {
-    paths?: MeganavPaths;
-    themeName: "white" | "black" | "transparentToWhite";
-    notice?: {
-        props: {
-            title: string;
-            bodyText: string;
-            buttonLink: string;
-            buttonLabel: string;
-            closeBtn: boolean;
-        };
-        config: {
-            cookieId: string;
-            noticeId: string;
-            collapse: boolean;
-        };
-    };
-    loginLink?: string;
-    urlBase?: string;
-    addSearchApiKey: string;
-    statusUrl: string;
-};
-const Meganav: ({ paths, themeName, notice, loginLink, urlBase, addSearchApiKey, statusUrl, }: MeganavProps) => import("react/jsx-runtime").JSX.Element;
-export default Meganav;
-//# sourceMappingURL=Meganav.d.ts.map
-};
-
-declare module '@ably/ui/core/MeganavBlogPostsList' {
-import { AbsUrl } from "@ably/ui/core/Meganav";
-type MeganavBlogPostsListProps = {
-    recentBlogPosts: {
-        link: string;
-        title: string;
-        pubDate: string;
-    }[];
-    absUrl: AbsUrl;
-};
-const MeganavBlogPostsList: ({ recentBlogPosts, absUrl, }: MeganavBlogPostsListProps) => import("react/jsx-runtime").JSX.Element | null;
-export default MeganavBlogPostsList;
-//# sourceMappingURL=MeganavBlogPostsList.d.ts.map
-};
-
-declare module '@ably/ui/core/MeganavContentCompany' {
-import { AbsUrl, MeganavPaths } from "@ably/ui/core/Meganav";
-type MeganavContentCompanyProps = {
-    absUrl: AbsUrl;
-    paths?: MeganavPaths;
-};
-const MeganavContentCompany: ({ paths, absUrl, }: MeganavContentCompanyProps) => import("react/jsx-runtime").JSX.Element;
-export default MeganavContentCompany;
-//# sourceMappingURL=MeganavContentCompany.d.ts.map
-};
-
-declare module '@ably/ui/core/MeganavContentDevelopers' {
-import { AbsUrl } from "@ably/ui/core/Meganav";
-const MeganavContentDevelopers: ({ absUrl, statusUrl, }: {
-    absUrl: AbsUrl;
-    statusUrl: string;
-}) => import("react/jsx-runtime").JSX.Element;
-export default MeganavContentDevelopers;
-//# sourceMappingURL=MeganavContentDevelopers.d.ts.map
-};
-
-declare module '@ably/ui/core/MeganavContentProducts' {
-import { AbsUrl, MeganavPaths } from "@ably/ui/core/Meganav";
-type MeganavContentProductsProps = {
-    paths?: MeganavPaths;
-    absUrl: AbsUrl;
-};
-const MeganavContentProducts: ({ paths, absUrl, }: MeganavContentProductsProps) => import("react/jsx-runtime").JSX.Element;
-export default MeganavContentProducts;
-//# sourceMappingURL=MeganavContentProducts.d.ts.map
-};
-
-declare module '@ably/ui/core/MeganavContentUseCases' {
-import { AbsUrl } from "@ably/ui/core/Meganav";
-const MeganavContentUseCases: ({ absUrl }: {
-    absUrl: AbsUrl;
-}) => import("react/jsx-runtime").JSX.Element;
-export default MeganavContentUseCases;
-//# sourceMappingURL=MeganavContentUseCases.d.ts.map
-};
-
-declare module '@ably/ui/core/MeganavControl/component' {
-export default MeganavControl;
-function MeganavControl(): {
-    teardown: () => void;
-    clear: () => void;
-}[];
-//# sourceMappingURL=component.d.ts.map
-};
-
-declare module '@ably/ui/core/MeganavControl' {
-import { ReactNode } from "react";
-import { MeganavTheme } from "@ably/ui/core/Meganav";
-type MeganavControlProps = {
-    ariaControls: string;
-    ariaLabel: string;
-    children: ReactNode;
-    theme: MeganavTheme;
-    additionalCSS?: string;
-};
-const MeganavControl: ({ ariaControls, ariaLabel, children, theme, additionalCSS, }: MeganavControlProps) => import("react/jsx-runtime").JSX.Element;
-export default MeganavControl;
-//# sourceMappingURL=MeganavControl.d.ts.map
-};
-
-declare module '@ably/ui/core/MeganavControlMobileDropdown/component' {
-export default MeganavControlMobileDropdown;
-function MeganavControlMobileDropdown({ clearPanels }: {
-    clearPanels: any;
-}): {
-    teardown: () => void;
-    clear: () => void;
-};
-//# sourceMappingURL=component.d.ts.map
-};
-
-declare module '@ably/ui/core/MeganavControlMobileDropdown' {
-import { MeganavTheme } from "@ably/ui/core/Meganav";
-const MeganavControlMobileDropdown: ({ theme }: {
-    theme: MeganavTheme;
-}) => import("react/jsx-runtime").JSX.Element;
-export default MeganavControlMobileDropdown;
-//# sourceMappingURL=MeganavControlMobileDropdown.d.ts.map
-};
-
-declare module '@ably/ui/core/MeganavControlMobilePanelClose/component' {
-function _default(): {
-    teardown: () => void;
-    clear: () => void;
-}[];
-export default _default;
-//# sourceMappingURL=component.d.ts.map
-};
-
-declare module '@ably/ui/core/MeganavControlMobilePanelClose' {
-type MeganavControlMobilePanelCloseProps = {
-    ariaControls: string;
-    displayHr?: boolean;
-};
-const MeganavControlMobilePanelClose: ({ ariaControls, displayHr, }: MeganavControlMobilePanelCloseProps) => import("react/jsx-runtime").JSX.Element;
-export default MeganavControlMobilePanelClose;
-//# sourceMappingURL=MeganavControlMobilePanelClose.d.ts.map
-};
-
-declare module '@ably/ui/core/MeganavControlMobilePanelOpen/component' {
-function _default(): {
-    teardown: () => void;
-    clear: () => void;
-}[];
-export default _default;
-//# sourceMappingURL=component.d.ts.map
-};
-
-declare module '@ably/ui/core/MeganavControlMobilePanelOpen' {
-import { ReactNode } from "react";
-type MeganavControlMobilePanelOpenProps = {
-    ariaControls: string;
-    children: ReactNode;
-};
-const MeganavControlMobilePanelOpen: ({ ariaControls, children, }: MeganavControlMobilePanelOpenProps) => import("react/jsx-runtime").JSX.Element;
-export default MeganavControlMobilePanelOpen;
-//# sourceMappingURL=MeganavControlMobilePanelOpen.d.ts.map
-};
-
-declare module '@ably/ui/core/MeganavItemsDesktop' {
-import React from "react";
-import { AbsUrl, MeganavPanels, MeganavPaths, MeganavTheme } from "@ably/ui/core/Meganav";
-type MeganavDesktopItems = {
-    panels: MeganavPanels;
-    paths?: MeganavPaths;
-    theme: MeganavTheme;
-    absUrl: AbsUrl;
-    statusUrl: string;
-};
-const MeganavDesktopItems: ({ panels, paths, theme, absUrl, statusUrl, }: MeganavDesktopItems) => import("react/jsx-runtime").JSX.Element;
-const _default: React.MemoExoticComponent<({ panels, paths, theme, absUrl, statusUrl, }: MeganavDesktopItems) => import("react/jsx-runtime").JSX.Element>;
-export default _default;
-//# sourceMappingURL=MeganavItemsDesktop.d.ts.map
-};
-
-declare module '@ably/ui/core/MeganavItemsMobile' {
-import React from "react";
-import { AbsUrl, MeganavPanels, MeganavPaths, MeganavSessionState, MeganavTheme } from "@ably/ui/core/Meganav";
-type MeganavItemsMobileProps = {
-    panels: MeganavPanels;
-    paths?: MeganavPaths;
-    sessionState?: MeganavSessionState;
-    theme: MeganavTheme;
-    loginLink: string;
-    absUrl: AbsUrl;
-    statusUrl: string;
-};
-const _default: React.MemoExoticComponent<({ panels, paths, sessionState, theme, loginLink, absUrl, statusUrl, }: MeganavItemsMobileProps) => import("react/jsx-runtime").JSX.Element>;
-export default _default;
-//# sourceMappingURL=MeganavItemsMobile.d.ts.map
-};
-
-declare module '@ably/ui/core/MeganavItemsSignedIn' {
-import { AbsUrl, MeganavSessionState, MeganavTheme } from "@ably/ui/core/Meganav";
-type MeganavItemsSignedIn = {
-    sessionState: MeganavSessionState;
-    theme: MeganavTheme;
-    absUrl: AbsUrl;
-};
-const MeganavItemsSignedIn: ({ sessionState, absUrl, }: MeganavItemsSignedIn) => import("react/jsx-runtime").JSX.Element;
-export default MeganavItemsSignedIn;
-//# sourceMappingURL=MeganavItemsSignedIn.d.ts.map
-};
-
-declare module '@ably/ui/core/MeganavSearch' {
-import { AbsUrl } from "@ably/ui/core/Meganav";
-const MeganavSearch: ({ absUrl }: {
-    absUrl: AbsUrl;
-}) => import("react/jsx-runtime").JSX.Element;
-export default MeganavSearch;
-//# sourceMappingURL=MeganavSearch.d.ts.map
-};
-
-declare module '@ably/ui/core/MeganavSearchAutocomplete/component' {
-function _default(apiKey: any): {
-    teardown: () => void;
-    clear: () => void;
-}[];
-export default _default;
-//# sourceMappingURL=component.d.ts.map
-};
-
-declare module '@ably/ui/core/MeganavSearchAutocomplete' {
-const MeganavSearchAutocomplete: () => import("react/jsx-runtime").JSX.Element;
-export default MeganavSearchAutocomplete;
-//# sourceMappingURL=MeganavSearchAutocomplete.d.ts.map
-};
-
-declare module '@ably/ui/core/MeganavSearchPanel' {
-import { AbsUrl } from "@ably/ui/core/Meganav";
-const MeganavSearchPanel: ({ absUrl }: {
-    absUrl: AbsUrl;
-}) => import("react/jsx-runtime").JSX.Element;
-export default MeganavSearchPanel;
-//# sourceMappingURL=MeganavSearchPanel.d.ts.map
-};
-
-declare module '@ably/ui/core/MeganavSearchSuggestions/component' {
-export default MeganavSearchSuggestions;
-function MeganavSearchSuggestions(): {
-    teardown: () => void;
-    clear: () => void;
-};
-//# sourceMappingURL=component.d.ts.map
-};
-
-declare module '@ably/ui/core/MeganavSearchSuggestions' {
-import { AbsUrl } from "@ably/ui/core/Meganav";
-type MeganavSearchSuggestionsProps = {
-    absUrl: AbsUrl;
-    displaySupportLink: boolean;
-};
-const MeganavSearchSuggestions: ({ absUrl, displaySupportLink, }: MeganavSearchSuggestionsProps) => import("react/jsx-runtime").JSX.Element;
-export default MeganavSearchSuggestions;
-//# sourceMappingURL=MeganavSearchSuggestions.d.ts.map
-};
-
-declare module '@ably/ui/core/Notice/component' {
-export default Notice;
-function Notice({ bannerContainer, cookieId, noticeId, options }: {
-    bannerContainer: any;
-    cookieId: any;
-    noticeId: any;
-    options: any;
-}): () => void;
-//# sourceMappingURL=component.d.ts.map
-};
-
-declare module '@ably/ui/core/Notice' {
-type NoticeProps = {
-    buttonLink?: string;
-    buttonLabel?: string;
-    bodyText?: string;
-    title?: string;
-    closeBtn?: boolean;
-    config?: {
-        collapse: boolean;
-        noticeId: string;
-        cookieId: string;
-    };
-    bgColor?: string;
-    textColor?: string;
-    bannerContainer?: Element | null;
-    cookieId?: string;
-    noticeId?: string;
-    options?: {
-        collapse: boolean;
-    };
-};
-const Notice: ({ buttonLink, buttonLabel, bodyText, title, config, closeBtn, bgColor, textColor, }: NoticeProps) => import("react/jsx-runtime").JSX.Element;
-export default Notice;
-//# sourceMappingURL=Notice.d.ts.map
-};
-
-declare module '@ably/ui/core/SignOutLink' {
-import { MouseEventHandler, ReactNode } from "react";
-import { AbsUrl } from "@ably/ui/core/Meganav";
-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/Slider' {
-import { ReactNode } from "react";
-interface SliderProps {
-    children: ReactNode[];
-    options?: {
-        interval?: number;
-        controlPosition?: "inline" | "floating";
-        intervalIndicator?: boolean;
-    };
-}
-const Slider: ({ children, options }: SliderProps) => import("react/jsx-runtime").JSX.Element;
-export default Slider;
-//# sourceMappingURL=Slider.d.ts.map
-};
-
-declare module '@ably/ui/core/Status' {
-const Status: ({ statusUrl, additionalCSS, }: {
-    statusUrl: string;
-    additionalCSS?: string;
-}) => import("react/jsx-runtime").JSX.Element;
-export default Status;
-//# sourceMappingURL=Status.d.ts.map
-};
-
-declare module '@ably/ui/core/Table/Table' {
-import { PropsWithChildren, TableHTMLAttributes } from "react";
-type TableProps = {
-    id?: string;
-};
-export const Table: ({ id, children, ...rest }: PropsWithChildren<TableProps & TableHTMLAttributes<HTMLTableElement>>) => import("react/jsx-runtime").JSX.Element;
-export const TableBody: ({ children, ...rest }: PropsWithChildren<TableHTMLAttributes<HTMLTableSectionElement>>) => import("react/jsx-runtime").JSX.Element;
-export const TableHeader: ({ children, ...rest }: PropsWithChildren<TableHTMLAttributes<HTMLTableSectionElement>>) => import("react/jsx-runtime").JSX.Element;
-export const TableRowHeader: ({ children, ...rest }: PropsWithChildren<TableHTMLAttributes<HTMLTableRowElement>>) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=Table.d.ts.map
-};
-
-declare module '@ably/ui/core/Table/TableCell' {
-import React, { PropsWithChildren } from "react";
-type TableCellProps = {
-    isRowHeader?: boolean;
-} & React.TdHTMLAttributes<HTMLTableCellElement>;
-const LabelCell: ({ children, ...rest }: PropsWithChildren<React.TdHTMLAttributes<HTMLTableCellElement>>) => import("react/jsx-runtime").JSX.Element;
-const TableCell: ({ children, isRowHeader, ...rest }: PropsWithChildren<TableCellProps>) => import("react/jsx-runtime").JSX.Element;
-const HeaderCell: ({ children, ...rest }: PropsWithChildren<React.TdHTMLAttributes<HTMLTableCellElement>>) => import("react/jsx-runtime").JSX.Element;
-const CtaCell: ({ children, ...rest }: PropsWithChildren<React.TdHTMLAttributes<HTMLTableCellElement>>) => import("react/jsx-runtime").JSX.Element;
-export { TableCell, LabelCell, HeaderCell, CtaCell };
-//# sourceMappingURL=TableCell.d.ts.map
-};
-
-declare module '@ably/ui/core/Table/TableRow' {
-import React, { PropsWithChildren } from "react";
-const CtaRow: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
-type RowProps = {
-    isHeader?: boolean;
-} & React.HTMLAttributes<HTMLTableRowElement>;
-const TableRow: ({ children, isHeader, ...rest }: PropsWithChildren<RowProps>) => import("react/jsx-runtime").JSX.Element;
-export { TableRow, CtaRow };
-//# sourceMappingURL=TableRow.d.ts.map
-};
-
-declare module '@ably/ui/core/Table/data' {
-export const PricingPageTable: () => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=data.d.ts.map
-};
-
-declare module '@ably/ui/core/Table' {
-const _default: {
-    Root: ({ id, children, ...rest }: import("react").PropsWithChildren<{
-        id?: string;
-    } & import("react").TableHTMLAttributes<HTMLTableElement>>) => import("react/jsx-runtime").JSX.Element;
-    Row: ({ children, isHeader, ...rest }: import("react").PropsWithChildren<{
-        isHeader?: boolean;
-    } & import("react").HTMLAttributes<HTMLTableRowElement>>) => import("react/jsx-runtime").JSX.Element;
-    Cell: ({ children, isRowHeader, ...rest }: import("react").PropsWithChildren<{
-        isRowHeader?: boolean;
-    } & import("react").TdHTMLAttributes<HTMLTableCellElement>>) => import("react/jsx-runtime").JSX.Element;
-    LabelCell: ({ children, ...rest }: import("react").PropsWithChildren<import("react").TdHTMLAttributes<HTMLTableCellElement>>) => import("react/jsx-runtime").JSX.Element;
-    HeaderCell: ({ children, ...rest }: import("react").PropsWithChildren<import("react").TdHTMLAttributes<HTMLTableCellElement>>) => import("react/jsx-runtime").JSX.Element;
-    CtaCell: ({ children, ...rest }: import("react").PropsWithChildren<import("react").TdHTMLAttributes<HTMLTableCellElement>>) => import("react/jsx-runtime").JSX.Element;
-    RowHeader: ({ children, ...rest }: import("react").PropsWithChildren<import("react").TableHTMLAttributes<HTMLTableRowElement>>) => import("react/jsx-runtime").JSX.Element;
-    Body: ({ children, ...rest }: import("react").PropsWithChildren<import("react").TableHTMLAttributes<HTMLTableSectionElement>>) => import("react/jsx-runtime").JSX.Element;
-    Header: ({ children, ...rest }: import("react").PropsWithChildren<import("react").TableHTMLAttributes<HTMLTableSectionElement>>) => import("react/jsx-runtime").JSX.Element;
-};
-export default _default;
-//# sourceMappingURL=Table.d.ts.map
-};
-
-declare module '@ably/ui/core/Tooltip' {
-import { ButtonHTMLAttributes, HTMLAttributes, PropsWithChildren } from "react";
-type TooltipProps = {
-    triggerProps?: ButtonHTMLAttributes<HTMLButtonElement>;
-    tooltipProps?: HTMLAttributes<HTMLDivElement>;
-} & HTMLAttributes<HTMLDivElement>;
-const Tooltip: ({ children, triggerProps, tooltipProps, ...rest }: PropsWithChildren<TooltipProps>) => import("react/jsx-runtime").JSX.Element;
-export default Tooltip;
-//# sourceMappingURL=Tooltip.d.ts.map
-};
-
-declare module '@ably/ui/core/css' {
-export function remsToPixelValue(remString: any): number;
-//# sourceMappingURL=css.d.ts.map
-};
-
-declare module '@ably/ui/core/dom-query' {
-export function queryId(val: any, root?: Document): Element | null;
-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 {
-    function blogPosts(state: {
-        recent: null;
-    } | undefined, action: any): {
-        recent: any;
-    };
-}
-export function selectRecentBlogPosts(store: any): any;
-//# sourceMappingURL=remote-blogs-posts.d.ts.map
-};
-
-declare module '@ably/ui/core/remote-data-store' {
-export function attachStoreToWindow(store: any): void;
-export function getRemoteDataStore(): any;
-export function connectState(selector: any, setState: any): void;
-export function createRemoteDataStore(reducers: any): any;
-//# sourceMappingURL=remote-data-store.d.ts.map
-};
-
-declare module '@ably/ui/core/remote-data-util' {
-export function isJsonResponse(contentType: any): any;
-//# sourceMappingURL=remote-data-util.d.ts.map
-};
-
-declare module '@ably/ui/core/remote-session-data' {
-export function fetchSessionData(store: any, sessionUrl: any): Promise<void>;
-export namespace reducerSessionData {
-    function session(state: {
-        data: null;
-    } | undefined, action: any): {
-        data: any;
-    };
-}
-export function selectSessionData(store: any): any;
-//# sourceMappingURL=remote-session-data.d.ts.map
-};
-
-declare module '@ably/ui/core/url-base' {
-export default absUrl;
-function absUrl(path: any, urlBase?: string): string;
-//# sourceMappingURL=url-base.d.ts.map
-};
-
-declare module '@ably/ui/core/utils/syntax-highlighter-registry' {
-export default registry;
-const registry: {
-    label: string;
-    key: string;
-    module: any;
-}[];
-//# sourceMappingURL=syntax-highlighter-registry.d.ts.map
-};
-
-declare module '@ably/ui/core/utils/syntax-highlighter' {
-export function highlightSnippet(languageKeyword: any, snippet: any): string | undefined;
-export function languageToHighlightKey(lang: any): any;
-export function registerDefaultLanguages(register: any): void;
-//# sourceMappingURL=syntax-highlighter.d.ts.map
-};
-
+export * from './core/Accordion';
+export * from './core/Code';
+export * from './core/ConnectStateWrapper';
+export * from './core/ContactFooter';
+export * from './core/CookieMessage';
+export * from './core/CustomerLogos';
+export * from './core/DropdownMenu';
+export * from './core/Expander';
+export * from './core/FeaturedLink';
+export * from './core/Flash';
+export * from './core/Footer';
+export * from './core/Icon';
+export * from './core/Loader';
+export * from './core/Logo';
+export * from './core/Meganav/component';
+export * from './core/Meganav';
+export * from './core/MeganavBlogPostsList';
+export * from './core/MeganavContentCompany';
+export * from './core/MeganavContentDevelopers';
+export * from './core/MeganavContentProducts';
+export * from './core/MeganavContentUseCases';
+export * from './core/MeganavControl/component';
+export * from './core/MeganavControl';
+export * from './core/MeganavControlMobileDropdown/component';
+export * from './core/MeganavControlMobileDropdown';
+export * from './core/MeganavControlMobilePanelClose/component';
+export * from './core/MeganavControlMobilePanelClose';
+export * from './core/MeganavControlMobilePanelOpen/component';
+export * from './core/MeganavControlMobilePanelOpen';
+export * from './core/MeganavItemsDesktop';
+export * from './core/MeganavItemsMobile';
+export * from './core/MeganavItemsSignedIn';
+export * from './core/MeganavSearch';
+export * from './core/MeganavSearchAutocomplete/component';
+export * from './core/MeganavSearchAutocomplete';
+export * from './core/MeganavSearchPanel';
+export * from './core/MeganavSearchSuggestions/component';
+export * from './core/MeganavSearchSuggestions';
+export * from './core/Notice/component';
+export * from './core/Notice';
+export * from './core/SignOutLink';
+export * from './core/Slider';
+export * from './core/Status';
+export * from './core/Table/Table';
+export * from './core/Table/TableCell';
+export * from './core/Table/TableRow';
+export * from './core/Table/data';
+export * from './core/Table';
+export * from './core/Tooltip';
+export * from './core/css';
+export * from './core/dom-query';
+export * from './core/hubspot-chat-toggle';
+export * from './core/remote-blogs-posts';
+export * from './core/remote-data-store';
+export * from './core/remote-data-util';
+export * from './core/remote-session-data';
+export * from './core/url-base';
+export * from './core/utils/syntax-highlighter-registry';
+export * from './core/utils/syntax-highlighter';