@ably/ui 15.6.0-dev.274a3001 → 15.6.0-dev.b2d087a

package/index.d.ts

@@ -343,28 +343,51 @@ declare module '@ably/ui/core/DropdownMenu' {
 import { ReactNode } from "react";
 import { IconName } from "@ably/ui/core/Icon/types";
 type DropdownMenuProps = {
+    /**
+     * The content to be displayed within the dropdown menu.
+     */
     children: ReactNode;
 };
 type TriggerProps = {
+    /**
+     * The content to be displayed within the trigger element.
+     */
     children: ReactNode;
-    additionalTriggerCSS?: string;
+    /**
+     * Additional class names to apply to the trigger element.
+     */
+    triggerClassNames?: string;
+    /**
+     * A description for the trigger element, used for accessibility purposes.
+     */
+    description?: string;
 };
 type ContentProps = {
+    /**
+     * The content to be displayed within the dropdown menu.
+     */
     children: ReactNode;
+    /**
+     * The position of the dropdown menu relative to the trigger element.
+     * Defaults to "right".
+     */
     anchorPosition?: string;
-    additionalContentCSS?: string;
+    /**
+     * Additional class names to apply to the content container.
+     */
+    contentClassNames?: string;
 };
 type LinkProps = {
     url: string;
     title: string;
-    subtitle: string;
-    iconName: IconName;
-    children: ReactNode;
+    subtitle?: string;
+    iconName?: IconName;
+    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;
+    Trigger: ({ children, triggerClassNames, description, }: TriggerProps) => import("react/jsx-runtime").JSX.Element;
+    Content: ({ children, anchorPosition, contentClassNames, }: ContentProps) => import("react/jsx-runtime").JSX.Element | null;
     Link: ({ url, title, subtitle, iconName, children }: LinkProps) => import("react/jsx-runtime").JSX.Element;
 };
 export default DropdownMenu;
@@ -417,7 +440,7 @@ type FlashProps = {
 };
 type FlashesProps = {
     flashes: {
-        items: Pick<FlashProps, "type" | "content">[];
+        items: FlashProps[];
     };
 };
 type BackendFlashesProps = {
@@ -452,9 +475,9 @@ type FlyoutProps = {
      */
     menuItems: {
         /**
-         * Label for the menu item.
+         * name for the menu item.
          */
-        label: string;
+        name: string;
         /**
          * Optional content to be displayed in the flyout panel.
          */
@@ -522,10 +545,37 @@ export const HeaderLinks: React.FC<Pick<HeaderProps, "sessionState" | "headerLin
 
 declare module '@ably/ui/core/Header' {
 import React, { ReactNode } from "react";
+import { NoticeProps } from "@ably/ui/core/Notice";
 export type ThemedScrollpoint = {
     id: string;
     className: string;
 };
+/**
+ * Represents the state of the user session in the header.
+ */
+export type HeaderSessionState = {
+    /**
+     * Indicates if the user is signed in.
+     */
+    signedIn: boolean;
+    /**
+     * Information required to log out the user.
+     */
+    logOut: {
+        /**
+         * Token used for logging out.
+         */
+        token: string;
+        /**
+         * URL to log out the user.
+         */
+        href: string;
+    };
+    /**
+     * Name of the user's account.
+     */
+    accountName: string;
+};
 /**
  * Props for the Header component.
  */
@@ -570,31 +620,7 @@ export type HeaderProps = {
     /**
      * State of the user session.
      */
-    sessionState?: {
-        /**
-         * Indicates if the user is signed in.
-         */
-        signedIn: boolean;
-        /**
-         * Account information.
-         */
-        account: {
-            /**
-             * Links related to the account.
-             */
-            links: {
-                /**
-                 * Dashboard link information.
-                 */
-                dashboard: {
-                    /**
-                     * URL for the dashboard link.
-                     */
-                    href: string;
-                };
-            };
-        };
-    };
+    sessionState?: HeaderSessionState;
     /**
      * Array of themed scrollpoints. The header will change its appearance based on the scrollpoint in view.
      */
@@ -606,6 +632,14 @@ export type HeaderProps = {
      * - "mobile": Visible only on mobile devices.
      */
     searchButtonVisibility?: "all" | "desktop" | "mobile";
+    /**
+     Props for the notice component to be displayed in the header.
+     */
+    notice: NoticeProps;
+    /**
+     Reference to the notice DOM element for handling visibility and overflow.
+     */
+    noticeRef: React.RefObject<HTMLDivElement>;
 };
 const Header: React.FC<HeaderProps>;
 export default Header;
@@ -658,50 +692,63 @@ export default Icon;
 //# sourceMappingURL=Icon.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/LegacyMeganav/MeganavControl/component' {
+export default MeganavControl;
+function MeganavControl(): {
+    teardown: () => void;
+    clear: () => void;
+}[];
+//# sourceMappingURL=component.d.ts.map
 }
 
-declare module '@ably/ui/core/Loader' {
-type LoaderProps = {
-    size?: string;
-    ringColor?: string;
-    additionalCSS?: string;
+declare module '@ably/ui/core/LegacyMeganav/MeganavControlMobileDropdown/component' {
+export default MeganavControlMobileDropdown;
+function MeganavControlMobileDropdown({ clearPanels }: {
+    clearPanels: any;
+}): {
+    teardown: () => void;
+    clear: () => void;
 };
-const Loader: ({ ringColor, size, additionalCSS, }: LoaderProps) => import("react/jsx-runtime").JSX.Element;
-export default Loader;
-//# sourceMappingURL=Loader.d.ts.map
+//# sourceMappingURL=component.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>;
+declare module '@ably/ui/core/LegacyMeganav/MeganavControlMobilePanelClose/component' {
+function _default(): {
+    teardown: () => void;
+    clear: () => void;
+}[];
 export default _default;
-//# sourceMappingURL=Logo.d.ts.map
+//# 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;
+};
+//# sourceMappingURL=component.d.ts.map
 }
 
-declare module '@ably/ui/core/Meganav/component' {
+declare module '@ably/ui/core/LegacyMeganav/component' {
 export default function Meganav({ themeName, addSearchApiKey }: {
     themeName: any;
     addSearchApiKey: any;
@@ -709,7 +756,7 @@ export default function Meganav({ themeName, addSearchApiKey }: {
 //# sourceMappingURL=component.d.ts.map
 }
 
-declare module '@ably/ui/core/Meganav' {
+declare module '@ably/ui/core/LegacyMeganav' {
 import { ReactNode } from "react";
 import { ColorClass } from "@ably/ui/core/styles/colors/types";
 export type MeganavTheme = {
@@ -726,6 +773,9 @@ export type MeganavPaths = {
     logo?: string;
     iconSprites: string;
     ablyStack: string;
+    blogThumb1: string;
+    blogThumb2: string;
+    blogThumb3: string;
     awsLogo?: string;
 };
 export type MeganavPanels = {
@@ -760,7 +810,7 @@ export type MeganavSessionState = {
         href: string;
     };
 };
-export type NoticeApiProps = {
+export type MeganavNoticeProps = {
     props: {
         title: string;
         bodyText: string;
@@ -779,7 +829,7 @@ export type NoticeApiProps = {
 type MeganavProps = {
     paths?: MeganavPaths;
     themeName: "white" | "black" | "transparentToWhite";
-    notice?: NoticeApiProps;
+    notice?: MeganavNoticeProps;
     loginLink?: string;
     urlBase?: string;
     addSearchApiKey: string;
@@ -788,11 +838,121 @@ type MeganavProps = {
 };
 const Meganav: ({ paths, themeName, notice, loginLink, urlBase, addSearchApiKey, statusUrl, searchDataId, }: MeganavProps) => import("react/jsx-runtime").JSX.Element;
 export default Meganav;
+//# 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";
+import { NoticeProps } from ".@ably/ui/core/Notice";
+export type MeganavProps = {
+    sessionState: HeaderSessionState;
+    searchDataId: string;
+    notice: NoticeProps;
+};
+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' {
-import { AbsUrl } from "@ably/ui/core/Meganav";
+import { AbsUrl } from "@ably/ui/core/LegacyMeganav";
 type MeganavBlogPostsListProps = {
     recentBlogPosts: {
         link: string;
@@ -807,7 +967,7 @@ export default MeganavBlogPostsList;
 }
 
 declare module '@ably/ui/core/MeganavContentCompany' {
-import { AbsUrl, MeganavPaths } from "@ably/ui/core/Meganav";
+import { AbsUrl, MeganavPaths } from "@ably/ui/core/LegacyMeganav";
 type MeganavContentCompanyProps = {
     absUrl: AbsUrl;
     paths?: MeganavPaths;
@@ -818,7 +978,7 @@ export default MeganavContentCompany;
 }
 
 declare module '@ably/ui/core/MeganavContentDevelopers' {
-import { AbsUrl } from "@ably/ui/core/Meganav";
+import { AbsUrl } from "@ably/ui/core/LegacyMeganav";
 const MeganavContentDevelopers: ({ absUrl, statusUrl, }: {
     absUrl: AbsUrl;
     statusUrl: string;
@@ -828,7 +988,7 @@ export default MeganavContentDevelopers;
 }
 
 declare module '@ably/ui/core/MeganavContentProducts' {
-import { AbsUrl, MeganavPaths } from "@ably/ui/core/Meganav";
+import { AbsUrl, MeganavPaths } from "@ably/ui/core/LegacyMeganav";
 type MeganavContentProductsProps = {
     paths?: MeganavPaths;
     absUrl: AbsUrl;
@@ -839,7 +999,7 @@ export default MeganavContentProducts;
 }
 
 declare module '@ably/ui/core/MeganavContentUseCases' {
-import { AbsUrl } from "@ably/ui/core/Meganav";
+import { AbsUrl } from "@ably/ui/core/LegacyMeganav";
 const MeganavContentUseCases: ({ absUrl }: {
     absUrl: AbsUrl;
 }) => import("react/jsx-runtime").JSX.Element;
@@ -847,18 +1007,9 @@ 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";
+import { MeganavTheme } from "@ably/ui/core/LegacyMeganav";
 type MeganavControlProps = {
     ariaControls: string;
     ariaLabel: string;
@@ -871,19 +1022,8 @@ 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";
+import { MeganavTheme } from "@ably/ui/core/LegacyMeganav";
 const MeganavControlMobileDropdown: ({ theme }: {
     theme: MeganavTheme;
 }) => import("react/jsx-runtime").JSX.Element;
@@ -891,15 +1031,6 @@ 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;
@@ -910,15 +1041,6 @@ 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 = {
@@ -932,7 +1054,7 @@ export default MeganavControlMobilePanelOpen;
 
 declare module '@ably/ui/core/MeganavItemsDesktop' {
 import React from "react";
-import { AbsUrl, MeganavPanels, MeganavPaths, MeganavTheme } from "@ably/ui/core/Meganav";
+import { AbsUrl, MeganavPanels, MeganavPaths, MeganavTheme } from "@ably/ui/core/LegacyMeganav";
 type MeganavDesktopItems = {
     panels: MeganavPanels;
     paths?: MeganavPaths;
@@ -948,7 +1070,7 @@ export default _default;
 
 declare module '@ably/ui/core/MeganavItemsMobile' {
 import React from "react";
-import { AbsUrl, MeganavPanels, MeganavPaths, MeganavSessionState, MeganavTheme } from "@ably/ui/core/Meganav";
+import { AbsUrl, MeganavPanels, MeganavPaths, MeganavSessionState, MeganavTheme } from "@ably/ui/core/LegacyMeganav";
 type MeganavItemsMobileProps = {
     panels: MeganavPanels;
     paths?: MeganavPaths;
@@ -965,7 +1087,7 @@ export default _default;
 }
 
 declare module '@ably/ui/core/MeganavItemsSignedIn' {
-import { AbsUrl, MeganavSessionState, MeganavTheme } from "@ably/ui/core/Meganav";
+import { AbsUrl, MeganavSessionState, MeganavTheme } from "@ably/ui/core/LegacyMeganav";
 type MeganavItemsSignedIn = {
     sessionState: MeganavSessionState;
     theme: MeganavTheme;
@@ -978,7 +1100,7 @@ export default MeganavItemsSignedIn;
 }
 
 declare module '@ably/ui/core/MeganavSearch' {
-import { AbsUrl } from "@ably/ui/core/Meganav";
+import { AbsUrl } from "@ably/ui/core/LegacyMeganav";
 const MeganavSearch: ({ absUrl, dataId, }: {
     absUrl: AbsUrl;
     dataId?: string;
@@ -987,15 +1109,6 @@ 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;
@@ -1003,7 +1116,7 @@ export default MeganavSearchAutocomplete;
 }
 
 declare module '@ably/ui/core/MeganavSearchPanel' {
-import { AbsUrl } from "@ably/ui/core/Meganav";
+import { AbsUrl } from "@ably/ui/core/LegacyMeganav";
 const MeganavSearchPanel: ({ absUrl }: {
     absUrl: AbsUrl;
 }) => import("react/jsx-runtime").JSX.Element;
@@ -1011,17 +1124,8 @@ 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";
+import { AbsUrl } from "@ably/ui/core/LegacyMeganav";
 type MeganavSearchSuggestionsProps = {
     absUrl: AbsUrl;
     displaySupportLink: boolean;
@@ -1043,6 +1147,7 @@ function Notice({ bannerContainer, cookieId, noticeId, options }: {
 }
 
 declare module '@ably/ui/core/Notice' {
+import React from "react";
 import { ColorClass, ColorThemeSet } from "@ably/ui/core/styles/colors/types";
 export type NoticeProps = {
     buttonLink?: string;
@@ -1066,7 +1171,7 @@ export type NoticeProps = {
         collapse: boolean;
     };
 };
-const Notice: ({ buttonLink, buttonLabel, bodyText, title, config, closeBtn, bgColor, textColor, }: NoticeProps) => import("react/jsx-runtime").JSX.Element;
+const Notice: React.ForwardRefExoticComponent<NoticeProps & React.RefAttributes<HTMLDivElement>>;
 export default Notice;
 //# sourceMappingURL=Notice.d.ts.map
 }
@@ -1248,7 +1353,7 @@ export default ProductTile;
 
 declare module '@ably/ui/core/SignOutLink' {
 import { MouseEventHandler, ReactNode } from "react";
-import { AbsUrl } from "@ably/ui/core/Meganav";
+import { AbsUrl } from "@ably/ui/core/LegacyMeganav";
 type SignOutLinkProps = {
     token: string;
     href: string;
@@ -1462,13 +1567,6 @@ export function queryIdAll(val: any, root?: Document): NodeListOf<Element>;
 //# sourceMappingURL=dom-query.d.ts.map
 }
 
-declare module '@ably/ui/core/hooks/use-rails-ujs-hooks' {
-import { RefObject } from "react";
-const useRailsUjsLinks: () => RefObject<HTMLDivElement>;
-export default useRailsUjsLinks;
-//# sourceMappingURL=use-rails-ujs-hooks.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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ably/ui",
-  "version": "15.6.0-dev.274a3001",
+  "version": "15.6.0-dev.b2d087a",
   "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",
@@ -19,19 +19,17 @@
     "workerDirectory": "./public"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "^8.6.0",
-    "@storybook/addon-essentials": "^8.6.0",
-    "@storybook/addon-interactions": "^8.6.0",
-    "@storybook/addon-links": "^8.6.0",
-    "@storybook/blocks": "^8.6.0",
-    "@storybook/react-vite": "^8.6.0",
-    "@storybook/test": "^8.6.0",
-    "@storybook/test-runner": "^0.21.3",
+    "@storybook/addon-essentials": "^8.6.4",
+    "@storybook/react-vite": "^8.6.4",
+    "@storybook/test": "^8.6.4",
+    "@storybook/test-runner": "^0.22.0",
     "@swc/cli": "^0.6.0",
     "@swc/core": "^1.4.11",
     "@tailwindcss/container-queries": "^0.1.1",
     "@types/js-cookie": "^3.0.6",
     "@types/lodash.throttle": "^4.1.9",
+    "@types/node": "^20",
+    "@types/react": "^18.3.1",
     "@types/react-dom": "^18.3.0",
     "@types/svg-sprite": "^0.0.39",
     "@typescript-eslint/eslint-plugin": "^8.25.0",
@@ -42,7 +40,7 @@
     "eslint": "^8.57.0",
     "eslint-config-prettier": "^10.0.1",
     "eslint-plugin-react": "^7.34.3",
-    "eslint-plugin-storybook": "^0.11.3",
+    "eslint-plugin-storybook": "^0.11.4",
     "heroicons": "^2.2.0",
     "http-server": "14.1.1",
     "mixpanel-browser": "^2.60.0",
@@ -52,7 +50,7 @@
     "posthog-js": "^1.217.4",
     "prettier": "^3.2.5",
     "react-syntax-highlighter": "^15.6.1",
-    "storybook": "^8.6.0",
+    "storybook": "^8.6.4",
     "storybook-dark-mode": "^4.0.2",
     "svg-sprite": "^2.0.4",
     "tailwindcss": "^3.3.6",