@ably/ui 14.4.0-dev.22628d7 → 14.4.0-dev.49f3533

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.22628d7",
+  "version": "14.4.0-dev.49f3533",
   "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",

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

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

package/types/index.d.ts

@@ -1,59 +1,784 @@
-declare module '@ably/ui/core/Accordion' { export * from '@ably/ui/core/Accordion'; }
-declare module '@ably/ui/core/Code' { export * from '@ably/ui/core/Code'; }
-declare module '@ably/ui/core/ConnectStateWrapper' { export * from '@ably/ui/core/ConnectStateWrapper'; }
-declare module '@ably/ui/core/ContactFooter' { export * from '@ably/ui/core/ContactFooter'; }
-declare module '@ably/ui/core/CookieMessage' { export * from '@ably/ui/core/CookieMessage'; }
-declare module '@ably/ui/core/CustomerLogos' { export * from '@ably/ui/core/CustomerLogos'; }
-declare module '@ably/ui/core/DropdownMenu' { export * from '@ably/ui/core/DropdownMenu'; }
-declare module '@ably/ui/core/Expander' { export * from '@ably/ui/core/Expander'; }
-declare module '@ably/ui/core/FeaturedLink' { export * from '@ably/ui/core/FeaturedLink'; }
-declare module '@ably/ui/core/Flash' { export * from '@ably/ui/core/Flash'; }
-declare module '@ably/ui/core/Footer' { export * from '@ably/ui/core/Footer'; }
-declare module '@ably/ui/core/Icon' { export * from '@ably/ui/core/Icon'; }
-declare module '@ably/ui/core/Loader' { export * from '@ably/ui/core/Loader'; }
-declare module '@ably/ui/core/Logo' { export * from '@ably/ui/core/Logo'; }
-declare module '@ably/ui/core/Meganav/component' { export * from '@ably/ui/core/Meganav/component'; }
-declare module '@ably/ui/core/Meganav' { export * from '@ably/ui/core/Meganav'; }
-declare module '@ably/ui/core/MeganavBlogPostsList' { export * from '@ably/ui/core/MeganavBlogPostsList'; }
-declare module '@ably/ui/core/MeganavContentCompany' { export * from '@ably/ui/core/MeganavContentCompany'; }
-declare module '@ably/ui/core/MeganavContentDevelopers' { export * from '@ably/ui/core/MeganavContentDevelopers'; }
-declare module '@ably/ui/core/MeganavContentProducts' { export * from '@ably/ui/core/MeganavContentProducts'; }
-declare module '@ably/ui/core/MeganavContentUseCases' { export * from '@ably/ui/core/MeganavContentUseCases'; }
-declare module '@ably/ui/core/MeganavControl/component' { export * from '@ably/ui/core/MeganavControl/component'; }
-declare module '@ably/ui/core/MeganavControl' { export * from '@ably/ui/core/MeganavControl'; }
-declare module '@ably/ui/core/MeganavControlMobileDropdown/component' { export * from '@ably/ui/core/MeganavControlMobileDropdown/component'; }
-declare module '@ably/ui/core/MeganavControlMobileDropdown' { export * from '@ably/ui/core/MeganavControlMobileDropdown'; }
-declare module '@ably/ui/core/MeganavControlMobilePanelClose/component' { export * from '@ably/ui/core/MeganavControlMobilePanelClose/component'; }
-declare module '@ably/ui/core/MeganavControlMobilePanelClose' { export * from '@ably/ui/core/MeganavControlMobilePanelClose'; }
-declare module '@ably/ui/core/MeganavControlMobilePanelOpen/component' { export * from '@ably/ui/core/MeganavControlMobilePanelOpen/component'; }
-declare module '@ably/ui/core/MeganavControlMobilePanelOpen' { export * from '@ably/ui/core/MeganavControlMobilePanelOpen'; }
-declare module '@ably/ui/core/MeganavItemsDesktop' { export * from '@ably/ui/core/MeganavItemsDesktop'; }
-declare module '@ably/ui/core/MeganavItemsMobile' { export * from '@ably/ui/core/MeganavItemsMobile'; }
-declare module '@ably/ui/core/MeganavItemsSignedIn' { export * from '@ably/ui/core/MeganavItemsSignedIn'; }
-declare module '@ably/ui/core/MeganavSearch' { export * from '@ably/ui/core/MeganavSearch'; }
-declare module '@ably/ui/core/MeganavSearchAutocomplete/component' { export * from '@ably/ui/core/MeganavSearchAutocomplete/component'; }
-declare module '@ably/ui/core/MeganavSearchAutocomplete' { export * from '@ably/ui/core/MeganavSearchAutocomplete'; }
-declare module '@ably/ui/core/MeganavSearchPanel' { export * from '@ably/ui/core/MeganavSearchPanel'; }
-declare module '@ably/ui/core/MeganavSearchSuggestions/component' { export * from '@ably/ui/core/MeganavSearchSuggestions/component'; }
-declare module '@ably/ui/core/MeganavSearchSuggestions' { export * from '@ably/ui/core/MeganavSearchSuggestions'; }
-declare module '@ably/ui/core/Notice/component' { export * from '@ably/ui/core/Notice/component'; }
-declare module '@ably/ui/core/Notice' { export * from '@ably/ui/core/Notice'; }
-declare module '@ably/ui/core/SignOutLink' { export * from '@ably/ui/core/SignOutLink'; }
-declare module '@ably/ui/core/Slider' { export * from '@ably/ui/core/Slider'; }
-declare module '@ably/ui/core/Status' { export * from '@ably/ui/core/Status'; }
-declare module '@ably/ui/core/Table/Table' { export * from '@ably/ui/core/Table/Table'; }
-declare module '@ably/ui/core/Table/TableCell' { export * from '@ably/ui/core/Table/TableCell'; }
-declare module '@ably/ui/core/Table/TableRow' { export * from '@ably/ui/core/Table/TableRow'; }
-declare module '@ably/ui/core/Table/data' { export * from '@ably/ui/core/Table/data'; }
-declare module '@ably/ui/core/Table' { export * from '@ably/ui/core/Table'; }
-declare module '@ably/ui/core/Tooltip' { export * from '@ably/ui/core/Tooltip'; }
-declare module '@ably/ui/core/css' { export * from '@ably/ui/core/css'; }
-declare module '@ably/ui/core/dom-query' { export * from '@ably/ui/core/dom-query'; }
-declare module '@ably/ui/core/hubspot-chat-toggle' { export * from '@ably/ui/core/hubspot-chat-toggle'; }
-declare module '@ably/ui/core/remote-blogs-posts' { export * from '@ably/ui/core/remote-blogs-posts'; }
-declare module '@ably/ui/core/remote-data-store' { export * from '@ably/ui/core/remote-data-store'; }
-declare module '@ably/ui/core/remote-data-util' { export * from '@ably/ui/core/remote-data-util'; }
-declare module '@ably/ui/core/remote-session-data' { export * from '@ably/ui/core/remote-session-data'; }
-declare module '@ably/ui/core/url-base' { export * from '@ably/ui/core/url-base'; }
-declare module '@ably/ui/core/utils/syntax-highlighter-registry' { export * from '@ably/ui/core/utils/syntax-highlighter-registry'; }
-declare module '@ably/ui/core/utils/syntax-highlighter' { export * from '@ably/ui/core/utils/syntax-highlighter'; }
+/* 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
+};
+