@ably/ui 17.4.2 → 17.4.3

package/index.d.ts

@@ -12,6 +12,12 @@ export type AccordionData = {
      * The name of the accordion item.
      */
     name: string;
+    /**
+     * Custom heading content. If provided, this will be used instead of `name`.
+     * Can be a ReactNode or a function that receives the index and isOpen state
+     * and returns ReactNode.
+     */
+    heading?: ReactNode | ((index: number, isOpen: boolean) => ReactNode);
     /**
      * The optional icon name to be displayed alongside the accordion item.
      */
@@ -134,6 +140,11 @@ export type AccordionOptions = {
      * @default ""
      */
     contentCSS?: string;
+    /**
+     * Custom CSS classes to apply to the accordion item wrapper when it is open/active.
+     * @default ""
+     */
+    selectedItemCSS?: string;
 };
 //# sourceMappingURL=types.d.ts.map
 }
@@ -196,7 +207,7 @@ import { ColorClassColorGroups } from "@ably/ui/core/styles/colors/types";
 /**
  * Props for the Badge component.
  */
-interface BadgeProps {
+export interface BadgeProps {
     /**
      * The size of the badge. Can be one of "xs", "sm", "md", or "lg".
      */
@@ -230,13 +241,17 @@ interface BadgeProps {
      */
     hoverable?: boolean;
     /**
-     * The size of the icons in the badge. Defaults to 12px.
+     * The size of the icons in the badge. If not provided, it will be derived from the badge size.
      */
     iconSize?: IconSize;
     /**
      * Accessible label for the badge when interactive
      */
     ariaLabel?: string;
+    /**
+     * Additional CSS class names to apply to the children of the badge.
+     */
+    childClassName?: string;
 }
 const Badge: React.FC<PropsWithChildren<BadgeProps>>;
 export default Badge;
@@ -289,7 +304,22 @@ export default Button;
 //# sourceMappingURL=Button.d.ts.map
 }
 
+declare module '@ably/ui/core/Code/Code.test' {
+/**
+ * @vitest-environment jsdom
+ */
+export {};
+//# sourceMappingURL=Code.test.d.ts.map
+}
+
+declare module '@ably/ui/core/Code/component' {
+export default highlightEl;
+function highlightEl(el: any): void;
+//# sourceMappingURL=component.d.ts.map
+}
+
 declare module '@ably/ui/core/Code' {
+export type LineHighlightType = "addition" | "removal" | "highlight";
 type CodeProps = {
     language: string;
     snippet: string;
@@ -298,8 +328,10 @@ type CodeProps = {
     additionalCSS?: string;
     showLines?: boolean;
     lineCSS?: string;
+    wrap?: boolean;
+    lineHighlights?: Record<number, LineHighlightType>;
 };
-const Code: ({ language, snippet, textSize, padding, additionalCSS, showLines, lineCSS, }: CodeProps) => import("react/jsx-runtime").JSX.Element;
+const Code: ({ language, snippet, textSize, padding, additionalCSS, showLines, lineCSS, wrap, lineHighlights, }: CodeProps) => import("react/jsx-runtime").JSX.Element;
 export default Code;
 //# sourceMappingURL=Code.d.ts.map
 }
@@ -311,37 +343,36 @@ type ApiKeySelectorProps = {
     selectedApiKey: string;
     onApiKeyChange: (apiKey: string) => void;
 };
-const ApiKeySelector: {
-    ({ apiKeys, selectedApiKey, onApiKeyChange, }: ApiKeySelectorProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+const ApiKeySelector: ({ apiKeys, selectedApiKey, onApiKeyChange, }: ApiKeySelectorProps) => import("react/jsx-runtime").JSX.Element;
 export default ApiKeySelector;
 //# sourceMappingURL=ApiKeySelector.d.ts.map
 }
 
+declare module '@ably/ui/core/CodeSnippet/CodeSnippet.test' {
+/**
+ * @vitest-environment jsdom
+ */
+export {};
+//# sourceMappingURL=CodeSnippet.test.d.ts.map
+}
+
 declare module '@ably/ui/core/CodeSnippet/CopyButton' {
-import React from "react";
 type CopyButtonProps = {
     onCopy: () => void;
-    isCopied: boolean;
     tooltip?: string;
 };
-/**
- * A reusable copy button component with tooltip and copied indicator
- */
-const CopyButton: React.MemoExoticComponent<({ onCopy, isCopied, tooltip }: CopyButtonProps) => import("react/jsx-runtime").JSX.Element>;
+const CopyButton: ({ onCopy, tooltip }: CopyButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default CopyButton;
 //# sourceMappingURL=CopyButton.d.ts.map
 }
 
 declare module '@ably/ui/core/CodeSnippet/LanguageSelector' {
-import React from "react";
 type LanguageSelectorProps = {
     languages: string[];
     activeLanguage: string;
     onLanguageChange: (language: string) => void;
 };
-const LanguageSelector: React.MemoExoticComponent<({ languages, activeLanguage, onLanguageChange }: LanguageSelectorProps) => import("react/jsx-runtime").JSX.Element>;
+const LanguageSelector: ({ languages, activeLanguage, onLanguageChange, }: LanguageSelectorProps) => import("react/jsx-runtime").JSX.Element;
 export default LanguageSelector;
 //# sourceMappingURL=LanguageSelector.d.ts.map
 }
@@ -355,29 +386,29 @@ type PlainCodeViewProps = {
     icon: IconName | null;
     className?: string;
 };
-const _default: React.NamedExoticComponent<PlainCodeViewProps>;
-export default _default;
+const PlainCodeView: React.FC<PlainCodeViewProps>;
+export default PlainCodeView;
 //# sourceMappingURL=PlainCodeView.d.ts.map
 }
 
 declare module '@ably/ui/core/CodeSnippet/TooltipButton' {
 import React from "react";
+import { SegmentedControlSize } from ".@ably/ui/core/SegmentedControl";
 import { IconName } from ".@ably/ui/core/Icon/types";
+import type { TooltipProps } from "@radix-ui/react-tooltip";
 type TooltipButtonProps = {
-    tooltip: string;
+    tooltip: string | React.ReactNode;
     active?: boolean;
     onClick: () => void;
     icon?: IconName;
     className?: string;
     children?: React.ReactNode;
     variant?: "segmented" | "icon-button";
-    size?: "sm" | "md";
+    size?: SegmentedControlSize;
     alwaysShowLabel?: boolean;
+    tooltipRootProps?: TooltipProps;
 };
-/**
- * A unified tooltip button component that can render either a segmented control or an icon button
- */
-const TooltipButton: React.MemoExoticComponent<({ tooltip, active, onClick, icon, className, children, variant, size, alwaysShowLabel, }: TooltipButtonProps) => import("react/jsx-runtime").JSX.Element>;
+const TooltipButton: ({ tooltip, active, onClick, icon, className, children, variant, size, alwaysShowLabel, tooltipRootProps, }: TooltipButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default TooltipButton;
 //# sourceMappingURL=TooltipButton.d.ts.map
 }
@@ -390,6 +421,8 @@ export interface LanguageInfo {
     syntaxHighlighterKey?: string;
 }
 export type LanguageMap = Record<string, LanguageInfo>;
+export const SDK_PREFIXES: readonly ["realtime", "rest", "client", "agent"];
+export type SDKType = (typeof SDK_PREFIXES)[number];
 const languages: LanguageMap;
 export const stripSdkType: (lang: string) => string;
 export const getLanguageInfo: (langKey: string) => LanguageInfo;
@@ -397,9 +430,15 @@ export default languages;
 //# sourceMappingURL=languages.d.ts.map
 }
 
+declare module '@ably/ui/core/CodeSnippet/languages.test' {
+export {};
+//# sourceMappingURL=languages.test.d.ts.map
+}
+
 declare module '@ably/ui/core/CodeSnippet' {
 import React from "react";
-export type SDKType = "realtime" | "rest" | null;
+import { SDKType } from "@ably/ui/core/CodeSnippet/languages";
+export type { SDKType };
 export type ApiKeysItem = {
     app: string;
     keys: {
@@ -454,6 +493,10 @@ export type CodeSnippetProps = {
      * Languages not in this array will be shown after those that are included.
      */
     languageOrdering?: string[];
+    /**
+     * Whether to wrap code content instead of scrolling
+     */
+    wrapCode?: boolean;
 };
 /**
  * CodeSnippet component that displays code with language switching capability
@@ -469,14 +512,58 @@ export default ConnectStateWrapper;
 //# sourceMappingURL=ConnectStateWrapper.d.ts.map
 }
 
-declare module '@ably/ui/core/CookieMessage' {
-type CookieMessageProps = {
-    cookieId: string;
-    urlBase: string;
+declare module '@ably/ui/core/ContentTile' {
+import React from "react";
+import { type BadgeProps } from "@ably/ui/core/Badge";
+import type { IconName } from "@ably/ui/core/Icon/types";
+type ContentTileProps = {
+    /** The title text to display */
+    title?: string;
+    /** Additional CSS classes for the root container */
+    className?: string;
+    /** The description content to display (text or React elements) */
+    description?: string | React.ReactNode;
+    /**
+     * Call-to-action configuration.
+     * - text: The CTA button or link text.
+     * - url: The destination URL for the CTA.
+     * - implicit: If true, no explicit CTA button is shown.
+     */
+    cta?: {
+        text: string;
+        url: string;
+        implicit?: boolean;
+    };
+    /** Content to display in the feature area (image or icon) */
+    feature?: React.ReactNode | string;
+    /** Type of feature to render - either 'image' or 'icon' */
+    featureType?: "image" | "icon";
+    /** Array of icon names to display as overlays on the feature */
+    featureIcons?: IconName[];
+    /** Whether to vertically center the feature content */
+    centerFeature?: boolean;
+    /** Array of badges to display */
+    badges?: (BadgeProps & {
+        label: string;
+    })[];
+    /** Custom click handler, receives the CTA URL if present */
+    onClick?: (url?: string) => void;
+    /** Additional CSS classes for the feature element */
+    featureClassName?: string;
+    /** Additional CSS classes for the title element */
+    titleClassName?: string;
+    /** Additional CSS classes for the description element */
+    descriptionClassName?: string;
+    /** Additional CSS classes for the CTA element */
+    ctaClassName?: string;
+    /** Whether to add padding-top to the feature content (default: true) */
+    featurePadding?: boolean;
+    /** Whether to encapsulate the content tile in an outer container (default: true) */
+    encapsulated?: boolean;
 };
-const CookieMessage: ({ cookieId, urlBase }: CookieMessageProps) => import("react/jsx-runtime").JSX.Element | null;
-export default CookieMessage;
-//# sourceMappingURL=CookieMessage.d.ts.map
+const ContentTile: React.FC<ContentTileProps>;
+export default ContentTile;
+//# sourceMappingURL=ContentTile.d.ts.map
 }
 
 declare module '@ably/ui/core/CustomerLogos' {
@@ -615,8 +702,8 @@ const reducerFlashes: {
         items: FlashProps[];
     };
 };
-const Flashes: ({ flashes }: FlashesProps) => import("react/jsx-runtime").JSX.Element;
-const BackendFlashes: ({ flashes }: BackendFlashesProps) => import("react/jsx-runtime").JSX.Element;
+const Flashes: ({ flashes }: FlashesProps) => import("react/jsx-runtime.js").JSX.Element;
+const BackendFlashes: ({ flashes }: BackendFlashesProps) => import("react/jsx-runtime.js").JSX.Element;
 export { reducerFlashes, FLASH_DATA_ID, Flashes };
 export default BackendFlashes;
 //# sourceMappingURL=Flash.d.ts.map
@@ -692,6 +779,10 @@ export const socialLinks: {
     monoIcon: IconName;
     link: string;
 }[];
+export const ablyAwardsFooter: {
+    image: string;
+    desc: string;
+}[];
 export {};
 //# sourceMappingURL=data.d.ts.map
 }
@@ -709,12 +800,18 @@ export const HeaderLinks: React.FC<Pick<HeaderProps, "sessionState" | "headerLin
 //# sourceMappingURL=HeaderLinks.d.ts.map
 }
 
-declare module '@ably/ui/core/Header' {
-import React, { ReactNode } from "react";
+declare module '@ably/ui/core/Header/types' {
 export type ThemedScrollpoint = {
     id: string;
     className: string;
 };
+//# sourceMappingURL=types.d.ts.map
+}
+
+declare module '@ably/ui/core/Header' {
+import React, { ReactNode } from "react";
+import { ThemedScrollpoint } from "@ably/ui/core/Header/types";
+export type { ThemedScrollpoint };
 /**
  * Represents the state of the user session in the header.
  */
@@ -750,9 +847,13 @@ export type HeaderProps = {
      */
     className?: string;
     /**
-     * Indicates if the notice banner is visible.
+     * Indicates if the notice banner is enabled.
      */
-    isNoticeVisible?: boolean;
+    isNoticeBannerEnabled?: boolean;
+    /**
+     * Height of the notice banner in pixels.
+     */
+    noticeHeight?: number;
     /**
      * Optional search bar element.
      */
@@ -817,6 +918,10 @@ export type HeaderProps = {
      * Optional location object to detect location changes.
      */
     location?: Location;
+    /**
+     * Optional badge text to display on the logo.
+     */
+    logoBadge?: string;
 };
 const Header: React.FC<HeaderProps>;
 export default Header;
@@ -889,17 +994,6 @@ export default ForwardRef;
 //# sourceMappingURL=icon-display-architectural-guidance.d.ts.map
 }
 
-declare module '@ably/ui/core/Icon/components/icon-display-asset-tracking-col' {
-import * as React from "react";
-interface SVGRProps {
-    title?: string;
-    titleId?: string;
-}
-const ForwardRef: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement> & SVGRProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
-export default ForwardRef;
-//# sourceMappingURL=icon-display-asset-tracking-col.d.ts.map
-}
-
 declare module '@ably/ui/core/Icon/components/icon-display-authentication' {
 import * as React from "react";
 interface SVGRProps {
@@ -1021,6 +1115,17 @@ export default ForwardRef;
 //# sourceMappingURL=icon-display-chat-stack.d.ts.map
 }
 
+declare module '@ably/ui/core/Icon/components/icon-display-cloud-servers-mono' {
+import * as React from "react";
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+const ForwardRef: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement> & SVGRProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default ForwardRef;
+//# sourceMappingURL=icon-display-cloud-servers-mono.d.ts.map
+}
+
 declare module '@ably/ui/core/Icon/components/icon-display-cloud-servers' {
 import * as React from "react";
 interface SVGRProps {
@@ -1120,6 +1225,17 @@ export default ForwardRef;
 //# sourceMappingURL=icon-display-data-broadcast-mono.d.ts.map
 }
 
+declare module '@ably/ui/core/Icon/components/icon-display-data-integrity' {
+import * as React from "react";
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+const ForwardRef: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement> & SVGRProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default ForwardRef;
+//# sourceMappingURL=icon-display-data-integrity.d.ts.map
+}
+
 declare module '@ably/ui/core/Icon/components/icon-display-data-synchronization-col' {
 import * as React from "react";
 interface SVGRProps {
@@ -1131,6 +1247,17 @@ export default ForwardRef;
 //# sourceMappingURL=icon-display-data-synchronization-col.d.ts.map
 }
 
+declare module '@ably/ui/core/Icon/components/icon-display-database-connector' {
+import * as React from "react";
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+const ForwardRef: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement> & SVGRProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default ForwardRef;
+//# sourceMappingURL=icon-display-database-connector.d.ts.map
+}
+
 declare module '@ably/ui/core/Icon/components/icon-display-dedicated-cluster' {
 import * as React from "react";
 interface SVGRProps {
@@ -1208,6 +1335,28 @@ export default ForwardRef;
 //# sourceMappingURL=icon-display-elasticity.d.ts.map
 }
 
+declare module '@ably/ui/core/Icon/components/icon-display-ephemeral-messages-dark-col' {
+import * as React from "react";
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+const ForwardRef: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement> & SVGRProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default ForwardRef;
+//# sourceMappingURL=icon-display-ephemeral-messages-dark-col.d.ts.map
+}
+
+declare module '@ably/ui/core/Icon/components/icon-display-ephemeral-messages' {
+import * as React from "react";
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+const ForwardRef: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement> & SVGRProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default ForwardRef;
+//# sourceMappingURL=icon-display-ephemeral-messages.d.ts.map
+}
+
 declare module '@ably/ui/core/Icon/components/icon-display-equalisers-mono' {
 import * as React from "react";
 interface SVGRProps {
@@ -1450,6 +1599,17 @@ export default ForwardRef;
 //# sourceMappingURL=icon-display-live-updates-results-metrics-col.d.ts.map
 }
 
+declare module '@ably/ui/core/Icon/components/icon-display-live-updates' {
+import * as React from "react";
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+const ForwardRef: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement> & SVGRProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default ForwardRef;
+//# sourceMappingURL=icon-display-live-updates.d.ts.map
+}
+
 declare module '@ably/ui/core/Icon/components/icon-display-map-pin' {
 import * as React from "react";
 interface SVGRProps {
@@ -1461,6 +1621,28 @@ export default ForwardRef;
 //# sourceMappingURL=icon-display-map-pin.d.ts.map
 }
 
+declare module '@ably/ui/core/Icon/components/icon-display-message-annotations-dark-col' {
+import * as React from "react";
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+const ForwardRef: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement> & SVGRProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default ForwardRef;
+//# sourceMappingURL=icon-display-message-annotations-dark-col.d.ts.map
+}
+
+declare module '@ably/ui/core/Icon/components/icon-display-message-annotations' {
+import * as React from "react";
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+const ForwardRef: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement> & SVGRProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default ForwardRef;
+//# sourceMappingURL=icon-display-message-annotations.d.ts.map
+}
+
 declare module '@ably/ui/core/Icon/components/icon-display-message-batching' {
 import * as React from "react";
 interface SVGRProps {
@@ -1516,6 +1698,17 @@ export default ForwardRef;
 //# sourceMappingURL=icon-display-multi-user-spaces-col.d.ts.map
 }
 
+declare module '@ably/ui/core/Icon/components/icon-display-multi-user-spaces' {
+import * as React from "react";
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+const ForwardRef: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement> & SVGRProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default ForwardRef;
+//# sourceMappingURL=icon-display-multi-user-spaces.d.ts.map
+}
+
 declare module '@ably/ui/core/Icon/components/icon-display-observe-analytics' {
 import * as React from "react";
 interface SVGRProps {
@@ -1692,6 +1885,17 @@ export default ForwardRef;
 //# sourceMappingURL=icon-display-sdks-col.d.ts.map
 }
 
+declare module '@ably/ui/core/Icon/components/icon-display-sdks' {
+import * as React from "react";
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+const ForwardRef: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement> & SVGRProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default ForwardRef;
+//# sourceMappingURL=icon-display-sdks.d.ts.map
+}
+
 declare module '@ably/ui/core/Icon/components/icon-display-send-received-messages' {
 import * as React from "react";
 interface SVGRProps {
@@ -1758,6 +1962,28 @@ export default ForwardRef;
 //# sourceMappingURL=icon-display-soc2-type2.d.ts.map
 }
 
+declare module '@ably/ui/core/Icon/components/icon-display-something-else-mono' {
+import * as React from "react";
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+const ForwardRef: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement> & SVGRProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default ForwardRef;
+//# sourceMappingURL=icon-display-something-else-mono.d.ts.map
+}
+
+declare module '@ably/ui/core/Icon/components/icon-display-something-else' {
+import * as React from "react";
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+const ForwardRef: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement> & SVGRProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default ForwardRef;
+//# sourceMappingURL=icon-display-something-else.d.ts.map
+}
+
 declare module '@ably/ui/core/Icon/components/icon-display-subscription-filters' {
 import * as React from "react";
 interface SVGRProps {
@@ -1813,6 +2039,28 @@ export default ForwardRef;
 //# sourceMappingURL=icon-display-tutorials-demos-col.d.ts.map
 }
 
+declare module '@ably/ui/core/Icon/components/icon-display-ui-mono' {
+import * as React from "react";
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+const ForwardRef: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement> & SVGRProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default ForwardRef;
+//# sourceMappingURL=icon-display-ui-mono.d.ts.map
+}
+
+declare module '@ably/ui/core/Icon/components/icon-display-ui' {
+import * as React from "react";
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+const ForwardRef: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement> & SVGRProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default ForwardRef;
+//# sourceMappingURL=icon-display-ui.d.ts.map
+}
+
 declare module '@ably/ui/core/Icon/components/icon-display-virtual-events-col' {
 import * as React from "react";
 interface SVGRProps {
@@ -1989,6 +2237,28 @@ export default ForwardRef;
 //# sourceMappingURL=icon-gui-glasses.d.ts.map
 }
 
+declare module '@ably/ui/core/Icon/components/icon-gui-heartbeat-outline' {
+import * as React from "react";
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+const ForwardRef: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement> & SVGRProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default ForwardRef;
+//# sourceMappingURL=icon-gui-heartbeat-outline.d.ts.map
+}
+
+declare module '@ably/ui/core/Icon/components/icon-gui-heartbeat-solid' {
+import * as React from "react";
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+const ForwardRef: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement> & SVGRProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default ForwardRef;
+//# sourceMappingURL=icon-gui-heartbeat-solid.d.ts.map
+}
+
 declare module '@ably/ui/core/Icon/components/icon-gui-history' {
 import * as React from "react";
 interface SVGRProps {
@@ -2044,7 +2314,7 @@ export default ForwardRef;
 //# sourceMappingURL=icon-gui-pitfall.d.ts.map
 }
 
-declare module '@ably/ui/core/Icon/components/icon-gui-prod-asset-tracking-outline' {
+declare module '@ably/ui/core/Icon/components/icon-gui-prod-ai-transport-outline' {
 import * as React from "react";
 interface SVGRProps {
     title?: string;
@@ -2052,10 +2322,10 @@ interface SVGRProps {
 }
 const ForwardRef: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement> & SVGRProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
 export default ForwardRef;
-//# sourceMappingURL=icon-gui-prod-asset-tracking-outline.d.ts.map
+//# sourceMappingURL=icon-gui-prod-ai-transport-outline.d.ts.map
 }
 
-declare module '@ably/ui/core/Icon/components/icon-gui-prod-asset-tracking-solid' {
+declare module '@ably/ui/core/Icon/components/icon-gui-prod-ai-transport-solid' {
 import * as React from "react";
 interface SVGRProps {
     title?: string;
@@ -2063,7 +2333,7 @@ interface SVGRProps {
 }
 const ForwardRef: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement> & SVGRProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
 export default ForwardRef;
-//# sourceMappingURL=icon-gui-prod-asset-tracking-solid.d.ts.map
+//# sourceMappingURL=icon-gui-prod-ai-transport-solid.d.ts.map
 }
 
 declare module '@ably/ui/core/Icon/components/icon-gui-prod-chat-outline' {
@@ -2231,7 +2501,7 @@ export default ForwardRef;
 //# sourceMappingURL=icon-gui-spinner-light.d.ts.map
 }
 
-declare module '@ably/ui/core/Icon/components/icon-product-asset-tracking-mono' {
+declare module '@ably/ui/core/Icon/components/icon-product-ai-transport-mono' {
 import * as React from "react";
 interface SVGRProps {
     title?: string;
@@ -2239,10 +2509,10 @@ interface SVGRProps {
 }
 const ForwardRef: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement> & SVGRProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
 export default ForwardRef;
-//# sourceMappingURL=icon-product-asset-tracking-mono.d.ts.map
+//# sourceMappingURL=icon-product-ai-transport-mono.d.ts.map
 }
 
-declare module '@ably/ui/core/Icon/components/icon-product-asset-tracking' {
+declare module '@ably/ui/core/Icon/components/icon-product-ai-transport' {
 import * as React from "react";
 interface SVGRProps {
     title?: string;
@@ -2250,7 +2520,7 @@ interface SVGRProps {
 }
 const ForwardRef: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement> & SVGRProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
 export default ForwardRef;
-//# sourceMappingURL=icon-product-asset-tracking.d.ts.map
+//# sourceMappingURL=icon-product-ai-transport.d.ts.map
 }
 
 declare module '@ably/ui/core/Icon/components/icon-product-chat-mono' {
@@ -3210,6 +3480,28 @@ export default ForwardRef;
 //# sourceMappingURL=icon-tech-centrifugo.d.ts.map
 }
 
+declare module '@ably/ui/core/Icon/components/icon-tech-claude-mono' {
+import * as React from "react";
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+const ForwardRef: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement> & SVGRProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default ForwardRef;
+//# sourceMappingURL=icon-tech-claude-mono.d.ts.map
+}
+
+declare module '@ably/ui/core/Icon/components/icon-tech-claude' {
+import * as React from "react";
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+const ForwardRef: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement> & SVGRProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default ForwardRef;
+//# sourceMappingURL=icon-tech-claude.d.ts.map
+}
+
 declare module '@ably/ui/core/Icon/components/icon-tech-client-side-frameworks' {
 import * as React from "react";
 interface SVGRProps {
@@ -3694,6 +3986,17 @@ export default ForwardRef;
 //# sourceMappingURL=icon-tech-javascript.d.ts.map
 }
 
+declare module '@ably/ui/core/Icon/components/icon-tech-jetpack' {
+import * as React from "react";
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+const ForwardRef: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement> & SVGRProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default ForwardRef;
+//# sourceMappingURL=icon-tech-jetpack.d.ts.map
+}
+
 declare module '@ably/ui/core/Icon/components/icon-tech-jms' {
 import * as React from "react";
 interface SVGRProps {
@@ -4464,6 +4767,17 @@ export default ForwardRef;
 //# sourceMappingURL=icon-tech-tenefit.d.ts.map
 }
 
+declare module '@ably/ui/core/Icon/components/icon-tech-terraform-outline' {
+import * as React from "react";
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+const ForwardRef: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement> & SVGRProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default ForwardRef;
+//# sourceMappingURL=icon-tech-terraform-outline.d.ts.map
+}
+
 declare module '@ably/ui/core/Icon/components/icon-tech-terraform' {
 import * as React from "react";
 interface SVGRProps {
@@ -4706,18 +5020,399 @@ export default ForwardRef;
 //# sourceMappingURL=icon-tech-zeromq.d.ts.map
 }
 
+declare module '@ably/ui/core/Icon/components' {
+import IconDisplay48hrs from "@ably/ui/core/icon-display-48hrs";
+import IconDisplayAblyChannels from "@ably/ui/core/icon-display-ably-channels";
+import IconDisplayAboutAblyCol from "@ably/ui/core/icon-display-about-ably-col";
+import IconDisplayApiKeys from "@ably/ui/core/icon-display-api-keys";
+import IconDisplayApi from "@ably/ui/core/icon-display-api";
+import IconDisplayArchitecturalGuidance from "@ably/ui/core/icon-display-architectural-guidance";
+import IconDisplayAuthentication from "@ably/ui/core/icon-display-authentication";
+import IconDisplayAvatarStack from "@ably/ui/core/icon-display-avatar-stack";
+import IconDisplayBrowser from "@ably/ui/core/icon-display-browser";
+import IconDisplayCalendar from "@ably/ui/core/icon-display-calendar";
+import IconDisplayCallMobile from "@ably/ui/core/icon-display-call-mobile";
+import IconDisplayCareersCol from "@ably/ui/core/icon-display-careers-col";
+import IconDisplayCaseStudiesCol from "@ably/ui/core/icon-display-case-studies-col";
+import IconDisplayChatCol from "@ably/ui/core/icon-display-chat-col";
+import IconDisplayChatMono from "@ably/ui/core/icon-display-chat-mono";
+import IconDisplayChatStackCol from "@ably/ui/core/icon-display-chat-stack-col";
+import IconDisplayChatStack from "@ably/ui/core/icon-display-chat-stack";
+import IconDisplayCloudServersMono from "@ably/ui/core/icon-display-cloud-servers-mono";
+import IconDisplayCloudServers from "@ably/ui/core/icon-display-cloud-servers";
+import IconDisplayCompareTechCol from "@ably/ui/core/icon-display-compare-tech-col";
+import IconDisplayConnectionStateRecovery from "@ably/ui/core/icon-display-connection-state-recovery";
+import IconDisplayConsumerGroups from "@ably/ui/core/icon-display-consumer-groups";
+import IconDisplayCustomCname from "@ably/ui/core/icon-display-custom-cname";
+import IconDisplayCustom from "@ably/ui/core/icon-display-custom";
+import IconDisplayCustomersCol from "@ably/ui/core/icon-display-customers-col";
+import IconDisplayDataBroadcastCol from "@ably/ui/core/icon-display-data-broadcast-col";
+import IconDisplayDataBroadcastMono from "@ably/ui/core/icon-display-data-broadcast-mono";
+import IconDisplayDataIntegrity from "@ably/ui/core/icon-display-data-integrity";
+import IconDisplayDataSynchronizationCol from "@ably/ui/core/icon-display-data-synchronization-col";
+import IconDisplayDatabaseConnector from "@ably/ui/core/icon-display-database-connector";
+import IconDisplayDedicatedCluster from "@ably/ui/core/icon-display-dedicated-cluster";
+import IconDisplayDeltas from "@ably/ui/core/icon-display-deltas";
+import IconDisplayDocsCol from "@ably/ui/core/icon-display-docs-col";
+import IconDisplayDocumentation from "@ably/ui/core/icon-display-documentation";
+import IconDisplayDynamicChannelGroups from "@ably/ui/core/icon-display-dynamic-channel-groups";
+import IconDisplayEdgeNetwork from "@ably/ui/core/icon-display-edge-network";
+import IconDisplayElasticity from "@ably/ui/core/icon-display-elasticity";
+import IconDisplayEphemeralMessagesDarkCol from "@ably/ui/core/icon-display-ephemeral-messages-dark-col";
+import IconDisplayEphemeralMessages from "@ably/ui/core/icon-display-ephemeral-messages";
+import IconDisplayEqualisersMono from "@ably/ui/core/icon-display-equalisers-mono";
+import IconDisplayEventsCol from "@ably/ui/core/icon-display-events-col";
+import IconDisplayExactlyOnceDelivery from "@ably/ui/core/icon-display-exactly-once-delivery";
+import IconDisplayExamplesCol from "@ably/ui/core/icon-display-examples-col";
+import IconDisplayFanOut from "@ably/ui/core/icon-display-fan-out";
+import IconDisplayFirehose from "@ably/ui/core/icon-display-firehose";
+import IconDisplayGdpr from "@ably/ui/core/icon-display-gdpr";
+import IconDisplayGeneralComms from "@ably/ui/core/icon-display-general-comms";
+import IconDisplayGranularPermissions from "@ably/ui/core/icon-display-granular-permissions";
+import IconDisplayHipaaMono from "@ably/ui/core/icon-display-hipaa-mono";
+import IconDisplayHipaa from "@ably/ui/core/icon-display-hipaa";
+import IconDisplayHistory from "@ably/ui/core/icon-display-history";
+import IconDisplayIntegrationsCol from "@ably/ui/core/icon-display-integrations-col";
+import IconDisplayIntegrations from "@ably/ui/core/icon-display-integrations";
+import IconDisplayItSupportAccess from "@ably/ui/core/icon-display-it-support-access";
+import IconDisplayItSupportHelpdesk from "@ably/ui/core/icon-display-it-support-helpdesk";
+import IconDisplayKafkaAtTheEdgeCol from "@ably/ui/core/icon-display-kafka-at-the-edge-col";
+import IconDisplayLaptop from "@ably/ui/core/icon-display-laptop";
+import IconDisplayLastSeen from "@ably/ui/core/icon-display-last-seen";
+import IconDisplayLightbulbCol from "@ably/ui/core/icon-display-lightbulb-col";
+import IconDisplayLiveChat from "@ably/ui/core/icon-display-live-chat";
+import IconDisplayLiveUpdatesResultsMetricsCol from "@ably/ui/core/icon-display-live-updates-results-metrics-col";
+import IconDisplayLiveUpdates from "@ably/ui/core/icon-display-live-updates";
+import IconDisplayMapPin from "@ably/ui/core/icon-display-map-pin";
+import IconDisplayMessageAnnotationsDarkCol from "@ably/ui/core/icon-display-message-annotations-dark-col";
+import IconDisplayMessageAnnotations from "@ably/ui/core/icon-display-message-annotations";
+import IconDisplayMessageBatching from "@ably/ui/core/icon-display-message-batching";
+import IconDisplayMessagePersistence from "@ably/ui/core/icon-display-message-persistence";
+import IconDisplayMessageQueues from "@ably/ui/core/icon-display-message-queues";
+import IconDisplayMessage from "@ably/ui/core/icon-display-message";
+import IconDisplayMultiUserSpacesCol from "@ably/ui/core/icon-display-multi-user-spaces-col";
+import IconDisplayMultiUserSpaces from "@ably/ui/core/icon-display-multi-user-spaces";
+import IconDisplayObserveAnalytics from "@ably/ui/core/icon-display-observe-analytics";
+import IconDisplayPadlockClosed from "@ably/ui/core/icon-display-padlock-closed";
+import IconDisplayPlatform from "@ably/ui/core/icon-display-platform";
+import IconDisplayPlay from "@ably/ui/core/icon-display-play";
+import IconDisplayPremiumSupport from "@ably/ui/core/icon-display-premium-support";
+import IconDisplayPrivacyShieldFramework from "@ably/ui/core/icon-display-privacy-shield-framework";
+import IconDisplayPrivateLink from "@ably/ui/core/icon-display-private-link";
+import IconDisplayPushNotificationsCol from "@ably/ui/core/icon-display-push-notifications-col";
+import IconDisplayPushNotificationsMono from "@ably/ui/core/icon-display-push-notifications-mono";
+import IconDisplayPushNotifications from "@ably/ui/core/icon-display-push-notifications";
+import IconDisplayQuickstartGuidesCol from "@ably/ui/core/icon-display-quickstart-guides-col";
+import IconDisplayReactions from "@ably/ui/core/icon-display-reactions";
+import IconDisplayReadReceipts from "@ably/ui/core/icon-display-read-receipts";
+import IconDisplayResourcesCol from "@ably/ui/core/icon-display-resources-col";
+import IconDisplayRewind from "@ably/ui/core/icon-display-rewind";
+import IconDisplaySdksCol from "@ably/ui/core/icon-display-sdks-col";
+import IconDisplaySdks from "@ably/ui/core/icon-display-sdks";
+import IconDisplaySendReceivedMessages from "@ably/ui/core/icon-display-send-received-messages";
+import IconDisplayServers from "@ably/ui/core/icon-display-servers";
+import IconDisplayShoppingCart from "@ably/ui/core/icon-display-shopping-cart";
+import IconDisplaySla from "@ably/ui/core/icon-display-sla";
+import IconDisplaySoc2Type2Mono from "@ably/ui/core/icon-display-soc2-type2-mono";
+import IconDisplaySoc2Type2 from "@ably/ui/core/icon-display-soc2-type2";
+import IconDisplaySomethingElseMono from "@ably/ui/core/icon-display-something-else-mono";
+import IconDisplaySomethingElse from "@ably/ui/core/icon-display-something-else";
+import IconDisplaySubscriptionFilters from "@ably/ui/core/icon-display-subscription-filters";
+import IconDisplaySupportChatMono from "@ably/ui/core/icon-display-support-chat-mono";
+import IconDisplaySystemMetadata from "@ably/ui/core/icon-display-system-metadata";
+import IconDisplayTechAccountComms from "@ably/ui/core/icon-display-tech-account-comms";
+import IconDisplayTutorialsDemosCol from "@ably/ui/core/icon-display-tutorials-demos-col";
+import IconDisplayUiMono from "@ably/ui/core/icon-display-ui-mono";
+import IconDisplayUi from "@ably/ui/core/icon-display-ui";
+import IconDisplayVirtualEventsCol from "@ably/ui/core/icon-display-virtual-events-col";
+import IconDisplayVirtualEvents from "@ably/ui/core/icon-display-virtual-events";
+export { IconDisplay48hrs, IconDisplayAblyChannels, IconDisplayAboutAblyCol, IconDisplayApiKeys, IconDisplayApi, IconDisplayArchitecturalGuidance, IconDisplayAuthentication, IconDisplayAvatarStack, IconDisplayBrowser, IconDisplayCalendar, IconDisplayCallMobile, IconDisplayCareersCol, IconDisplayCaseStudiesCol, IconDisplayChatCol, IconDisplayChatMono, IconDisplayChatStackCol, IconDisplayChatStack, IconDisplayCloudServersMono, IconDisplayCloudServers, IconDisplayCompareTechCol, IconDisplayConnectionStateRecovery, IconDisplayConsumerGroups, IconDisplayCustomCname, IconDisplayCustom, IconDisplayCustomersCol, IconDisplayDataBroadcastCol, IconDisplayDataBroadcastMono, IconDisplayDataIntegrity, IconDisplayDataSynchronizationCol, IconDisplayDatabaseConnector, IconDisplayDedicatedCluster, IconDisplayDeltas, IconDisplayDocsCol, IconDisplayDocumentation, IconDisplayDynamicChannelGroups, IconDisplayEdgeNetwork, IconDisplayElasticity, IconDisplayEphemeralMessagesDarkCol, IconDisplayEphemeralMessages, IconDisplayEqualisersMono, IconDisplayEventsCol, IconDisplayExactlyOnceDelivery, IconDisplayExamplesCol, IconDisplayFanOut, IconDisplayFirehose, IconDisplayGdpr, IconDisplayGeneralComms, IconDisplayGranularPermissions, IconDisplayHipaaMono, IconDisplayHipaa, IconDisplayHistory, IconDisplayIntegrationsCol, IconDisplayIntegrations, IconDisplayItSupportAccess, IconDisplayItSupportHelpdesk, IconDisplayKafkaAtTheEdgeCol, IconDisplayLaptop, IconDisplayLastSeen, IconDisplayLightbulbCol, IconDisplayLiveChat, IconDisplayLiveUpdatesResultsMetricsCol, IconDisplayLiveUpdates, IconDisplayMapPin, IconDisplayMessageAnnotationsDarkCol, IconDisplayMessageAnnotations, IconDisplayMessageBatching, IconDisplayMessagePersistence, IconDisplayMessageQueues, IconDisplayMessage, IconDisplayMultiUserSpacesCol, IconDisplayMultiUserSpaces, IconDisplayObserveAnalytics, IconDisplayPadlockClosed, IconDisplayPlatform, IconDisplayPlay, IconDisplayPremiumSupport, IconDisplayPrivacyShieldFramework, IconDisplayPrivateLink, IconDisplayPushNotificationsCol, IconDisplayPushNotificationsMono, IconDisplayPushNotifications, IconDisplayQuickstartGuidesCol, IconDisplayReactions, IconDisplayReadReceipts, IconDisplayResourcesCol, IconDisplayRewind, IconDisplaySdksCol, IconDisplaySdks, IconDisplaySendReceivedMessages, IconDisplayServers, IconDisplayShoppingCart, IconDisplaySla, IconDisplaySoc2Type2Mono, IconDisplaySoc2Type2, IconDisplaySomethingElseMono, IconDisplaySomethingElse, IconDisplaySubscriptionFilters, IconDisplaySupportChatMono, IconDisplaySystemMetadata, IconDisplayTechAccountComms, IconDisplayTutorialsDemosCol, IconDisplayUiMono, IconDisplayUi, IconDisplayVirtualEventsCol, IconDisplayVirtualEvents, };
+import IconGuiAblyBadge from "@ably/ui/core/icon-gui-ably-badge";
+import IconGuiCheckCircledFill from "@ably/ui/core/icon-gui-check-circled-fill";
+import IconGuiCheckLotusCircled from "@ably/ui/core/icon-gui-check-lotus-circled";
+import IconGuiChecklistChecked from "@ably/ui/core/icon-gui-checklist-checked";
+import IconGuiCodeDoc from "@ably/ui/core/icon-gui-code-doc";
+import IconGuiCursor from "@ably/ui/core/icon-gui-cursor";
+import IconGuiExpand from "@ably/ui/core/icon-gui-expand";
+import IconGuiFilterFlowStep0 from "@ably/ui/core/icon-gui-filter-flow-step-0";
+import IconGuiFilterFlowStep1 from "@ably/ui/core/icon-gui-filter-flow-step-1";
+import IconGuiFilterFlowStep2 from "@ably/ui/core/icon-gui-filter-flow-step-2";
+import IconGuiFilterFlowStep3 from "@ably/ui/core/icon-gui-filter-flow-step-3";
+import IconGuiFlowerGrowth from "@ably/ui/core/icon-gui-flower-growth";
+import IconGuiFurtherReading from "@ably/ui/core/icon-gui-further-reading";
+import IconGuiGlasses from "@ably/ui/core/icon-gui-glasses";
+import IconGuiHeartbeatOutline from "@ably/ui/core/icon-gui-heartbeat-outline";
+import IconGuiHeartbeatSolid from "@ably/ui/core/icon-gui-heartbeat-solid";
+import IconGuiHistory from "@ably/ui/core/icon-gui-history";
+import IconGuiLiveChat from "@ably/ui/core/icon-gui-live-chat";
+import IconGuiMouse from "@ably/ui/core/icon-gui-mouse";
+import IconGuiPartial from "@ably/ui/core/icon-gui-partial";
+import IconGuiPitfall from "@ably/ui/core/icon-gui-pitfall";
+import IconGuiProdAiTransportOutline from "@ably/ui/core/icon-gui-prod-ai-transport-outline";
+import IconGuiProdAiTransportSolid from "@ably/ui/core/icon-gui-prod-ai-transport-solid";
+import IconGuiProdChatOutline from "@ably/ui/core/icon-gui-prod-chat-outline";
+import IconGuiProdChatSolid from "@ably/ui/core/icon-gui-prod-chat-solid";
+import IconGuiProdLiveobjectsOutline from "@ably/ui/core/icon-gui-prod-liveobjects-outline";
+import IconGuiProdLiveobjectsSolid from "@ably/ui/core/icon-gui-prod-liveobjects-solid";
+import IconGuiProdLivesyncOutline from "@ably/ui/core/icon-gui-prod-livesync-outline";
+import IconGuiProdLivesyncSolid from "@ably/ui/core/icon-gui-prod-livesync-solid";
+import IconGuiProdPubsubOutline from "@ably/ui/core/icon-gui-prod-pubsub-outline";
+import IconGuiProdPubsubSolid from "@ably/ui/core/icon-gui-prod-pubsub-solid";
+import IconGuiProdSpacesOutline from "@ably/ui/core/icon-gui-prod-spaces-outline";
+import IconGuiProdSpacesSolid from "@ably/ui/core/icon-gui-prod-spaces-solid";
+import IconGuiQuoteMarksFill from "@ably/ui/core/icon-gui-quote-marks-fill";
+import IconGuiRefresh from "@ably/ui/core/icon-gui-refresh";
+import IconGuiResources from "@ably/ui/core/icon-gui-resources";
+import IconGuiSpinnerDark from "@ably/ui/core/icon-gui-spinner-dark";
+import IconGuiSpinnerLight from "@ably/ui/core/icon-gui-spinner-light";
+export { IconGuiAblyBadge, IconGuiCheckCircledFill, IconGuiCheckLotusCircled, IconGuiChecklistChecked, IconGuiCodeDoc, IconGuiCursor, IconGuiExpand, IconGuiFilterFlowStep0, IconGuiFilterFlowStep1, IconGuiFilterFlowStep2, IconGuiFilterFlowStep3, IconGuiFlowerGrowth, IconGuiFurtherReading, IconGuiGlasses, IconGuiHeartbeatOutline, IconGuiHeartbeatSolid, IconGuiHistory, IconGuiLiveChat, IconGuiMouse, IconGuiPartial, IconGuiPitfall, IconGuiProdAiTransportOutline, IconGuiProdAiTransportSolid, IconGuiProdChatOutline, IconGuiProdChatSolid, IconGuiProdLiveobjectsOutline, IconGuiProdLiveobjectsSolid, IconGuiProdLivesyncOutline, IconGuiProdLivesyncSolid, IconGuiProdPubsubOutline, IconGuiProdPubsubSolid, IconGuiProdSpacesOutline, IconGuiProdSpacesSolid, IconGuiQuoteMarksFill, IconGuiRefresh, IconGuiResources, IconGuiSpinnerDark, IconGuiSpinnerLight, };
+import IconProductAiTransportMono from "@ably/ui/core/icon-product-ai-transport-mono";
+import IconProductAiTransport from "@ably/ui/core/icon-product-ai-transport";
+import IconProductChatMono from "@ably/ui/core/icon-product-chat-mono";
+import IconProductChat from "@ably/ui/core/icon-product-chat";
+import IconProductLiveobjectsDark from "@ably/ui/core/icon-product-liveobjects-dark";
+import IconProductLiveobjectsMono from "@ably/ui/core/icon-product-liveobjects-mono";
+import IconProductLiveobjects from "@ably/ui/core/icon-product-liveobjects";
+import IconProductLivesyncMono from "@ably/ui/core/icon-product-livesync-mono";
+import IconProductLivesync from "@ably/ui/core/icon-product-livesync";
+import IconProductPlatformMono from "@ably/ui/core/icon-product-platform-mono";
+import IconProductPlatform from "@ably/ui/core/icon-product-platform";
+import IconProductPubsubMono from "@ably/ui/core/icon-product-pubsub-mono";
+import IconProductPubsub from "@ably/ui/core/icon-product-pubsub";
+import IconProductSpacesMono from "@ably/ui/core/icon-product-spaces-mono";
+import IconProductSpaces from "@ably/ui/core/icon-product-spaces";
+export { IconProductAiTransportMono, IconProductAiTransport, IconProductChatMono, IconProductChat, IconProductLiveobjectsDark, IconProductLiveobjectsMono, IconProductLiveobjects, IconProductLivesyncMono, IconProductLivesync, IconProductPlatformMono, IconProductPlatform, IconProductPubsubMono, IconProductPubsub, IconProductSpacesMono, IconProductSpaces, };
+import IconSocialDiscordMono from "@ably/ui/core/icon-social-discord-mono";
+import IconSocialDiscord from "@ably/ui/core/icon-social-discord";
+import IconSocialFacebookMono from "@ably/ui/core/icon-social-facebook-mono";
+import IconSocialFacebook from "@ably/ui/core/icon-social-facebook";
+import IconSocialGithubMono from "@ably/ui/core/icon-social-github-mono";
+import IconSocialGithub from "@ably/ui/core/icon-social-github";
+import IconSocialGlassdoorMono from "@ably/ui/core/icon-social-glassdoor-mono";
+import IconSocialGlassdoor from "@ably/ui/core/icon-social-glassdoor";
+import IconSocialGoogleMono from "@ably/ui/core/icon-social-google-mono";
+import IconSocialGoogle from "@ably/ui/core/icon-social-google";
+import IconSocialLinkedinMono from "@ably/ui/core/icon-social-linkedin-mono";
+import IconSocialLinkedin from "@ably/ui/core/icon-social-linkedin";
+import IconSocialSlackMono from "@ably/ui/core/icon-social-slack-mono";
+import IconSocialSlack from "@ably/ui/core/icon-social-slack";
+import IconSocialStackoverflowMono from "@ably/ui/core/icon-social-stackoverflow-mono";
+import IconSocialStackoverflow from "@ably/ui/core/icon-social-stackoverflow";
+import IconSocialTwitterMono from "@ably/ui/core/icon-social-twitter-mono";
+import IconSocialTwitter from "@ably/ui/core/icon-social-twitter";
+import IconSocialXMono from "@ably/ui/core/icon-social-x-mono";
+import IconSocialX from "@ably/ui/core/icon-social-x";
+import IconSocialYoutubeMono from "@ably/ui/core/icon-social-youtube-mono";
+import IconSocialYoutube from "@ably/ui/core/icon-social-youtube";
+export { IconSocialDiscordMono, IconSocialDiscord, IconSocialFacebookMono, IconSocialFacebook, IconSocialGithubMono, IconSocialGithub, IconSocialGlassdoorMono, IconSocialGlassdoor, IconSocialGoogleMono, IconSocialGoogle, IconSocialLinkedinMono, IconSocialLinkedin, IconSocialSlackMono, IconSocialSlack, IconSocialStackoverflowMono, IconSocialStackoverflow, IconSocialTwitterMono, IconSocialTwitter, IconSocialXMono, IconSocialX, IconSocialYoutubeMono, IconSocialYoutube, };
+import IconTechAblyApiStreamer from "@ably/ui/core/icon-tech-ably-api-streamer";
+import IconTechAblyFirehose from "@ably/ui/core/icon-tech-ably-firehose";
+import IconTechAblyNative from "@ably/ui/core/icon-tech-ably-native";
+import IconTechAbly from "@ably/ui/core/icon-tech-ably";
+import IconTechActivemq from "@ably/ui/core/icon-tech-activemq";
+import IconTechActivitypub from "@ably/ui/core/icon-tech-activitypub";
+import IconTechAerospike from "@ably/ui/core/icon-tech-aerospike";
+import IconTechAkka from "@ably/ui/core/icon-tech-akka";
+import IconTechAmazonEc2 from "@ably/ui/core/icon-tech-amazon-ec2";
+import IconTechAmazonEventBridge from "@ably/ui/core/icon-tech-amazon-event-bridge";
+import IconTechAmqp091 from "@ably/ui/core/icon-tech-amqp091";
+import IconTechAmqp10 from "@ably/ui/core/icon-tech-amqp10";
+import IconTechAndroidFull from "@ably/ui/core/icon-tech-android-full";
+import IconTechAndroidHead from "@ably/ui/core/icon-tech-android-head";
+import IconTechAngular from "@ably/ui/core/icon-tech-angular";
+import IconTechAnycable from "@ably/ui/core/icon-tech-anycable";
+import IconTechApacheCassandra from "@ably/ui/core/icon-tech-apache-cassandra";
+import IconTechApacheCordova from "@ably/ui/core/icon-tech-apache-cordova";
+import IconTechApacheKafka from "@ably/ui/core/icon-tech-apache-kafka";
+import IconTechApacheSpark from "@ably/ui/core/icon-tech-apache-spark";
+import IconTechApachepulsar from "@ably/ui/core/icon-tech-apachepulsar";
+import IconTechApachestorm from "@ably/ui/core/icon-tech-apachestorm";
+import IconTechApns from "@ably/ui/core/icon-tech-apns";
+import IconTechAssemblyai from "@ably/ui/core/icon-tech-assemblyai";
+import IconTechAtmosphere from "@ably/ui/core/icon-tech-atmosphere";
+import IconTechAwsAppSync from "@ably/ui/core/icon-tech-aws-app-sync";
+import IconTechAwsAurora from "@ably/ui/core/icon-tech-aws-aurora";
+import IconTechAwsGatewayWebsockets from "@ably/ui/core/icon-tech-aws-gateway-websockets";
+import IconTechAwsSns from "@ably/ui/core/icon-tech-aws-sns";
+import IconTechAwsSqs from "@ably/ui/core/icon-tech-aws-sqs";
+import IconTechAws from "@ably/ui/core/icon-tech-aws";
+import IconTechAwsiot from "@ably/ui/core/icon-tech-awsiot";
+import IconTechAwskinesis from "@ably/ui/core/icon-tech-awskinesis";
+import IconTechAwslambda from "@ably/ui/core/icon-tech-awslambda";
+import IconTechAwssqs from "@ably/ui/core/icon-tech-awssqs";
+import IconTechAzureApi from "@ably/ui/core/icon-tech-azure-api";
+import IconTechAzureArchiveApi from "@ably/ui/core/icon-tech-azure-archive-api";
+import IconTechAzureBus from "@ably/ui/core/icon-tech-azure-bus";
+import IconTechAzureCosmos from "@ably/ui/core/icon-tech-azure-cosmos";
+import IconTechAzureEventHub from "@ably/ui/core/icon-tech-azure-event-hub";
+import IconTechAzureFunctions from "@ably/ui/core/icon-tech-azure-functions";
+import IconTechAzureSearch from "@ably/ui/core/icon-tech-azure-search";
+import IconTechAzureStaticWebApp from "@ably/ui/core/icon-tech-azure-static-web-app";
+import IconTechAzureStaticWebApps from "@ably/ui/core/icon-tech-azure-static-web-apps";
+import IconTechAzureStorage from "@ably/ui/core/icon-tech-azure-storage";
+import IconTechAzureWebPubsub from "@ably/ui/core/icon-tech-azure-web-pubsub";
+import IconTechAzurefunctions from "@ably/ui/core/icon-tech-azurefunctions";
+import IconTechAzureservicebus from "@ably/ui/core/icon-tech-azureservicebus";
+import IconTechAzuresignalR from "@ably/ui/core/icon-tech-azuresignalR";
+import IconTechBayeux from "@ably/ui/core/icon-tech-bayeux";
+import IconTechC from "@ably/ui/core/icon-tech-c";
+import IconTechCentrifugo from "@ably/ui/core/icon-tech-centrifugo";
+import IconTechClaudeMono from "@ably/ui/core/icon-tech-claude-mono";
+import IconTechClaude from "@ably/ui/core/icon-tech-claude";
+import IconTechClientSideFrameworks from "@ably/ui/core/icon-tech-client-side-frameworks";
+import IconTechClojure from "@ably/ui/core/icon-tech-clojure";
+import IconTechCloudflareDurableObjects from "@ably/ui/core/icon-tech-cloudflare-durable-objects";
+import IconTechCloudflareworkers from "@ably/ui/core/icon-tech-cloudflareworkers";
+import IconTechCocoa from "@ably/ui/core/icon-tech-cocoa";
+import IconTechConfluent from "@ably/ui/core/icon-tech-confluent";
+import IconTechCord from "@ably/ui/core/icon-tech-cord";
+import IconTechCsharp from "@ably/ui/core/icon-tech-csharp";
+import IconTechCurl from "@ably/ui/core/icon-tech-curl";
+import IconTechCustomwebhooks from "@ably/ui/core/icon-tech-customwebhooks";
+import IconTechDatadog from "@ably/ui/core/icon-tech-datadog";
+import IconTechDesignPatterns from "@ably/ui/core/icon-tech-design-patterns";
+import IconTechDevplatforms from "@ably/ui/core/icon-tech-devplatforms";
+import IconTechDiffusionData from "@ably/ui/core/icon-tech-diffusion-data";
+import IconTechDjango from "@ably/ui/core/icon-tech-django";
+import IconTechEngineio from "@ably/ui/core/icon-tech-engineio";
+import IconTechEventDrivenServers from "@ably/ui/core/icon-tech-event-driven-servers";
+import IconTechFanoutIo from "@ably/ui/core/icon-tech-fanout-io";
+import IconTechFastApi from "@ably/ui/core/icon-tech-fast-api";
+import IconTechFauna from "@ably/ui/core/icon-tech-fauna";
+import IconTechFeatherjs from "@ably/ui/core/icon-tech-featherjs";
+import IconTechFirebaseCloudMessaging from "@ably/ui/core/icon-tech-firebase-cloud-messaging";
+import IconTechFirebase from "@ably/ui/core/icon-tech-firebase";
+import IconTechFlutter from "@ably/ui/core/icon-tech-flutter";
+import IconTechGcloudbigquery from "@ably/ui/core/icon-tech-gcloudbigquery";
+import IconTechGclouddataflow from "@ably/ui/core/icon-tech-gclouddataflow";
+import IconTechGcloudfunctions from "@ably/ui/core/icon-tech-gcloudfunctions";
+import IconTechGcloudpubsub from "@ably/ui/core/icon-tech-gcloudpubsub";
+import IconTechGo from "@ably/ui/core/icon-tech-go";
+import IconTechGrpc from "@ably/ui/core/icon-tech-grpc";
+import IconTechHivemq from "@ably/ui/core/icon-tech-hivemq";
+import IconTechHttp2 from "@ably/ui/core/icon-tech-http2";
+import IconTechHttp3 from "@ably/ui/core/icon-tech-http3";
+import IconTechHttprest from "@ably/ui/core/icon-tech-httprest";
+import IconTechIdempotency from "@ably/ui/core/icon-tech-idempotency";
+import IconTechIfttt from "@ably/ui/core/icon-tech-ifttt";
+import IconTechIntegrations from "@ably/ui/core/icon-tech-integrations";
+import IconTechIosGeneric from "@ably/ui/core/icon-tech-ios-generic";
+import IconTechIos from "@ably/ui/core/icon-tech-ios";
+import IconTechIpados from "@ably/ui/core/icon-tech-ipados";
+import IconTechIpfs from "@ably/ui/core/icon-tech-ipfs";
+import IconTechIronmq from "@ably/ui/core/icon-tech-ironmq";
+import IconTechJava from "@ably/ui/core/icon-tech-java";
+import IconTechJavascript from "@ably/ui/core/icon-tech-javascript";
+import IconTechJetpack from "@ably/ui/core/icon-tech-jetpack";
+import IconTechJms from "@ably/ui/core/icon-tech-jms";
+import IconTechJsonWebTokens from "@ably/ui/core/icon-tech-json-web-tokens";
+import IconTechJson from "@ably/ui/core/icon-tech-json";
+import IconTechKaazing from "@ably/ui/core/icon-tech-kaazing";
+import IconTechKotlin from "@ably/ui/core/icon-tech-kotlin";
+import IconTechKsqlDb from "@ably/ui/core/icon-tech-ksql-db";
+import IconTechKubernetes from "@ably/ui/core/icon-tech-kubernetes";
+import IconTechLaravelBroadcast from "@ably/ui/core/icon-tech-laravel-broadcast";
+import IconTechLaravelEcho from "@ably/ui/core/icon-tech-laravel-echo";
+import IconTechLightstreamer from "@ably/ui/core/icon-tech-lightstreamer";
+import IconTechLiveblocks from "@ably/ui/core/icon-tech-liveblocks";
+import IconTechLongpolling from "@ably/ui/core/icon-tech-longpolling";
+import IconTechMacos from "@ably/ui/core/icon-tech-macos";
+import IconTechMatrix from "@ably/ui/core/icon-tech-matrix";
+import IconTechMeteor from "@ably/ui/core/icon-tech-meteor";
+import IconTechMongoDb from "@ably/ui/core/icon-tech-mongo-db";
+import IconTechMono from "@ably/ui/core/icon-tech-mono";
+import IconTechMqtt from "@ably/ui/core/icon-tech-mqtt";
+import IconTechMysql from "@ably/ui/core/icon-tech-mysql";
+import IconTechNativeScript from "@ably/ui/core/icon-tech-native-script";
+import IconTechNet from "@ably/ui/core/icon-tech-net";
+import IconTechNetlify from "@ably/ui/core/icon-tech-netlify";
+import IconTechNextjs from "@ably/ui/core/icon-tech-nextjs";
+import IconTechNkn from "@ably/ui/core/icon-tech-nkn";
+import IconTechNodejs from "@ably/ui/core/icon-tech-nodejs";
+import IconTechObjectivec from "@ably/ui/core/icon-tech-objectivec";
+import IconTechOpenai from "@ably/ui/core/icon-tech-openai";
+import IconTechParseServer from "@ably/ui/core/icon-tech-parse-server";
+import IconTechPhp from "@ably/ui/core/icon-tech-php";
+import IconTechPlanetscale from "@ably/ui/core/icon-tech-planetscale";
+import IconTechPostgres from "@ably/ui/core/icon-tech-postgres";
+import IconTechPrisma from "@ably/ui/core/icon-tech-prisma";
+import IconTechProgramminglanguages from "@ably/ui/core/icon-tech-programminglanguages";
+import IconTechProtcolAdaptors from "@ably/ui/core/icon-tech-protcol-adaptors";
+import IconTechProtocols from "@ably/ui/core/icon-tech-protocols";
+import IconTechPubSub from "@ably/ui/core/icon-tech-pub-sub";
+import IconTechPubnub from "@ably/ui/core/icon-tech-pubnub";
+import IconTechPushTechnology from "@ably/ui/core/icon-tech-push-technology";
+import IconTechPusher from "@ably/ui/core/icon-tech-pusher";
+import IconTechPython from "@ably/ui/core/icon-tech-python";
+import IconTechQuic from "@ably/ui/core/icon-tech-quic";
+import IconTechRabbitMQ from "@ably/ui/core/icon-tech-rabbitMQ";
+import IconTechRailsactioncable from "@ably/ui/core/icon-tech-railsactioncable";
+import IconTechReactApp from "@ably/ui/core/icon-tech-react-app";
+import IconTechReact from "@ably/ui/core/icon-tech-react";
+import IconTechReactnative from "@ably/ui/core/icon-tech-reactnative";
+import IconTechRedis from "@ably/ui/core/icon-tech-redis";
+import IconTechRedpanda from "@ably/ui/core/icon-tech-redpanda";
+import IconTechReplicache from "@ably/ui/core/icon-tech-replicache";
+import IconTechRethinkdb from "@ably/ui/core/icon-tech-rethinkdb";
+import IconTechRocketmq from "@ably/ui/core/icon-tech-rocketmq";
+import IconTechRuby from "@ably/ui/core/icon-tech-ruby";
+import IconTechScala from "@ably/ui/core/icon-tech-scala";
+import IconTechScaledrone from "@ably/ui/core/icon-tech-scaledrone";
+import IconTechServersentevents from "@ably/ui/core/icon-tech-serversentevents";
+import IconTechServersideframeworks from "@ably/ui/core/icon-tech-serversideframeworks";
+import IconTechSignalR from "@ably/ui/core/icon-tech-signalR";
+import IconTechSnowflake from "@ably/ui/core/icon-tech-snowflake";
+import IconTechSocketio from "@ably/ui/core/icon-tech-socketio";
+import IconTechSockjs from "@ably/ui/core/icon-tech-sockjs";
+import IconTechSolace from "@ably/ui/core/icon-tech-solace";
+import IconTechSpring from "@ably/ui/core/icon-tech-spring";
+import IconTechStomp from "@ably/ui/core/icon-tech-stomp";
+import IconTechStreamdataIo from "@ably/ui/core/icon-tech-streamdata-io";
+import IconTechStreamr from "@ably/ui/core/icon-tech-streamr";
+import IconTechSwift from "@ably/ui/core/icon-tech-swift";
+import IconTechSymfonyMercure from "@ably/ui/core/icon-tech-symfony-mercure";
+import IconTechSymfony from "@ably/ui/core/icon-tech-symfony";
+import IconTechTcpIp from "@ably/ui/core/icon-tech-tcp-ip";
+import IconTechTenefit from "@ably/ui/core/icon-tech-tenefit";
+import IconTechTerraformOutline from "@ably/ui/core/icon-tech-terraform-outline";
+import IconTechTerraform from "@ably/ui/core/icon-tech-terraform";
+import IconTechTvos from "@ably/ui/core/icon-tech-tvos";
+import IconTechTwilio from "@ably/ui/core/icon-tech-twilio";
+import IconTechTypescript from "@ably/ui/core/icon-tech-typescript";
+import IconTechUdpProtocol from "@ably/ui/core/icon-tech-udp-protocol";
+import IconTechUnity from "@ably/ui/core/icon-tech-unity";
+import IconTechVercel from "@ably/ui/core/icon-tech-vercel";
+import IconTechVscode from "@ably/ui/core/icon-tech-vscode";
+import IconTechVuejs from "@ably/ui/core/icon-tech-vuejs";
+import IconTechWamp from "@ably/ui/core/icon-tech-wamp";
+import IconTechWatchos from "@ably/ui/core/icon-tech-watchos";
+import IconTechWebPush from "@ably/ui/core/icon-tech-web-push";
+import IconTechWeb from "@ably/ui/core/icon-tech-web";
+import IconTechWebhooks from "@ably/ui/core/icon-tech-webhooks";
+import IconTechWebrtc from "@ably/ui/core/icon-tech-webrtc";
+import IconTechWebsockets from "@ably/ui/core/icon-tech-websockets";
+import IconTechWebsub from "@ably/ui/core/icon-tech-websub";
+import IconTechXamarin from "@ably/ui/core/icon-tech-xamarin";
+import IconTechXhrStreaming from "@ably/ui/core/icon-tech-xhr-streaming";
+import IconTechXmpp from "@ably/ui/core/icon-tech-xmpp";
+import IconTechZapier from "@ably/ui/core/icon-tech-zapier";
+import IconTechZeromq from "@ably/ui/core/icon-tech-zeromq";
+export { IconTechAblyApiStreamer, IconTechAblyFirehose, IconTechAblyNative, IconTechAbly, IconTechActivemq, IconTechActivitypub, IconTechAerospike, IconTechAkka, IconTechAmazonEc2, IconTechAmazonEventBridge, IconTechAmqp091, IconTechAmqp10, IconTechAndroidFull, IconTechAndroidHead, IconTechAngular, IconTechAnycable, IconTechApacheCassandra, IconTechApacheCordova, IconTechApacheKafka, IconTechApacheSpark, IconTechApachepulsar, IconTechApachestorm, IconTechApns, IconTechAssemblyai, IconTechAtmosphere, IconTechAwsAppSync, IconTechAwsAurora, IconTechAwsGatewayWebsockets, IconTechAwsSns, IconTechAwsSqs, IconTechAws, IconTechAwsiot, IconTechAwskinesis, IconTechAwslambda, IconTechAwssqs, IconTechAzureApi, IconTechAzureArchiveApi, IconTechAzureBus, IconTechAzureCosmos, IconTechAzureEventHub, IconTechAzureFunctions, IconTechAzureSearch, IconTechAzureStaticWebApp, IconTechAzureStaticWebApps, IconTechAzureStorage, IconTechAzureWebPubsub, IconTechAzurefunctions, IconTechAzureservicebus, IconTechAzuresignalR, IconTechBayeux, IconTechC, IconTechCentrifugo, IconTechClaudeMono, IconTechClaude, IconTechClientSideFrameworks, IconTechClojure, IconTechCloudflareDurableObjects, IconTechCloudflareworkers, IconTechCocoa, IconTechConfluent, IconTechCord, IconTechCsharp, IconTechCurl, IconTechCustomwebhooks, IconTechDatadog, IconTechDesignPatterns, IconTechDevplatforms, IconTechDiffusionData, IconTechDjango, IconTechEngineio, IconTechEventDrivenServers, IconTechFanoutIo, IconTechFastApi, IconTechFauna, IconTechFeatherjs, IconTechFirebaseCloudMessaging, IconTechFirebase, IconTechFlutter, IconTechGcloudbigquery, IconTechGclouddataflow, IconTechGcloudfunctions, IconTechGcloudpubsub, IconTechGo, IconTechGrpc, IconTechHivemq, IconTechHttp2, IconTechHttp3, IconTechHttprest, IconTechIdempotency, IconTechIfttt, IconTechIntegrations, IconTechIosGeneric, IconTechIos, IconTechIpados, IconTechIpfs, IconTechIronmq, IconTechJava, IconTechJavascript, IconTechJetpack, IconTechJms, IconTechJsonWebTokens, IconTechJson, IconTechKaazing, IconTechKotlin, IconTechKsqlDb, IconTechKubernetes, IconTechLaravelBroadcast, IconTechLaravelEcho, IconTechLightstreamer, IconTechLiveblocks, IconTechLongpolling, IconTechMacos, IconTechMatrix, IconTechMeteor, IconTechMongoDb, IconTechMono, IconTechMqtt, IconTechMysql, IconTechNativeScript, IconTechNet, IconTechNetlify, IconTechNextjs, IconTechNkn, IconTechNodejs, IconTechObjectivec, IconTechOpenai, IconTechParseServer, IconTechPhp, IconTechPlanetscale, IconTechPostgres, IconTechPrisma, IconTechProgramminglanguages, IconTechProtcolAdaptors, IconTechProtocols, IconTechPubSub, IconTechPubnub, IconTechPushTechnology, IconTechPusher, IconTechPython, IconTechQuic, IconTechRabbitMQ, IconTechRailsactioncable, IconTechReactApp, IconTechReact, IconTechReactnative, IconTechRedis, IconTechRedpanda, IconTechReplicache, IconTechRethinkdb, IconTechRocketmq, IconTechRuby, IconTechScala, IconTechScaledrone, IconTechServersentevents, IconTechServersideframeworks, IconTechSignalR, IconTechSnowflake, IconTechSocketio, IconTechSockjs, IconTechSolace, IconTechSpring, IconTechStomp, IconTechStreamdataIo, IconTechStreamr, IconTechSwift, IconTechSymfonyMercure, IconTechSymfony, IconTechTcpIp, IconTechTenefit, IconTechTerraformOutline, IconTechTerraform, IconTechTvos, IconTechTwilio, IconTechTypescript, IconTechUdpProtocol, IconTechUnity, IconTechVercel, IconTechVscode, IconTechVuejs, IconTechWamp, IconTechWatchos, IconTechWebPush, IconTechWeb, IconTechWebhooks, IconTechWebrtc, IconTechWebsockets, IconTechWebsub, IconTechXamarin, IconTechXhrStreaming, IconTechXmpp, IconTechZapier, IconTechZeromq, };
+//# sourceMappingURL=index.d.ts.map
+}
+
 declare module '@ably/ui/core/Icon/computed-icons/display-icons' {
-export const displayIcons: readonly ["icon-display-48hrs", "icon-display-ably-channels", "icon-display-about-ably-col", "icon-display-api", "icon-display-api-keys", "icon-display-architectural-guidance", "icon-display-asset-tracking-col", "icon-display-authentication", "icon-display-avatar-stack", "icon-display-browser", "icon-display-calendar", "icon-display-call-mobile", "icon-display-careers-col", "icon-display-case-studies-col", "icon-display-chat-col", "icon-display-chat-mono", "icon-display-chat-stack", "icon-display-chat-stack-col", "icon-display-cloud-servers", "icon-display-compare-tech-col", "icon-display-connection-state-recovery", "icon-display-consumer-groups", "icon-display-custom", "icon-display-custom-cname", "icon-display-customers-col", "icon-display-data-broadcast-col", "icon-display-data-broadcast-mono", "icon-display-data-synchronization-col", "icon-display-dedicated-cluster", "icon-display-deltas", "icon-display-docs-col", "icon-display-documentation", "icon-display-dynamic-channel-groups", "icon-display-edge-network", "icon-display-elasticity", "icon-display-equalisers-mono", "icon-display-events-col", "icon-display-exactly-once-delivery", "icon-display-examples-col", "icon-display-fan-out", "icon-display-firehose", "icon-display-gdpr", "icon-display-general-comms", "icon-display-granular-permissions", "icon-display-hipaa", "icon-display-hipaa-mono", "icon-display-history", "icon-display-integrations", "icon-display-integrations-col", "icon-display-it-support-access", "icon-display-it-support-helpdesk", "icon-display-kafka-at-the-edge-col", "icon-display-laptop", "icon-display-last-seen", "icon-display-lightbulb-col", "icon-display-live-chat", "icon-display-live-updates-results-metrics-col", "icon-display-map-pin", "icon-display-message", "icon-display-message-batching", "icon-display-message-persistence", "icon-display-message-queues", "icon-display-multi-user-spaces-col", "icon-display-observe-analytics", "icon-display-padlock-closed", "icon-display-platform", "icon-display-play", "icon-display-premium-support", "icon-display-privacy-shield-framework", "icon-display-private-link", "icon-display-push-notifications", "icon-display-push-notifications-col", "icon-display-push-notifications-mono", "icon-display-quickstart-guides-col", "icon-display-reactions", "icon-display-read-receipts", "icon-display-resources-col", "icon-display-rewind", "icon-display-sdks-col", "icon-display-send-received-messages", "icon-display-servers", "icon-display-shopping-cart", "icon-display-sla", "icon-display-soc2-type2", "icon-display-soc2-type2-mono", "icon-display-subscription-filters", "icon-display-support-chat-mono", "icon-display-system-metadata", "icon-display-tech-account-comms", "icon-display-tutorials-demos-col", "icon-display-virtual-events", "icon-display-virtual-events-col"];
+export const displayIcons: readonly ["icon-display-48hrs", "icon-display-ably-channels", "icon-display-about-ably-col", "icon-display-api", "icon-display-api-keys", "icon-display-architectural-guidance", "icon-display-authentication", "icon-display-avatar-stack", "icon-display-browser", "icon-display-calendar", "icon-display-call-mobile", "icon-display-careers-col", "icon-display-case-studies-col", "icon-display-chat-col", "icon-display-chat-mono", "icon-display-chat-stack", "icon-display-chat-stack-col", "icon-display-cloud-servers", "icon-display-cloud-servers-mono", "icon-display-compare-tech-col", "icon-display-connection-state-recovery", "icon-display-consumer-groups", "icon-display-custom", "icon-display-custom-cname", "icon-display-customers-col", "icon-display-data-broadcast-col", "icon-display-data-broadcast-mono", "icon-display-data-integrity", "icon-display-data-synchronization-col", "icon-display-database-connector", "icon-display-dedicated-cluster", "icon-display-deltas", "icon-display-docs-col", "icon-display-documentation", "icon-display-dynamic-channel-groups", "icon-display-edge-network", "icon-display-elasticity", "icon-display-ephemeral-messages", "icon-display-ephemeral-messages-dark-col", "icon-display-equalisers-mono", "icon-display-events-col", "icon-display-exactly-once-delivery", "icon-display-examples-col", "icon-display-fan-out", "icon-display-firehose", "icon-display-gdpr", "icon-display-general-comms", "icon-display-granular-permissions", "icon-display-hipaa", "icon-display-hipaa-mono", "icon-display-history", "icon-display-integrations", "icon-display-integrations-col", "icon-display-it-support-access", "icon-display-it-support-helpdesk", "icon-display-kafka-at-the-edge-col", "icon-display-laptop", "icon-display-last-seen", "icon-display-lightbulb-col", "icon-display-live-chat", "icon-display-live-updates", "icon-display-live-updates-results-metrics-col", "icon-display-map-pin", "icon-display-message", "icon-display-message-annotations", "icon-display-message-annotations-dark-col", "icon-display-message-batching", "icon-display-message-persistence", "icon-display-message-queues", "icon-display-multi-user-spaces", "icon-display-multi-user-spaces-col", "icon-display-observe-analytics", "icon-display-padlock-closed", "icon-display-platform", "icon-display-play", "icon-display-premium-support", "icon-display-privacy-shield-framework", "icon-display-private-link", "icon-display-push-notifications", "icon-display-push-notifications-col", "icon-display-push-notifications-mono", "icon-display-quickstart-guides-col", "icon-display-reactions", "icon-display-read-receipts", "icon-display-resources-col", "icon-display-rewind", "icon-display-sdks", "icon-display-sdks-col", "icon-display-send-received-messages", "icon-display-servers", "icon-display-shopping-cart", "icon-display-sla", "icon-display-soc2-type2", "icon-display-soc2-type2-mono", "icon-display-something-else", "icon-display-something-else-mono", "icon-display-subscription-filters", "icon-display-support-chat-mono", "icon-display-system-metadata", "icon-display-tech-account-comms", "icon-display-tutorials-demos-col", "icon-display-ui", "icon-display-ui-mono", "icon-display-virtual-events", "icon-display-virtual-events-col"];
 //# sourceMappingURL=display-icons.d.ts.map
 }
 
 declare module '@ably/ui/core/Icon/computed-icons/gui-icons' {
-export const guiIcons: readonly ["icon-gui-ably-badge", "icon-gui-check-circled-fill", "icon-gui-check-lotus-circled", "icon-gui-checklist-checked", "icon-gui-code-doc", "icon-gui-cursor", "icon-gui-expand", "icon-gui-filter-flow-step-0", "icon-gui-filter-flow-step-1", "icon-gui-filter-flow-step-2", "icon-gui-filter-flow-step-3", "icon-gui-flower-growth", "icon-gui-further-reading", "icon-gui-glasses", "icon-gui-history", "icon-gui-live-chat", "icon-gui-mouse", "icon-gui-partial", "icon-gui-pitfall", "icon-gui-prod-asset-tracking-outline", "icon-gui-prod-asset-tracking-solid", "icon-gui-prod-chat-outline", "icon-gui-prod-chat-solid", "icon-gui-prod-liveobjects-outline", "icon-gui-prod-liveobjects-solid", "icon-gui-prod-livesync-outline", "icon-gui-prod-livesync-solid", "icon-gui-prod-pubsub-outline", "icon-gui-prod-pubsub-solid", "icon-gui-prod-spaces-outline", "icon-gui-prod-spaces-solid", "icon-gui-quote-marks-fill", "icon-gui-refresh", "icon-gui-resources", "icon-gui-spinner-dark", "icon-gui-spinner-light"];
+export const guiIcons: readonly ["icon-gui-ably-badge", "icon-gui-check-circled-fill", "icon-gui-check-lotus-circled", "icon-gui-checklist-checked", "icon-gui-code-doc", "icon-gui-cursor", "icon-gui-expand", "icon-gui-filter-flow-step-0", "icon-gui-filter-flow-step-1", "icon-gui-filter-flow-step-2", "icon-gui-filter-flow-step-3", "icon-gui-flower-growth", "icon-gui-further-reading", "icon-gui-glasses", "icon-gui-heartbeat-outline", "icon-gui-heartbeat-solid", "icon-gui-history", "icon-gui-live-chat", "icon-gui-mouse", "icon-gui-partial", "icon-gui-pitfall", "icon-gui-prod-ai-transport-outline", "icon-gui-prod-ai-transport-solid", "icon-gui-prod-chat-outline", "icon-gui-prod-chat-solid", "icon-gui-prod-liveobjects-outline", "icon-gui-prod-liveobjects-solid", "icon-gui-prod-livesync-outline", "icon-gui-prod-livesync-solid", "icon-gui-prod-pubsub-outline", "icon-gui-prod-pubsub-solid", "icon-gui-prod-spaces-outline", "icon-gui-prod-spaces-solid", "icon-gui-quote-marks-fill", "icon-gui-refresh", "icon-gui-resources", "icon-gui-spinner-dark", "icon-gui-spinner-light"];
 //# sourceMappingURL=gui-icons.d.ts.map
 }
 
 declare module '@ably/ui/core/Icon/computed-icons/product-icons' {
-export const productIcons: readonly ["icon-product-asset-tracking", "icon-product-asset-tracking-mono", "icon-product-chat", "icon-product-chat-mono", "icon-product-liveobjects", "icon-product-liveobjects-dark", "icon-product-liveobjects-mono", "icon-product-livesync", "icon-product-livesync-mono", "icon-product-platform", "icon-product-platform-mono", "icon-product-pubsub", "icon-product-pubsub-mono", "icon-product-spaces", "icon-product-spaces-mono"];
+export const productIcons: readonly ["icon-product-ai-transport", "icon-product-ai-transport-mono", "icon-product-chat", "icon-product-chat-mono", "icon-product-liveobjects", "icon-product-liveobjects-dark", "icon-product-liveobjects-mono", "icon-product-livesync", "icon-product-livesync-mono", "icon-product-platform", "icon-product-platform-mono", "icon-product-pubsub", "icon-product-pubsub-mono", "icon-product-spaces", "icon-product-spaces-mono"];
 //# sourceMappingURL=product-icons.d.ts.map
 }
 
@@ -4727,17 +5422,17 @@ export const socialIcons: readonly ["icon-social-discord", "icon-social-discord-
 }
 
 declare module '@ably/ui/core/Icon/computed-icons/tech-icons' {
-export const techIcons: readonly ["icon-tech-ably", "icon-tech-ably-api-streamer", "icon-tech-ably-firehose", "icon-tech-ably-native", "icon-tech-activemq", "icon-tech-activitypub", "icon-tech-aerospike", "icon-tech-akka", "icon-tech-amazon-ec2", "icon-tech-amazon-event-bridge", "icon-tech-amqp091", "icon-tech-amqp10", "icon-tech-android-full", "icon-tech-android-head", "icon-tech-angular", "icon-tech-anycable", "icon-tech-apache-cassandra", "icon-tech-apache-cordova", "icon-tech-apache-kafka", "icon-tech-apache-spark", "icon-tech-apachepulsar", "icon-tech-apachestorm", "icon-tech-apns", "icon-tech-assemblyai", "icon-tech-atmosphere", "icon-tech-aws", "icon-tech-aws-app-sync", "icon-tech-aws-aurora", "icon-tech-aws-gateway-websockets", "icon-tech-aws-sns", "icon-tech-aws-sqs", "icon-tech-awsiot", "icon-tech-awskinesis", "icon-tech-awslambda", "icon-tech-awssqs", "icon-tech-azure-api", "icon-tech-azure-archive-api", "icon-tech-azure-bus", "icon-tech-azure-cosmos", "icon-tech-azure-event-hub", "icon-tech-azure-functions", "icon-tech-azure-search", "icon-tech-azure-static-web-app", "icon-tech-azure-static-web-apps", "icon-tech-azure-storage", "icon-tech-azure-web-pubsub", "icon-tech-azurefunctions", "icon-tech-azureservicebus", "icon-tech-azuresignalR", "icon-tech-bayeux", "icon-tech-c++", "icon-tech-centrifugo", "icon-tech-client-side-frameworks", "icon-tech-clojure", "icon-tech-cloudflare-durable-objects", "icon-tech-cloudflareworkers", "icon-tech-cocoa", "icon-tech-confluent", "icon-tech-cord", "icon-tech-csharp", "icon-tech-curl", "icon-tech-customwebhooks", "icon-tech-datadog", "icon-tech-design-patterns", "icon-tech-devplatforms", "icon-tech-diffusion-data", "icon-tech-django", "icon-tech-engineio", "icon-tech-event-driven-servers", "icon-tech-fanout-io", "icon-tech-fast-api", "icon-tech-fauna", "icon-tech-featherjs", "icon-tech-firebase", "icon-tech-firebase-cloud-messaging", "icon-tech-flutter", "icon-tech-gcloudbigquery", "icon-tech-gclouddataflow", "icon-tech-gcloudfunctions", "icon-tech-gcloudpubsub", "icon-tech-go", "icon-tech-grpc", "icon-tech-hivemq", "icon-tech-http2", "icon-tech-http3", "icon-tech-httprest", "icon-tech-idempotency", "icon-tech-ifttt", "icon-tech-integrations", "icon-tech-ios", "icon-tech-ios-generic", "icon-tech-ipados", "icon-tech-ipfs", "icon-tech-ironmq", "icon-tech-java", "icon-tech-javascript", "icon-tech-jms", "icon-tech-json", "icon-tech-json-web-tokens", "icon-tech-kaazing", "icon-tech-kotlin", "icon-tech-ksql-db", "icon-tech-kubernetes", "icon-tech-laravel-broadcast", "icon-tech-laravel-echo", "icon-tech-lightstreamer", "icon-tech-liveblocks", "icon-tech-longpolling", "icon-tech-macos", "icon-tech-matrix", "icon-tech-meteor", "icon-tech-mongo-db", "icon-tech-mono", "icon-tech-mqtt", "icon-tech-mysql", "icon-tech-native-script", "icon-tech-net", "icon-tech-netlify", "icon-tech-nextjs", "icon-tech-nkn", "icon-tech-nodejs", "icon-tech-objectivec", "icon-tech-openai", "icon-tech-parse-server", "icon-tech-php", "icon-tech-planetscale", "icon-tech-postgres", "icon-tech-prisma", "icon-tech-programminglanguages", "icon-tech-protcol-adaptors", "icon-tech-protocols", "icon-tech-pub-sub", "icon-tech-pubnub", "icon-tech-push-technology", "icon-tech-pusher", "icon-tech-python", "icon-tech-quic", "icon-tech-rabbitMQ", "icon-tech-railsactioncable", "icon-tech-react", "icon-tech-react-app", "icon-tech-reactnative", "icon-tech-redis", "icon-tech-redpanda", "icon-tech-replicache", "icon-tech-rethinkdb", "icon-tech-rocketmq", "icon-tech-ruby", "icon-tech-scala", "icon-tech-scaledrone", "icon-tech-serversentevents", "icon-tech-serversideframeworks", "icon-tech-signalR", "icon-tech-snowflake", "icon-tech-socketio", "icon-tech-sockjs", "icon-tech-solace", "icon-tech-spring", "icon-tech-stomp", "icon-tech-streamdata-io", "icon-tech-streamr", "icon-tech-swift", "icon-tech-symfony", "icon-tech-symfony-mercure", "icon-tech-tcp-ip", "icon-tech-tenefit", "icon-tech-terraform", "icon-tech-tvos", "icon-tech-twilio", "icon-tech-typescript", "icon-tech-udp-protocol", "icon-tech-unity", "icon-tech-vercel", "icon-tech-vscode", "icon-tech-vuejs", "icon-tech-wamp", "icon-tech-watchos", "icon-tech-web", "icon-tech-web-push", "icon-tech-webhooks", "icon-tech-webrtc", "icon-tech-websockets", "icon-tech-websub", "icon-tech-xamarin", "icon-tech-xhr-streaming", "icon-tech-xmpp", "icon-tech-zapier", "icon-tech-zeromq"];
+export const techIcons: readonly ["icon-tech-ably", "icon-tech-ably-api-streamer", "icon-tech-ably-firehose", "icon-tech-ably-native", "icon-tech-activemq", "icon-tech-activitypub", "icon-tech-aerospike", "icon-tech-akka", "icon-tech-amazon-ec2", "icon-tech-amazon-event-bridge", "icon-tech-amqp091", "icon-tech-amqp10", "icon-tech-android-full", "icon-tech-android-head", "icon-tech-angular", "icon-tech-anycable", "icon-tech-apache-cassandra", "icon-tech-apache-cordova", "icon-tech-apache-kafka", "icon-tech-apache-spark", "icon-tech-apachepulsar", "icon-tech-apachestorm", "icon-tech-apns", "icon-tech-assemblyai", "icon-tech-atmosphere", "icon-tech-aws", "icon-tech-aws-app-sync", "icon-tech-aws-aurora", "icon-tech-aws-gateway-websockets", "icon-tech-aws-sns", "icon-tech-aws-sqs", "icon-tech-awsiot", "icon-tech-awskinesis", "icon-tech-awslambda", "icon-tech-awssqs", "icon-tech-azure-api", "icon-tech-azure-archive-api", "icon-tech-azure-bus", "icon-tech-azure-cosmos", "icon-tech-azure-event-hub", "icon-tech-azure-functions", "icon-tech-azure-search", "icon-tech-azure-static-web-app", "icon-tech-azure-static-web-apps", "icon-tech-azure-storage", "icon-tech-azure-web-pubsub", "icon-tech-azurefunctions", "icon-tech-azureservicebus", "icon-tech-azuresignalR", "icon-tech-bayeux", "icon-tech-c++", "icon-tech-centrifugo", "icon-tech-claude", "icon-tech-claude-mono", "icon-tech-client-side-frameworks", "icon-tech-clojure", "icon-tech-cloudflare-durable-objects", "icon-tech-cloudflareworkers", "icon-tech-cocoa", "icon-tech-confluent", "icon-tech-cord", "icon-tech-csharp", "icon-tech-curl", "icon-tech-customwebhooks", "icon-tech-datadog", "icon-tech-design-patterns", "icon-tech-devplatforms", "icon-tech-diffusion-data", "icon-tech-django", "icon-tech-engineio", "icon-tech-event-driven-servers", "icon-tech-fanout-io", "icon-tech-fast-api", "icon-tech-fauna", "icon-tech-featherjs", "icon-tech-firebase", "icon-tech-firebase-cloud-messaging", "icon-tech-flutter", "icon-tech-gcloudbigquery", "icon-tech-gclouddataflow", "icon-tech-gcloudfunctions", "icon-tech-gcloudpubsub", "icon-tech-go", "icon-tech-grpc", "icon-tech-hivemq", "icon-tech-http2", "icon-tech-http3", "icon-tech-httprest", "icon-tech-idempotency", "icon-tech-ifttt", "icon-tech-integrations", "icon-tech-ios", "icon-tech-ios-generic", "icon-tech-ipados", "icon-tech-ipfs", "icon-tech-ironmq", "icon-tech-java", "icon-tech-javascript", "icon-tech-jetpack", "icon-tech-jms", "icon-tech-json", "icon-tech-json-web-tokens", "icon-tech-kaazing", "icon-tech-kotlin", "icon-tech-ksql-db", "icon-tech-kubernetes", "icon-tech-laravel-broadcast", "icon-tech-laravel-echo", "icon-tech-lightstreamer", "icon-tech-liveblocks", "icon-tech-longpolling", "icon-tech-macos", "icon-tech-matrix", "icon-tech-meteor", "icon-tech-mongo-db", "icon-tech-mono", "icon-tech-mqtt", "icon-tech-mysql", "icon-tech-native-script", "icon-tech-net", "icon-tech-netlify", "icon-tech-nextjs", "icon-tech-nkn", "icon-tech-nodejs", "icon-tech-objectivec", "icon-tech-openai", "icon-tech-parse-server", "icon-tech-php", "icon-tech-planetscale", "icon-tech-postgres", "icon-tech-prisma", "icon-tech-programminglanguages", "icon-tech-protcol-adaptors", "icon-tech-protocols", "icon-tech-pub-sub", "icon-tech-pubnub", "icon-tech-push-technology", "icon-tech-pusher", "icon-tech-python", "icon-tech-quic", "icon-tech-rabbitMQ", "icon-tech-railsactioncable", "icon-tech-react", "icon-tech-react-app", "icon-tech-reactnative", "icon-tech-redis", "icon-tech-redpanda", "icon-tech-replicache", "icon-tech-rethinkdb", "icon-tech-rocketmq", "icon-tech-ruby", "icon-tech-scala", "icon-tech-scaledrone", "icon-tech-serversentevents", "icon-tech-serversideframeworks", "icon-tech-signalR", "icon-tech-snowflake", "icon-tech-socketio", "icon-tech-sockjs", "icon-tech-solace", "icon-tech-spring", "icon-tech-stomp", "icon-tech-streamdata-io", "icon-tech-streamr", "icon-tech-swift", "icon-tech-symfony", "icon-tech-symfony-mercure", "icon-tech-tcp-ip", "icon-tech-tenefit", "icon-tech-terraform", "icon-tech-terraform-outline", "icon-tech-tvos", "icon-tech-twilio", "icon-tech-typescript", "icon-tech-udp-protocol", "icon-tech-unity", "icon-tech-vercel", "icon-tech-vscode", "icon-tech-vuejs", "icon-tech-wamp", "icon-tech-watchos", "icon-tech-web", "icon-tech-web-push", "icon-tech-webhooks", "icon-tech-webrtc", "icon-tech-websockets", "icon-tech-websub", "icon-tech-xamarin", "icon-tech-xhr-streaming", "icon-tech-xmpp", "icon-tech-zapier", "icon-tech-zeromq"];
 //# sourceMappingURL=tech-icons.d.ts.map
 }
 
 declare module '@ably/ui/core/Icon/types' {
 export const iconNames: {
-    gui: readonly ["icon-gui-ably-badge", "icon-gui-check-circled-fill", "icon-gui-check-lotus-circled", "icon-gui-checklist-checked", "icon-gui-code-doc", "icon-gui-cursor", "icon-gui-expand", "icon-gui-filter-flow-step-0", "icon-gui-filter-flow-step-1", "icon-gui-filter-flow-step-2", "icon-gui-filter-flow-step-3", "icon-gui-flower-growth", "icon-gui-further-reading", "icon-gui-glasses", "icon-gui-history", "icon-gui-live-chat", "icon-gui-mouse", "icon-gui-partial", "icon-gui-pitfall", "icon-gui-prod-asset-tracking-outline", "icon-gui-prod-asset-tracking-solid", "icon-gui-prod-chat-outline", "icon-gui-prod-chat-solid", "icon-gui-prod-liveobjects-outline", "icon-gui-prod-liveobjects-solid", "icon-gui-prod-livesync-outline", "icon-gui-prod-livesync-solid", "icon-gui-prod-pubsub-outline", "icon-gui-prod-pubsub-solid", "icon-gui-prod-spaces-outline", "icon-gui-prod-spaces-solid", "icon-gui-quote-marks-fill", "icon-gui-refresh", "icon-gui-resources", "icon-gui-spinner-dark", "icon-gui-spinner-light"];
-    display: readonly ["icon-display-48hrs", "icon-display-ably-channels", "icon-display-about-ably-col", "icon-display-api", "icon-display-api-keys", "icon-display-architectural-guidance", "icon-display-asset-tracking-col", "icon-display-authentication", "icon-display-avatar-stack", "icon-display-browser", "icon-display-calendar", "icon-display-call-mobile", "icon-display-careers-col", "icon-display-case-studies-col", "icon-display-chat-col", "icon-display-chat-mono", "icon-display-chat-stack", "icon-display-chat-stack-col", "icon-display-cloud-servers", "icon-display-compare-tech-col", "icon-display-connection-state-recovery", "icon-display-consumer-groups", "icon-display-custom", "icon-display-custom-cname", "icon-display-customers-col", "icon-display-data-broadcast-col", "icon-display-data-broadcast-mono", "icon-display-data-synchronization-col", "icon-display-dedicated-cluster", "icon-display-deltas", "icon-display-docs-col", "icon-display-documentation", "icon-display-dynamic-channel-groups", "icon-display-edge-network", "icon-display-elasticity", "icon-display-equalisers-mono", "icon-display-events-col", "icon-display-exactly-once-delivery", "icon-display-examples-col", "icon-display-fan-out", "icon-display-firehose", "icon-display-gdpr", "icon-display-general-comms", "icon-display-granular-permissions", "icon-display-hipaa", "icon-display-hipaa-mono", "icon-display-history", "icon-display-integrations", "icon-display-integrations-col", "icon-display-it-support-access", "icon-display-it-support-helpdesk", "icon-display-kafka-at-the-edge-col", "icon-display-laptop", "icon-display-last-seen", "icon-display-lightbulb-col", "icon-display-live-chat", "icon-display-live-updates-results-metrics-col", "icon-display-map-pin", "icon-display-message", "icon-display-message-batching", "icon-display-message-persistence", "icon-display-message-queues", "icon-display-multi-user-spaces-col", "icon-display-observe-analytics", "icon-display-padlock-closed", "icon-display-platform", "icon-display-play", "icon-display-premium-support", "icon-display-privacy-shield-framework", "icon-display-private-link", "icon-display-push-notifications", "icon-display-push-notifications-col", "icon-display-push-notifications-mono", "icon-display-quickstart-guides-col", "icon-display-reactions", "icon-display-read-receipts", "icon-display-resources-col", "icon-display-rewind", "icon-display-sdks-col", "icon-display-send-received-messages", "icon-display-servers", "icon-display-shopping-cart", "icon-display-sla", "icon-display-soc2-type2", "icon-display-soc2-type2-mono", "icon-display-subscription-filters", "icon-display-support-chat-mono", "icon-display-system-metadata", "icon-display-tech-account-comms", "icon-display-tutorials-demos-col", "icon-display-virtual-events", "icon-display-virtual-events-col"];
+    gui: readonly ["icon-gui-ably-badge", "icon-gui-check-circled-fill", "icon-gui-check-lotus-circled", "icon-gui-checklist-checked", "icon-gui-code-doc", "icon-gui-cursor", "icon-gui-expand", "icon-gui-filter-flow-step-0", "icon-gui-filter-flow-step-1", "icon-gui-filter-flow-step-2", "icon-gui-filter-flow-step-3", "icon-gui-flower-growth", "icon-gui-further-reading", "icon-gui-glasses", "icon-gui-heartbeat-outline", "icon-gui-heartbeat-solid", "icon-gui-history", "icon-gui-live-chat", "icon-gui-mouse", "icon-gui-partial", "icon-gui-pitfall", "icon-gui-prod-ai-transport-outline", "icon-gui-prod-ai-transport-solid", "icon-gui-prod-chat-outline", "icon-gui-prod-chat-solid", "icon-gui-prod-liveobjects-outline", "icon-gui-prod-liveobjects-solid", "icon-gui-prod-livesync-outline", "icon-gui-prod-livesync-solid", "icon-gui-prod-pubsub-outline", "icon-gui-prod-pubsub-solid", "icon-gui-prod-spaces-outline", "icon-gui-prod-spaces-solid", "icon-gui-quote-marks-fill", "icon-gui-refresh", "icon-gui-resources", "icon-gui-spinner-dark", "icon-gui-spinner-light"];
+    display: readonly ["icon-display-48hrs", "icon-display-ably-channels", "icon-display-about-ably-col", "icon-display-api", "icon-display-api-keys", "icon-display-architectural-guidance", "icon-display-authentication", "icon-display-avatar-stack", "icon-display-browser", "icon-display-calendar", "icon-display-call-mobile", "icon-display-careers-col", "icon-display-case-studies-col", "icon-display-chat-col", "icon-display-chat-mono", "icon-display-chat-stack", "icon-display-chat-stack-col", "icon-display-cloud-servers", "icon-display-cloud-servers-mono", "icon-display-compare-tech-col", "icon-display-connection-state-recovery", "icon-display-consumer-groups", "icon-display-custom", "icon-display-custom-cname", "icon-display-customers-col", "icon-display-data-broadcast-col", "icon-display-data-broadcast-mono", "icon-display-data-integrity", "icon-display-data-synchronization-col", "icon-display-database-connector", "icon-display-dedicated-cluster", "icon-display-deltas", "icon-display-docs-col", "icon-display-documentation", "icon-display-dynamic-channel-groups", "icon-display-edge-network", "icon-display-elasticity", "icon-display-ephemeral-messages", "icon-display-ephemeral-messages-dark-col", "icon-display-equalisers-mono", "icon-display-events-col", "icon-display-exactly-once-delivery", "icon-display-examples-col", "icon-display-fan-out", "icon-display-firehose", "icon-display-gdpr", "icon-display-general-comms", "icon-display-granular-permissions", "icon-display-hipaa", "icon-display-hipaa-mono", "icon-display-history", "icon-display-integrations", "icon-display-integrations-col", "icon-display-it-support-access", "icon-display-it-support-helpdesk", "icon-display-kafka-at-the-edge-col", "icon-display-laptop", "icon-display-last-seen", "icon-display-lightbulb-col", "icon-display-live-chat", "icon-display-live-updates", "icon-display-live-updates-results-metrics-col", "icon-display-map-pin", "icon-display-message", "icon-display-message-annotations", "icon-display-message-annotations-dark-col", "icon-display-message-batching", "icon-display-message-persistence", "icon-display-message-queues", "icon-display-multi-user-spaces", "icon-display-multi-user-spaces-col", "icon-display-observe-analytics", "icon-display-padlock-closed", "icon-display-platform", "icon-display-play", "icon-display-premium-support", "icon-display-privacy-shield-framework", "icon-display-private-link", "icon-display-push-notifications", "icon-display-push-notifications-col", "icon-display-push-notifications-mono", "icon-display-quickstart-guides-col", "icon-display-reactions", "icon-display-read-receipts", "icon-display-resources-col", "icon-display-rewind", "icon-display-sdks", "icon-display-sdks-col", "icon-display-send-received-messages", "icon-display-servers", "icon-display-shopping-cart", "icon-display-sla", "icon-display-soc2-type2", "icon-display-soc2-type2-mono", "icon-display-something-else", "icon-display-something-else-mono", "icon-display-subscription-filters", "icon-display-support-chat-mono", "icon-display-system-metadata", "icon-display-tech-account-comms", "icon-display-tutorials-demos-col", "icon-display-ui", "icon-display-ui-mono", "icon-display-virtual-events", "icon-display-virtual-events-col"];
     social: readonly ["icon-social-discord", "icon-social-discord-mono", "icon-social-facebook", "icon-social-facebook-mono", "icon-social-github", "icon-social-github-mono", "icon-social-glassdoor", "icon-social-glassdoor-mono", "icon-social-google", "icon-social-google-mono", "icon-social-linkedin", "icon-social-linkedin-mono", "icon-social-slack", "icon-social-slack-mono", "icon-social-stackoverflow", "icon-social-stackoverflow-mono", "icon-social-twitter", "icon-social-twitter-mono", "icon-social-x", "icon-social-x-mono", "icon-social-youtube", "icon-social-youtube-mono"];
-    tech: readonly ["icon-tech-ably", "icon-tech-ably-api-streamer", "icon-tech-ably-firehose", "icon-tech-ably-native", "icon-tech-activemq", "icon-tech-activitypub", "icon-tech-aerospike", "icon-tech-akka", "icon-tech-amazon-ec2", "icon-tech-amazon-event-bridge", "icon-tech-amqp091", "icon-tech-amqp10", "icon-tech-android-full", "icon-tech-android-head", "icon-tech-angular", "icon-tech-anycable", "icon-tech-apache-cassandra", "icon-tech-apache-cordova", "icon-tech-apache-kafka", "icon-tech-apache-spark", "icon-tech-apachepulsar", "icon-tech-apachestorm", "icon-tech-apns", "icon-tech-assemblyai", "icon-tech-atmosphere", "icon-tech-aws", "icon-tech-aws-app-sync", "icon-tech-aws-aurora", "icon-tech-aws-gateway-websockets", "icon-tech-aws-sns", "icon-tech-aws-sqs", "icon-tech-awsiot", "icon-tech-awskinesis", "icon-tech-awslambda", "icon-tech-awssqs", "icon-tech-azure-api", "icon-tech-azure-archive-api", "icon-tech-azure-bus", "icon-tech-azure-cosmos", "icon-tech-azure-event-hub", "icon-tech-azure-functions", "icon-tech-azure-search", "icon-tech-azure-static-web-app", "icon-tech-azure-static-web-apps", "icon-tech-azure-storage", "icon-tech-azure-web-pubsub", "icon-tech-azurefunctions", "icon-tech-azureservicebus", "icon-tech-azuresignalR", "icon-tech-bayeux", "icon-tech-c++", "icon-tech-centrifugo", "icon-tech-client-side-frameworks", "icon-tech-clojure", "icon-tech-cloudflare-durable-objects", "icon-tech-cloudflareworkers", "icon-tech-cocoa", "icon-tech-confluent", "icon-tech-cord", "icon-tech-csharp", "icon-tech-curl", "icon-tech-customwebhooks", "icon-tech-datadog", "icon-tech-design-patterns", "icon-tech-devplatforms", "icon-tech-diffusion-data", "icon-tech-django", "icon-tech-engineio", "icon-tech-event-driven-servers", "icon-tech-fanout-io", "icon-tech-fast-api", "icon-tech-fauna", "icon-tech-featherjs", "icon-tech-firebase", "icon-tech-firebase-cloud-messaging", "icon-tech-flutter", "icon-tech-gcloudbigquery", "icon-tech-gclouddataflow", "icon-tech-gcloudfunctions", "icon-tech-gcloudpubsub", "icon-tech-go", "icon-tech-grpc", "icon-tech-hivemq", "icon-tech-http2", "icon-tech-http3", "icon-tech-httprest", "icon-tech-idempotency", "icon-tech-ifttt", "icon-tech-integrations", "icon-tech-ios", "icon-tech-ios-generic", "icon-tech-ipados", "icon-tech-ipfs", "icon-tech-ironmq", "icon-tech-java", "icon-tech-javascript", "icon-tech-jms", "icon-tech-json", "icon-tech-json-web-tokens", "icon-tech-kaazing", "icon-tech-kotlin", "icon-tech-ksql-db", "icon-tech-kubernetes", "icon-tech-laravel-broadcast", "icon-tech-laravel-echo", "icon-tech-lightstreamer", "icon-tech-liveblocks", "icon-tech-longpolling", "icon-tech-macos", "icon-tech-matrix", "icon-tech-meteor", "icon-tech-mongo-db", "icon-tech-mono", "icon-tech-mqtt", "icon-tech-mysql", "icon-tech-native-script", "icon-tech-net", "icon-tech-netlify", "icon-tech-nextjs", "icon-tech-nkn", "icon-tech-nodejs", "icon-tech-objectivec", "icon-tech-openai", "icon-tech-parse-server", "icon-tech-php", "icon-tech-planetscale", "icon-tech-postgres", "icon-tech-prisma", "icon-tech-programminglanguages", "icon-tech-protcol-adaptors", "icon-tech-protocols", "icon-tech-pub-sub", "icon-tech-pubnub", "icon-tech-push-technology", "icon-tech-pusher", "icon-tech-python", "icon-tech-quic", "icon-tech-rabbitMQ", "icon-tech-railsactioncable", "icon-tech-react", "icon-tech-react-app", "icon-tech-reactnative", "icon-tech-redis", "icon-tech-redpanda", "icon-tech-replicache", "icon-tech-rethinkdb", "icon-tech-rocketmq", "icon-tech-ruby", "icon-tech-scala", "icon-tech-scaledrone", "icon-tech-serversentevents", "icon-tech-serversideframeworks", "icon-tech-signalR", "icon-tech-snowflake", "icon-tech-socketio", "icon-tech-sockjs", "icon-tech-solace", "icon-tech-spring", "icon-tech-stomp", "icon-tech-streamdata-io", "icon-tech-streamr", "icon-tech-swift", "icon-tech-symfony", "icon-tech-symfony-mercure", "icon-tech-tcp-ip", "icon-tech-tenefit", "icon-tech-terraform", "icon-tech-tvos", "icon-tech-twilio", "icon-tech-typescript", "icon-tech-udp-protocol", "icon-tech-unity", "icon-tech-vercel", "icon-tech-vscode", "icon-tech-vuejs", "icon-tech-wamp", "icon-tech-watchos", "icon-tech-web", "icon-tech-web-push", "icon-tech-webhooks", "icon-tech-webrtc", "icon-tech-websockets", "icon-tech-websub", "icon-tech-xamarin", "icon-tech-xhr-streaming", "icon-tech-xmpp", "icon-tech-zapier", "icon-tech-zeromq"];
-    product: readonly ["icon-product-asset-tracking", "icon-product-asset-tracking-mono", "icon-product-chat", "icon-product-chat-mono", "icon-product-liveobjects", "icon-product-liveobjects-dark", "icon-product-liveobjects-mono", "icon-product-livesync", "icon-product-livesync-mono", "icon-product-platform", "icon-product-platform-mono", "icon-product-pubsub", "icon-product-pubsub-mono", "icon-product-spaces", "icon-product-spaces-mono"];
+    tech: readonly ["icon-tech-ably", "icon-tech-ably-api-streamer", "icon-tech-ably-firehose", "icon-tech-ably-native", "icon-tech-activemq", "icon-tech-activitypub", "icon-tech-aerospike", "icon-tech-akka", "icon-tech-amazon-ec2", "icon-tech-amazon-event-bridge", "icon-tech-amqp091", "icon-tech-amqp10", "icon-tech-android-full", "icon-tech-android-head", "icon-tech-angular", "icon-tech-anycable", "icon-tech-apache-cassandra", "icon-tech-apache-cordova", "icon-tech-apache-kafka", "icon-tech-apache-spark", "icon-tech-apachepulsar", "icon-tech-apachestorm", "icon-tech-apns", "icon-tech-assemblyai", "icon-tech-atmosphere", "icon-tech-aws", "icon-tech-aws-app-sync", "icon-tech-aws-aurora", "icon-tech-aws-gateway-websockets", "icon-tech-aws-sns", "icon-tech-aws-sqs", "icon-tech-awsiot", "icon-tech-awskinesis", "icon-tech-awslambda", "icon-tech-awssqs", "icon-tech-azure-api", "icon-tech-azure-archive-api", "icon-tech-azure-bus", "icon-tech-azure-cosmos", "icon-tech-azure-event-hub", "icon-tech-azure-functions", "icon-tech-azure-search", "icon-tech-azure-static-web-app", "icon-tech-azure-static-web-apps", "icon-tech-azure-storage", "icon-tech-azure-web-pubsub", "icon-tech-azurefunctions", "icon-tech-azureservicebus", "icon-tech-azuresignalR", "icon-tech-bayeux", "icon-tech-c++", "icon-tech-centrifugo", "icon-tech-claude", "icon-tech-claude-mono", "icon-tech-client-side-frameworks", "icon-tech-clojure", "icon-tech-cloudflare-durable-objects", "icon-tech-cloudflareworkers", "icon-tech-cocoa", "icon-tech-confluent", "icon-tech-cord", "icon-tech-csharp", "icon-tech-curl", "icon-tech-customwebhooks", "icon-tech-datadog", "icon-tech-design-patterns", "icon-tech-devplatforms", "icon-tech-diffusion-data", "icon-tech-django", "icon-tech-engineio", "icon-tech-event-driven-servers", "icon-tech-fanout-io", "icon-tech-fast-api", "icon-tech-fauna", "icon-tech-featherjs", "icon-tech-firebase", "icon-tech-firebase-cloud-messaging", "icon-tech-flutter", "icon-tech-gcloudbigquery", "icon-tech-gclouddataflow", "icon-tech-gcloudfunctions", "icon-tech-gcloudpubsub", "icon-tech-go", "icon-tech-grpc", "icon-tech-hivemq", "icon-tech-http2", "icon-tech-http3", "icon-tech-httprest", "icon-tech-idempotency", "icon-tech-ifttt", "icon-tech-integrations", "icon-tech-ios", "icon-tech-ios-generic", "icon-tech-ipados", "icon-tech-ipfs", "icon-tech-ironmq", "icon-tech-java", "icon-tech-javascript", "icon-tech-jetpack", "icon-tech-jms", "icon-tech-json", "icon-tech-json-web-tokens", "icon-tech-kaazing", "icon-tech-kotlin", "icon-tech-ksql-db", "icon-tech-kubernetes", "icon-tech-laravel-broadcast", "icon-tech-laravel-echo", "icon-tech-lightstreamer", "icon-tech-liveblocks", "icon-tech-longpolling", "icon-tech-macos", "icon-tech-matrix", "icon-tech-meteor", "icon-tech-mongo-db", "icon-tech-mono", "icon-tech-mqtt", "icon-tech-mysql", "icon-tech-native-script", "icon-tech-net", "icon-tech-netlify", "icon-tech-nextjs", "icon-tech-nkn", "icon-tech-nodejs", "icon-tech-objectivec", "icon-tech-openai", "icon-tech-parse-server", "icon-tech-php", "icon-tech-planetscale", "icon-tech-postgres", "icon-tech-prisma", "icon-tech-programminglanguages", "icon-tech-protcol-adaptors", "icon-tech-protocols", "icon-tech-pub-sub", "icon-tech-pubnub", "icon-tech-push-technology", "icon-tech-pusher", "icon-tech-python", "icon-tech-quic", "icon-tech-rabbitMQ", "icon-tech-railsactioncable", "icon-tech-react", "icon-tech-react-app", "icon-tech-reactnative", "icon-tech-redis", "icon-tech-redpanda", "icon-tech-replicache", "icon-tech-rethinkdb", "icon-tech-rocketmq", "icon-tech-ruby", "icon-tech-scala", "icon-tech-scaledrone", "icon-tech-serversentevents", "icon-tech-serversideframeworks", "icon-tech-signalR", "icon-tech-snowflake", "icon-tech-socketio", "icon-tech-sockjs", "icon-tech-solace", "icon-tech-spring", "icon-tech-stomp", "icon-tech-streamdata-io", "icon-tech-streamr", "icon-tech-swift", "icon-tech-symfony", "icon-tech-symfony-mercure", "icon-tech-tcp-ip", "icon-tech-tenefit", "icon-tech-terraform", "icon-tech-terraform-outline", "icon-tech-tvos", "icon-tech-twilio", "icon-tech-typescript", "icon-tech-udp-protocol", "icon-tech-unity", "icon-tech-vercel", "icon-tech-vscode", "icon-tech-vuejs", "icon-tech-wamp", "icon-tech-watchos", "icon-tech-web", "icon-tech-web-push", "icon-tech-webhooks", "icon-tech-webrtc", "icon-tech-websockets", "icon-tech-websub", "icon-tech-xamarin", "icon-tech-xhr-streaming", "icon-tech-xmpp", "icon-tech-zapier", "icon-tech-zeromq"];
+    product: readonly ["icon-product-ai-transport", "icon-product-ai-transport-mono", "icon-product-chat", "icon-product-chat-mono", "icon-product-liveobjects", "icon-product-liveobjects-dark", "icon-product-liveobjects-mono", "icon-product-livesync", "icon-product-livesync-mono", "icon-product-platform", "icon-product-platform-mono", "icon-product-pubsub", "icon-product-pubsub-mono", "icon-product-spaces", "icon-product-spaces-mono"];
 };
 type HeroiconVariant = "outline" | "solid" | "mini" | "micro";
 type HeroiconName = `icon-gui-${string}-${HeroiconVariant}`;
@@ -4750,7 +5445,7 @@ export {};
 declare module '@ably/ui/core/Icon/utils' {
 import { IconName } from "@ably/ui/core/types";
 type HeroiconComponent = React.ComponentType<React.SVGProps<SVGSVGElement>>;
-export const defaultIconSecondaryColor: (name: IconName) => "text-neutral-000" | "text-neutral-100" | "text-neutral-200" | "text-neutral-300" | "text-neutral-400" | "text-neutral-500" | "text-neutral-600" | "text-neutral-700" | "text-neutral-800" | "text-neutral-900" | "text-neutral-1000" | "text-neutral-1100" | "text-neutral-1200" | "text-neutral-1300" | "text-orange-100" | "text-orange-200" | "text-orange-300" | "text-orange-400" | "text-orange-500" | "text-orange-600" | "text-orange-700" | "text-orange-800" | "text-orange-900" | "text-orange-1000" | "text-orange-1100" | "text-yellow-100" | "text-yellow-200" | "text-yellow-300" | "text-yellow-400" | "text-yellow-500" | "text-yellow-600" | "text-yellow-700" | "text-yellow-800" | "text-yellow-900" | "text-green-100" | "text-green-200" | "text-green-300" | "text-green-400" | "text-green-500" | "text-green-600" | "text-green-700" | "text-green-800" | "text-green-900" | "text-blue-100" | "text-blue-200" | "text-blue-300" | "text-blue-400" | "text-blue-500" | "text-blue-600" | "text-blue-700" | "text-blue-800" | "text-blue-900" | "text-violet-100" | "text-violet-200" | "text-violet-300" | "text-violet-400" | "text-violet-500" | "text-violet-600" | "text-violet-700" | "text-violet-800" | "text-violet-900" | "text-pink-100" | "text-pink-200" | "text-pink-300" | "text-pink-400" | "text-pink-500" | "text-pink-600" | "text-pink-700" | "text-pink-800" | "text-pink-900" | "text-gui-blue-default-light" | "text-gui-blue-hover-light" | "text-gui-blue-active-light" | "text-gui-blue-default-dark" | "text-gui-blue-hover-dark" | "text-gui-blue-active-dark" | "text-gui-blue-focus" | "text-gui-unavailable" | "text-gui-success-green" | "text-gui-error-red" | "text-gui-focus" | "text-gui-focus-outline" | "text-gui-visited" | "text-white" | "text-extra-light-grey" | "text-light-grey" | "text-mid-grey" | "text-dark-grey" | "text-charcoal-grey" | "text-cool-black" | "text-active-orange" | "text-bright-red" | "text-red-orange" | "text-electric-cyan" | "text-zingy-green" | "text-jazzy-pink" | "text-gui-default" | "text-gui-hover" | "text-gui-active" | "text-gui-error" | "text-gui-success" | "text-gui-default-dark" | "text-gui-hover-dark" | "text-gui-active-dark" | "text-transparent" | "bg-neutral-000" | "bg-neutral-100" | "bg-neutral-200" | "bg-neutral-300" | "bg-neutral-400" | "bg-neutral-500" | "bg-neutral-600" | "bg-neutral-700" | "bg-neutral-800" | "bg-neutral-900" | "bg-neutral-1000" | "bg-neutral-1100" | "bg-neutral-1200" | "bg-neutral-1300" | "bg-orange-100" | "bg-orange-200" | "bg-orange-300" | "bg-orange-400" | "bg-orange-500" | "bg-orange-600" | "bg-orange-700" | "bg-orange-800" | "bg-orange-900" | "bg-orange-1000" | "bg-orange-1100" | "bg-yellow-100" | "bg-yellow-200" | "bg-yellow-300" | "bg-yellow-400" | "bg-yellow-500" | "bg-yellow-600" | "bg-yellow-700" | "bg-yellow-800" | "bg-yellow-900" | "bg-green-100" | "bg-green-200" | "bg-green-300" | "bg-green-400" | "bg-green-500" | "bg-green-600" | "bg-green-700" | "bg-green-800" | "bg-green-900" | "bg-blue-100" | "bg-blue-200" | "bg-blue-300" | "bg-blue-400" | "bg-blue-500" | "bg-blue-600" | "bg-blue-700" | "bg-blue-800" | "bg-blue-900" | "bg-violet-100" | "bg-violet-200" | "bg-violet-300" | "bg-violet-400" | "bg-violet-500" | "bg-violet-600" | "bg-violet-700" | "bg-violet-800" | "bg-violet-900" | "bg-pink-100" | "bg-pink-200" | "bg-pink-300" | "bg-pink-400" | "bg-pink-500" | "bg-pink-600" | "bg-pink-700" | "bg-pink-800" | "bg-pink-900" | "bg-gui-blue-default-light" | "bg-gui-blue-hover-light" | "bg-gui-blue-active-light" | "bg-gui-blue-default-dark" | "bg-gui-blue-hover-dark" | "bg-gui-blue-active-dark" | "bg-gui-blue-focus" | "bg-gui-unavailable" | "bg-gui-success-green" | "bg-gui-error-red" | "bg-gui-focus" | "bg-gui-focus-outline" | "bg-gui-visited" | "bg-white" | "bg-extra-light-grey" | "bg-light-grey" | "bg-mid-grey" | "bg-dark-grey" | "bg-charcoal-grey" | "bg-cool-black" | "bg-active-orange" | "bg-bright-red" | "bg-red-orange" | "bg-electric-cyan" | "bg-zingy-green" | "bg-jazzy-pink" | "bg-gui-default" | "bg-gui-hover" | "bg-gui-active" | "bg-gui-error" | "bg-gui-success" | "bg-gui-default-dark" | "bg-gui-hover-dark" | "bg-gui-active-dark" | "bg-transparent" | "from-neutral-000" | "from-neutral-100" | "from-neutral-200" | "from-neutral-300" | "from-neutral-400" | "from-neutral-500" | "from-neutral-600" | "from-neutral-700" | "from-neutral-800" | "from-neutral-900" | "from-neutral-1000" | "from-neutral-1100" | "from-neutral-1200" | "from-neutral-1300" | "from-orange-100" | "from-orange-200" | "from-orange-300" | "from-orange-400" | "from-orange-500" | "from-orange-600" | "from-orange-700" | "from-orange-800" | "from-orange-900" | "from-orange-1000" | "from-orange-1100" | "from-yellow-100" | "from-yellow-200" | "from-yellow-300" | "from-yellow-400" | "from-yellow-500" | "from-yellow-600" | "from-yellow-700" | "from-yellow-800" | "from-yellow-900" | "from-green-100" | "from-green-200" | "from-green-300" | "from-green-400" | "from-green-500" | "from-green-600" | "from-green-700" | "from-green-800" | "from-green-900" | "from-blue-100" | "from-blue-200" | "from-blue-300" | "from-blue-400" | "from-blue-500" | "from-blue-600" | "from-blue-700" | "from-blue-800" | "from-blue-900" | "from-violet-100" | "from-violet-200" | "from-violet-300" | "from-violet-400" | "from-violet-500" | "from-violet-600" | "from-violet-700" | "from-violet-800" | "from-violet-900" | "from-pink-100" | "from-pink-200" | "from-pink-300" | "from-pink-400" | "from-pink-500" | "from-pink-600" | "from-pink-700" | "from-pink-800" | "from-pink-900" | "from-gui-blue-default-light" | "from-gui-blue-hover-light" | "from-gui-blue-active-light" | "from-gui-blue-default-dark" | "from-gui-blue-hover-dark" | "from-gui-blue-active-dark" | "from-gui-blue-focus" | "from-gui-unavailable" | "from-gui-success-green" | "from-gui-error-red" | "from-gui-focus" | "from-gui-focus-outline" | "from-gui-visited" | "from-white" | "from-extra-light-grey" | "from-light-grey" | "from-mid-grey" | "from-dark-grey" | "from-charcoal-grey" | "from-cool-black" | "from-active-orange" | "from-bright-red" | "from-red-orange" | "from-electric-cyan" | "from-zingy-green" | "from-jazzy-pink" | "from-gui-default" | "from-gui-hover" | "from-gui-active" | "from-gui-error" | "from-gui-success" | "from-gui-default-dark" | "from-gui-hover-dark" | "from-gui-active-dark" | "from-transparent" | "to-neutral-000" | "to-neutral-100" | "to-neutral-200" | "to-neutral-300" | "to-neutral-400" | "to-neutral-500" | "to-neutral-600" | "to-neutral-700" | "to-neutral-800" | "to-neutral-900" | "to-neutral-1000" | "to-neutral-1100" | "to-neutral-1200" | "to-neutral-1300" | "to-orange-100" | "to-orange-200" | "to-orange-300" | "to-orange-400" | "to-orange-500" | "to-orange-600" | "to-orange-700" | "to-orange-800" | "to-orange-900" | "to-orange-1000" | "to-orange-1100" | "to-yellow-100" | "to-yellow-200" | "to-yellow-300" | "to-yellow-400" | "to-yellow-500" | "to-yellow-600" | "to-yellow-700" | "to-yellow-800" | "to-yellow-900" | "to-green-100" | "to-green-200" | "to-green-300" | "to-green-400" | "to-green-500" | "to-green-600" | "to-green-700" | "to-green-800" | "to-green-900" | "to-blue-100" | "to-blue-200" | "to-blue-300" | "to-blue-400" | "to-blue-500" | "to-blue-600" | "to-blue-700" | "to-blue-800" | "to-blue-900" | "to-violet-100" | "to-violet-200" | "to-violet-300" | "to-violet-400" | "to-violet-500" | "to-violet-600" | "to-violet-700" | "to-violet-800" | "to-violet-900" | "to-pink-100" | "to-pink-200" | "to-pink-300" | "to-pink-400" | "to-pink-500" | "to-pink-600" | "to-pink-700" | "to-pink-800" | "to-pink-900" | "to-gui-blue-default-light" | "to-gui-blue-hover-light" | "to-gui-blue-active-light" | "to-gui-blue-default-dark" | "to-gui-blue-hover-dark" | "to-gui-blue-active-dark" | "to-gui-blue-focus" | "to-gui-unavailable" | "to-gui-success-green" | "to-gui-error-red" | "to-gui-focus" | "to-gui-focus-outline" | "to-gui-visited" | "to-white" | "to-extra-light-grey" | "to-light-grey" | "to-mid-grey" | "to-dark-grey" | "to-charcoal-grey" | "to-cool-black" | "to-active-orange" | "to-bright-red" | "to-red-orange" | "to-electric-cyan" | "to-zingy-green" | "to-jazzy-pink" | "to-gui-default" | "to-gui-hover" | "to-gui-active" | "to-gui-error" | "to-gui-success" | "to-gui-default-dark" | "to-gui-hover-dark" | "to-gui-active-dark" | "to-transparent" | "border-neutral-000" | "border-neutral-100" | "border-neutral-200" | "border-neutral-300" | "border-neutral-400" | "border-neutral-500" | "border-neutral-600" | "border-neutral-700" | "border-neutral-800" | "border-neutral-900" | "border-neutral-1000" | "border-neutral-1100" | "border-neutral-1200" | "border-neutral-1300" | "border-orange-100" | "border-orange-200" | "border-orange-300" | "border-orange-400" | "border-orange-500" | "border-orange-600" | "border-orange-700" | "border-orange-800" | "border-orange-900" | "border-orange-1000" | "border-orange-1100" | "border-yellow-100" | "border-yellow-200" | "border-yellow-300" | "border-yellow-400" | "border-yellow-500" | "border-yellow-600" | "border-yellow-700" | "border-yellow-800" | "border-yellow-900" | "border-green-100" | "border-green-200" | "border-green-300" | "border-green-400" | "border-green-500" | "border-green-600" | "border-green-700" | "border-green-800" | "border-green-900" | "border-blue-100" | "border-blue-200" | "border-blue-300" | "border-blue-400" | "border-blue-500" | "border-blue-600" | "border-blue-700" | "border-blue-800" | "border-blue-900" | "border-violet-100" | "border-violet-200" | "border-violet-300" | "border-violet-400" | "border-violet-500" | "border-violet-600" | "border-violet-700" | "border-violet-800" | "border-violet-900" | "border-pink-100" | "border-pink-200" | "border-pink-300" | "border-pink-400" | "border-pink-500" | "border-pink-600" | "border-pink-700" | "border-pink-800" | "border-pink-900" | "border-gui-blue-default-light" | "border-gui-blue-hover-light" | "border-gui-blue-active-light" | "border-gui-blue-default-dark" | "border-gui-blue-hover-dark" | "border-gui-blue-active-dark" | "border-gui-blue-focus" | "border-gui-unavailable" | "border-gui-success-green" | "border-gui-error-red" | "border-gui-focus" | "border-gui-focus-outline" | "border-gui-visited" | "border-white" | "border-extra-light-grey" | "border-light-grey" | "border-mid-grey" | "border-dark-grey" | "border-charcoal-grey" | "border-cool-black" | "border-active-orange" | "border-bright-red" | "border-red-orange" | "border-electric-cyan" | "border-zingy-green" | "border-jazzy-pink" | "border-gui-default" | "border-gui-hover" | "border-gui-active" | "border-gui-error" | "border-gui-success" | "border-gui-default-dark" | "border-gui-hover-dark" | "border-gui-active-dark" | "border-transparent" | "dark:text-neutral-000" | "dark:text-neutral-100" | "dark:text-neutral-200" | "dark:text-neutral-300" | "dark:text-neutral-400" | "dark:text-neutral-500" | "dark:text-neutral-600" | "dark:text-neutral-700" | "dark:text-neutral-800" | "dark:text-neutral-900" | "dark:text-neutral-1000" | "dark:text-neutral-1100" | "dark:text-neutral-1200" | "dark:text-neutral-1300" | "dark:text-orange-100" | "dark:text-orange-200" | "dark:text-orange-300" | "dark:text-orange-400" | "dark:text-orange-500" | "dark:text-orange-600" | "dark:text-orange-700" | "dark:text-orange-800" | "dark:text-orange-900" | "dark:text-orange-1000" | "dark:text-orange-1100" | "dark:text-yellow-100" | "dark:text-yellow-200" | "dark:text-yellow-300" | "dark:text-yellow-400" | "dark:text-yellow-500" | "dark:text-yellow-600" | "dark:text-yellow-700" | "dark:text-yellow-800" | "dark:text-yellow-900" | "dark:text-green-100" | "dark:text-green-200" | "dark:text-green-300" | "dark:text-green-400" | "dark:text-green-500" | "dark:text-green-600" | "dark:text-green-700" | "dark:text-green-800" | "dark:text-green-900" | "dark:text-blue-100" | "dark:text-blue-200" | "dark:text-blue-300" | "dark:text-blue-400" | "dark:text-blue-500" | "dark:text-blue-600" | "dark:text-blue-700" | "dark:text-blue-800" | "dark:text-blue-900" | "dark:text-violet-100" | "dark:text-violet-200" | "dark:text-violet-300" | "dark:text-violet-400" | "dark:text-violet-500" | "dark:text-violet-600" | "dark:text-violet-700" | "dark:text-violet-800" | "dark:text-violet-900" | "dark:text-pink-100" | "dark:text-pink-200" | "dark:text-pink-300" | "dark:text-pink-400" | "dark:text-pink-500" | "dark:text-pink-600" | "dark:text-pink-700" | "dark:text-pink-800" | "dark:text-pink-900" | "dark:text-gui-blue-default-light" | "dark:text-gui-blue-hover-light" | "dark:text-gui-blue-active-light" | "dark:text-gui-blue-default-dark" | "dark:text-gui-blue-hover-dark" | "dark:text-gui-blue-active-dark" | "dark:text-gui-blue-focus" | "dark:text-gui-unavailable" | "dark:text-gui-success-green" | "dark:text-gui-error-red" | "dark:text-gui-focus" | "dark:text-gui-focus-outline" | "dark:text-gui-visited" | "dark:text-white" | "dark:text-extra-light-grey" | "dark:text-light-grey" | "dark:text-mid-grey" | "dark:text-dark-grey" | "dark:text-charcoal-grey" | "dark:text-cool-black" | "dark:text-active-orange" | "dark:text-bright-red" | "dark:text-red-orange" | "dark:text-electric-cyan" | "dark:text-zingy-green" | "dark:text-jazzy-pink" | "dark:text-gui-default" | "dark:text-gui-hover" | "dark:text-gui-active" | "dark:text-gui-error" | "dark:text-gui-success" | "dark:text-gui-default-dark" | "dark:text-gui-hover-dark" | "dark:text-gui-active-dark" | "dark:text-transparent" | "dark:bg-neutral-000" | "dark:bg-neutral-100" | "dark:bg-neutral-200" | "dark:bg-neutral-300" | "dark:bg-neutral-400" | "dark:bg-neutral-500" | "dark:bg-neutral-600" | "dark:bg-neutral-700" | "dark:bg-neutral-800" | "dark:bg-neutral-900" | "dark:bg-neutral-1000" | "dark:bg-neutral-1100" | "dark:bg-neutral-1200" | "dark:bg-neutral-1300" | "dark:bg-orange-100" | "dark:bg-orange-200" | "dark:bg-orange-300" | "dark:bg-orange-400" | "dark:bg-orange-500" | "dark:bg-orange-600" | "dark:bg-orange-700" | "dark:bg-orange-800" | "dark:bg-orange-900" | "dark:bg-orange-1000" | "dark:bg-orange-1100" | "dark:bg-yellow-100" | "dark:bg-yellow-200" | "dark:bg-yellow-300" | "dark:bg-yellow-400" | "dark:bg-yellow-500" | "dark:bg-yellow-600" | "dark:bg-yellow-700" | "dark:bg-yellow-800" | "dark:bg-yellow-900" | "dark:bg-green-100" | "dark:bg-green-200" | "dark:bg-green-300" | "dark:bg-green-400" | "dark:bg-green-500" | "dark:bg-green-600" | "dark:bg-green-700" | "dark:bg-green-800" | "dark:bg-green-900" | "dark:bg-blue-100" | "dark:bg-blue-200" | "dark:bg-blue-300" | "dark:bg-blue-400" | "dark:bg-blue-500" | "dark:bg-blue-600" | "dark:bg-blue-700" | "dark:bg-blue-800" | "dark:bg-blue-900" | "dark:bg-violet-100" | "dark:bg-violet-200" | "dark:bg-violet-300" | "dark:bg-violet-400" | "dark:bg-violet-500" | "dark:bg-violet-600" | "dark:bg-violet-700" | "dark:bg-violet-800" | "dark:bg-violet-900" | "dark:bg-pink-100" | "dark:bg-pink-200" | "dark:bg-pink-300" | "dark:bg-pink-400" | "dark:bg-pink-500" | "dark:bg-pink-600" | "dark:bg-pink-700" | "dark:bg-pink-800" | "dark:bg-pink-900" | "dark:bg-gui-blue-default-light" | "dark:bg-gui-blue-hover-light" | "dark:bg-gui-blue-active-light" | "dark:bg-gui-blue-default-dark" | "dark:bg-gui-blue-hover-dark" | "dark:bg-gui-blue-active-dark" | "dark:bg-gui-blue-focus" | "dark:bg-gui-unavailable" | "dark:bg-gui-success-green" | "dark:bg-gui-error-red" | "dark:bg-gui-focus" | "dark:bg-gui-focus-outline" | "dark:bg-gui-visited" | "dark:bg-white" | "dark:bg-extra-light-grey" | "dark:bg-light-grey" | "dark:bg-mid-grey" | "dark:bg-dark-grey" | "dark:bg-charcoal-grey" | "dark:bg-cool-black" | "dark:bg-active-orange" | "dark:bg-bright-red" | "dark:bg-red-orange" | "dark:bg-electric-cyan" | "dark:bg-zingy-green" | "dark:bg-jazzy-pink" | "dark:bg-gui-default" | "dark:bg-gui-hover" | "dark:bg-gui-active" | "dark:bg-gui-error" | "dark:bg-gui-success" | "dark:bg-gui-default-dark" | "dark:bg-gui-hover-dark" | "dark:bg-gui-active-dark" | "dark:bg-transparent" | "dark:from-neutral-000" | "dark:from-neutral-100" | "dark:from-neutral-200" | "dark:from-neutral-300" | "dark:from-neutral-400" | "dark:from-neutral-500" | "dark:from-neutral-600" | "dark:from-neutral-700" | "dark:from-neutral-800" | "dark:from-neutral-900" | "dark:from-neutral-1000" | "dark:from-neutral-1100" | "dark:from-neutral-1200" | "dark:from-neutral-1300" | "dark:from-orange-100" | "dark:from-orange-200" | "dark:from-orange-300" | "dark:from-orange-400" | "dark:from-orange-500" | "dark:from-orange-600" | "dark:from-orange-700" | "dark:from-orange-800" | "dark:from-orange-900" | "dark:from-orange-1000" | "dark:from-orange-1100" | "dark:from-yellow-100" | "dark:from-yellow-200" | "dark:from-yellow-300" | "dark:from-yellow-400" | "dark:from-yellow-500" | "dark:from-yellow-600" | "dark:from-yellow-700" | "dark:from-yellow-800" | "dark:from-yellow-900" | "dark:from-green-100" | "dark:from-green-200" | "dark:from-green-300" | "dark:from-green-400" | "dark:from-green-500" | "dark:from-green-600" | "dark:from-green-700" | "dark:from-green-800" | "dark:from-green-900" | "dark:from-blue-100" | "dark:from-blue-200" | "dark:from-blue-300" | "dark:from-blue-400" | "dark:from-blue-500" | "dark:from-blue-600" | "dark:from-blue-700" | "dark:from-blue-800" | "dark:from-blue-900" | "dark:from-violet-100" | "dark:from-violet-200" | "dark:from-violet-300" | "dark:from-violet-400" | "dark:from-violet-500" | "dark:from-violet-600" | "dark:from-violet-700" | "dark:from-violet-800" | "dark:from-violet-900" | "dark:from-pink-100" | "dark:from-pink-200" | "dark:from-pink-300" | "dark:from-pink-400" | "dark:from-pink-500" | "dark:from-pink-600" | "dark:from-pink-700" | "dark:from-pink-800" | "dark:from-pink-900" | "dark:from-gui-blue-default-light" | "dark:from-gui-blue-hover-light" | "dark:from-gui-blue-active-light" | "dark:from-gui-blue-default-dark" | "dark:from-gui-blue-hover-dark" | "dark:from-gui-blue-active-dark" | "dark:from-gui-blue-focus" | "dark:from-gui-unavailable" | "dark:from-gui-success-green" | "dark:from-gui-error-red" | "dark:from-gui-focus" | "dark:from-gui-focus-outline" | "dark:from-gui-visited" | "dark:from-white" | "dark:from-extra-light-grey" | "dark:from-light-grey" | "dark:from-mid-grey" | "dark:from-dark-grey" | "dark:from-charcoal-grey" | "dark:from-cool-black" | "dark:from-active-orange" | "dark:from-bright-red" | "dark:from-red-orange" | "dark:from-electric-cyan" | "dark:from-zingy-green" | "dark:from-jazzy-pink" | "dark:from-gui-default" | "dark:from-gui-hover" | "dark:from-gui-active" | "dark:from-gui-error" | "dark:from-gui-success" | "dark:from-gui-default-dark" | "dark:from-gui-hover-dark" | "dark:from-gui-active-dark" | "dark:from-transparent" | "dark:to-neutral-000" | "dark:to-neutral-100" | "dark:to-neutral-200" | "dark:to-neutral-300" | "dark:to-neutral-400" | "dark:to-neutral-500" | "dark:to-neutral-600" | "dark:to-neutral-700" | "dark:to-neutral-800" | "dark:to-neutral-900" | "dark:to-neutral-1000" | "dark:to-neutral-1100" | "dark:to-neutral-1200" | "dark:to-neutral-1300" | "dark:to-orange-100" | "dark:to-orange-200" | "dark:to-orange-300" | "dark:to-orange-400" | "dark:to-orange-500" | "dark:to-orange-600" | "dark:to-orange-700" | "dark:to-orange-800" | "dark:to-orange-900" | "dark:to-orange-1000" | "dark:to-orange-1100" | "dark:to-yellow-100" | "dark:to-yellow-200" | "dark:to-yellow-300" | "dark:to-yellow-400" | "dark:to-yellow-500" | "dark:to-yellow-600" | "dark:to-yellow-700" | "dark:to-yellow-800" | "dark:to-yellow-900" | "dark:to-green-100" | "dark:to-green-200" | "dark:to-green-300" | "dark:to-green-400" | "dark:to-green-500" | "dark:to-green-600" | "dark:to-green-700" | "dark:to-green-800" | "dark:to-green-900" | "dark:to-blue-100" | "dark:to-blue-200" | "dark:to-blue-300" | "dark:to-blue-400" | "dark:to-blue-500" | "dark:to-blue-600" | "dark:to-blue-700" | "dark:to-blue-800" | "dark:to-blue-900" | "dark:to-violet-100" | "dark:to-violet-200" | "dark:to-violet-300" | "dark:to-violet-400" | "dark:to-violet-500" | "dark:to-violet-600" | "dark:to-violet-700" | "dark:to-violet-800" | "dark:to-violet-900" | "dark:to-pink-100" | "dark:to-pink-200" | "dark:to-pink-300" | "dark:to-pink-400" | "dark:to-pink-500" | "dark:to-pink-600" | "dark:to-pink-700" | "dark:to-pink-800" | "dark:to-pink-900" | "dark:to-gui-blue-default-light" | "dark:to-gui-blue-hover-light" | "dark:to-gui-blue-active-light" | "dark:to-gui-blue-default-dark" | "dark:to-gui-blue-hover-dark" | "dark:to-gui-blue-active-dark" | "dark:to-gui-blue-focus" | "dark:to-gui-unavailable" | "dark:to-gui-success-green" | "dark:to-gui-error-red" | "dark:to-gui-focus" | "dark:to-gui-focus-outline" | "dark:to-gui-visited" | "dark:to-white" | "dark:to-extra-light-grey" | "dark:to-light-grey" | "dark:to-mid-grey" | "dark:to-dark-grey" | "dark:to-charcoal-grey" | "dark:to-cool-black" | "dark:to-active-orange" | "dark:to-bright-red" | "dark:to-red-orange" | "dark:to-electric-cyan" | "dark:to-zingy-green" | "dark:to-jazzy-pink" | "dark:to-gui-default" | "dark:to-gui-hover" | "dark:to-gui-active" | "dark:to-gui-error" | "dark:to-gui-success" | "dark:to-gui-default-dark" | "dark:to-gui-hover-dark" | "dark:to-gui-active-dark" | "dark:to-transparent" | "dark:border-neutral-000" | "dark:border-neutral-100" | "dark:border-neutral-200" | "dark:border-neutral-300" | "dark:border-neutral-400" | "dark:border-neutral-500" | "dark:border-neutral-600" | "dark:border-neutral-700" | "dark:border-neutral-800" | "dark:border-neutral-900" | "dark:border-neutral-1000" | "dark:border-neutral-1100" | "dark:border-neutral-1200" | "dark:border-neutral-1300" | "dark:border-orange-100" | "dark:border-orange-200" | "dark:border-orange-300" | "dark:border-orange-400" | "dark:border-orange-500" | "dark:border-orange-600" | "dark:border-orange-700" | "dark:border-orange-800" | "dark:border-orange-900" | "dark:border-orange-1000" | "dark:border-orange-1100" | "dark:border-yellow-100" | "dark:border-yellow-200" | "dark:border-yellow-300" | "dark:border-yellow-400" | "dark:border-yellow-500" | "dark:border-yellow-600" | "dark:border-yellow-700" | "dark:border-yellow-800" | "dark:border-yellow-900" | "dark:border-green-100" | "dark:border-green-200" | "dark:border-green-300" | "dark:border-green-400" | "dark:border-green-500" | "dark:border-green-600" | "dark:border-green-700" | "dark:border-green-800" | "dark:border-green-900" | "dark:border-blue-100" | "dark:border-blue-200" | "dark:border-blue-300" | "dark:border-blue-400" | "dark:border-blue-500" | "dark:border-blue-600" | "dark:border-blue-700" | "dark:border-blue-800" | "dark:border-blue-900" | "dark:border-violet-100" | "dark:border-violet-200" | "dark:border-violet-300" | "dark:border-violet-400" | "dark:border-violet-500" | "dark:border-violet-600" | "dark:border-violet-700" | "dark:border-violet-800" | "dark:border-violet-900" | "dark:border-pink-100" | "dark:border-pink-200" | "dark:border-pink-300" | "dark:border-pink-400" | "dark:border-pink-500" | "dark:border-pink-600" | "dark:border-pink-700" | "dark:border-pink-800" | "dark:border-pink-900" | "dark:border-gui-blue-default-light" | "dark:border-gui-blue-hover-light" | "dark:border-gui-blue-active-light" | "dark:border-gui-blue-default-dark" | "dark:border-gui-blue-hover-dark" | "dark:border-gui-blue-active-dark" | "dark:border-gui-blue-focus" | "dark:border-gui-unavailable" | "dark:border-gui-success-green" | "dark:border-gui-error-red" | "dark:border-gui-focus" | "dark:border-gui-focus-outline" | "dark:border-gui-visited" | "dark:border-white" | "dark:border-extra-light-grey" | "dark:border-light-grey" | "dark:border-mid-grey" | "dark:border-dark-grey" | "dark:border-charcoal-grey" | "dark:border-cool-black" | "dark:border-active-orange" | "dark:border-bright-red" | "dark:border-red-orange" | "dark:border-electric-cyan" | "dark:border-zingy-green" | "dark:border-jazzy-pink" | "dark:border-gui-default" | "dark:border-gui-hover" | "dark:border-gui-active" | "dark:border-gui-error" | "dark:border-gui-success" | "dark:border-gui-default-dark" | "dark:border-gui-hover-dark" | "dark:border-gui-active-dark" | "dark:border-transparent";
+export const defaultIconSecondaryColor: (name: IconName) => "text-neutral-000" | "text-neutral-100" | "text-neutral-200" | "text-neutral-300" | "text-neutral-400" | "text-neutral-500" | "text-neutral-600" | "text-neutral-700" | "text-neutral-800" | "text-neutral-900" | "text-neutral-1000" | "text-neutral-1100" | "text-neutral-1200" | "text-neutral-1300" | "text-orange-100" | "text-orange-200" | "text-orange-300" | "text-orange-400" | "text-orange-500" | "text-orange-600" | "text-orange-700" | "text-orange-800" | "text-orange-900" | "text-orange-1000" | "text-orange-1100" | "text-yellow-100" | "text-yellow-200" | "text-yellow-300" | "text-yellow-400" | "text-yellow-500" | "text-yellow-600" | "text-yellow-700" | "text-yellow-800" | "text-yellow-900" | "text-green-100" | "text-green-200" | "text-green-300" | "text-green-400" | "text-green-500" | "text-green-600" | "text-green-700" | "text-green-800" | "text-green-900" | "text-blue-100" | "text-blue-200" | "text-blue-300" | "text-blue-400" | "text-blue-500" | "text-blue-600" | "text-blue-700" | "text-blue-800" | "text-blue-900" | "text-violet-100" | "text-violet-200" | "text-violet-300" | "text-violet-400" | "text-violet-500" | "text-violet-600" | "text-violet-700" | "text-violet-800" | "text-violet-900" | "text-pink-100" | "text-pink-200" | "text-pink-300" | "text-pink-400" | "text-pink-500" | "text-pink-600" | "text-pink-700" | "text-pink-800" | "text-pink-900" | "text-gui-blue-default-light" | "text-gui-blue-hover-light" | "text-gui-blue-active-light" | "text-gui-blue-default-dark" | "text-gui-blue-hover-dark" | "text-gui-blue-active-dark" | "text-gui-blue-focus" | "text-gui-disabled-light" | "text-gui-disabled-dark" | "text-gui-success-green" | "text-gui-error-red" | "text-gui-focus" | "text-gui-focus-outline" | "text-gui-visited" | "text-white" | "text-extra-light-grey" | "text-light-grey" | "text-mid-grey" | "text-dark-grey" | "text-charcoal-grey" | "text-cool-black" | "text-active-orange" | "text-bright-red" | "text-red-orange" | "text-electric-cyan" | "text-zingy-green" | "text-jazzy-pink" | "text-gui-default" | "text-gui-hover" | "text-gui-active" | "text-gui-error" | "text-gui-success" | "text-gui-default-dark" | "text-gui-hover-dark" | "text-gui-active-dark" | "text-transparent" | "bg-neutral-000" | "bg-neutral-100" | "bg-neutral-200" | "bg-neutral-300" | "bg-neutral-400" | "bg-neutral-500" | "bg-neutral-600" | "bg-neutral-700" | "bg-neutral-800" | "bg-neutral-900" | "bg-neutral-1000" | "bg-neutral-1100" | "bg-neutral-1200" | "bg-neutral-1300" | "bg-orange-100" | "bg-orange-200" | "bg-orange-300" | "bg-orange-400" | "bg-orange-500" | "bg-orange-600" | "bg-orange-700" | "bg-orange-800" | "bg-orange-900" | "bg-orange-1000" | "bg-orange-1100" | "bg-yellow-100" | "bg-yellow-200" | "bg-yellow-300" | "bg-yellow-400" | "bg-yellow-500" | "bg-yellow-600" | "bg-yellow-700" | "bg-yellow-800" | "bg-yellow-900" | "bg-green-100" | "bg-green-200" | "bg-green-300" | "bg-green-400" | "bg-green-500" | "bg-green-600" | "bg-green-700" | "bg-green-800" | "bg-green-900" | "bg-blue-100" | "bg-blue-200" | "bg-blue-300" | "bg-blue-400" | "bg-blue-500" | "bg-blue-600" | "bg-blue-700" | "bg-blue-800" | "bg-blue-900" | "bg-violet-100" | "bg-violet-200" | "bg-violet-300" | "bg-violet-400" | "bg-violet-500" | "bg-violet-600" | "bg-violet-700" | "bg-violet-800" | "bg-violet-900" | "bg-pink-100" | "bg-pink-200" | "bg-pink-300" | "bg-pink-400" | "bg-pink-500" | "bg-pink-600" | "bg-pink-700" | "bg-pink-800" | "bg-pink-900" | "bg-gui-blue-default-light" | "bg-gui-blue-hover-light" | "bg-gui-blue-active-light" | "bg-gui-blue-default-dark" | "bg-gui-blue-hover-dark" | "bg-gui-blue-active-dark" | "bg-gui-blue-focus" | "bg-gui-disabled-light" | "bg-gui-disabled-dark" | "bg-gui-success-green" | "bg-gui-error-red" | "bg-gui-focus" | "bg-gui-focus-outline" | "bg-gui-visited" | "bg-white" | "bg-extra-light-grey" | "bg-light-grey" | "bg-mid-grey" | "bg-dark-grey" | "bg-charcoal-grey" | "bg-cool-black" | "bg-active-orange" | "bg-bright-red" | "bg-red-orange" | "bg-electric-cyan" | "bg-zingy-green" | "bg-jazzy-pink" | "bg-gui-default" | "bg-gui-hover" | "bg-gui-active" | "bg-gui-error" | "bg-gui-success" | "bg-gui-default-dark" | "bg-gui-hover-dark" | "bg-gui-active-dark" | "bg-transparent" | "from-neutral-000" | "from-neutral-100" | "from-neutral-200" | "from-neutral-300" | "from-neutral-400" | "from-neutral-500" | "from-neutral-600" | "from-neutral-700" | "from-neutral-800" | "from-neutral-900" | "from-neutral-1000" | "from-neutral-1100" | "from-neutral-1200" | "from-neutral-1300" | "from-orange-100" | "from-orange-200" | "from-orange-300" | "from-orange-400" | "from-orange-500" | "from-orange-600" | "from-orange-700" | "from-orange-800" | "from-orange-900" | "from-orange-1000" | "from-orange-1100" | "from-yellow-100" | "from-yellow-200" | "from-yellow-300" | "from-yellow-400" | "from-yellow-500" | "from-yellow-600" | "from-yellow-700" | "from-yellow-800" | "from-yellow-900" | "from-green-100" | "from-green-200" | "from-green-300" | "from-green-400" | "from-green-500" | "from-green-600" | "from-green-700" | "from-green-800" | "from-green-900" | "from-blue-100" | "from-blue-200" | "from-blue-300" | "from-blue-400" | "from-blue-500" | "from-blue-600" | "from-blue-700" | "from-blue-800" | "from-blue-900" | "from-violet-100" | "from-violet-200" | "from-violet-300" | "from-violet-400" | "from-violet-500" | "from-violet-600" | "from-violet-700" | "from-violet-800" | "from-violet-900" | "from-pink-100" | "from-pink-200" | "from-pink-300" | "from-pink-400" | "from-pink-500" | "from-pink-600" | "from-pink-700" | "from-pink-800" | "from-pink-900" | "from-gui-blue-default-light" | "from-gui-blue-hover-light" | "from-gui-blue-active-light" | "from-gui-blue-default-dark" | "from-gui-blue-hover-dark" | "from-gui-blue-active-dark" | "from-gui-blue-focus" | "from-gui-disabled-light" | "from-gui-disabled-dark" | "from-gui-success-green" | "from-gui-error-red" | "from-gui-focus" | "from-gui-focus-outline" | "from-gui-visited" | "from-white" | "from-extra-light-grey" | "from-light-grey" | "from-mid-grey" | "from-dark-grey" | "from-charcoal-grey" | "from-cool-black" | "from-active-orange" | "from-bright-red" | "from-red-orange" | "from-electric-cyan" | "from-zingy-green" | "from-jazzy-pink" | "from-gui-default" | "from-gui-hover" | "from-gui-active" | "from-gui-error" | "from-gui-success" | "from-gui-default-dark" | "from-gui-hover-dark" | "from-gui-active-dark" | "from-transparent" | "to-neutral-000" | "to-neutral-100" | "to-neutral-200" | "to-neutral-300" | "to-neutral-400" | "to-neutral-500" | "to-neutral-600" | "to-neutral-700" | "to-neutral-800" | "to-neutral-900" | "to-neutral-1000" | "to-neutral-1100" | "to-neutral-1200" | "to-neutral-1300" | "to-orange-100" | "to-orange-200" | "to-orange-300" | "to-orange-400" | "to-orange-500" | "to-orange-600" | "to-orange-700" | "to-orange-800" | "to-orange-900" | "to-orange-1000" | "to-orange-1100" | "to-yellow-100" | "to-yellow-200" | "to-yellow-300" | "to-yellow-400" | "to-yellow-500" | "to-yellow-600" | "to-yellow-700" | "to-yellow-800" | "to-yellow-900" | "to-green-100" | "to-green-200" | "to-green-300" | "to-green-400" | "to-green-500" | "to-green-600" | "to-green-700" | "to-green-800" | "to-green-900" | "to-blue-100" | "to-blue-200" | "to-blue-300" | "to-blue-400" | "to-blue-500" | "to-blue-600" | "to-blue-700" | "to-blue-800" | "to-blue-900" | "to-violet-100" | "to-violet-200" | "to-violet-300" | "to-violet-400" | "to-violet-500" | "to-violet-600" | "to-violet-700" | "to-violet-800" | "to-violet-900" | "to-pink-100" | "to-pink-200" | "to-pink-300" | "to-pink-400" | "to-pink-500" | "to-pink-600" | "to-pink-700" | "to-pink-800" | "to-pink-900" | "to-gui-blue-default-light" | "to-gui-blue-hover-light" | "to-gui-blue-active-light" | "to-gui-blue-default-dark" | "to-gui-blue-hover-dark" | "to-gui-blue-active-dark" | "to-gui-blue-focus" | "to-gui-disabled-light" | "to-gui-disabled-dark" | "to-gui-success-green" | "to-gui-error-red" | "to-gui-focus" | "to-gui-focus-outline" | "to-gui-visited" | "to-white" | "to-extra-light-grey" | "to-light-grey" | "to-mid-grey" | "to-dark-grey" | "to-charcoal-grey" | "to-cool-black" | "to-active-orange" | "to-bright-red" | "to-red-orange" | "to-electric-cyan" | "to-zingy-green" | "to-jazzy-pink" | "to-gui-default" | "to-gui-hover" | "to-gui-active" | "to-gui-error" | "to-gui-success" | "to-gui-default-dark" | "to-gui-hover-dark" | "to-gui-active-dark" | "to-transparent" | "border-neutral-000" | "border-neutral-100" | "border-neutral-200" | "border-neutral-300" | "border-neutral-400" | "border-neutral-500" | "border-neutral-600" | "border-neutral-700" | "border-neutral-800" | "border-neutral-900" | "border-neutral-1000" | "border-neutral-1100" | "border-neutral-1200" | "border-neutral-1300" | "border-orange-100" | "border-orange-200" | "border-orange-300" | "border-orange-400" | "border-orange-500" | "border-orange-600" | "border-orange-700" | "border-orange-800" | "border-orange-900" | "border-orange-1000" | "border-orange-1100" | "border-yellow-100" | "border-yellow-200" | "border-yellow-300" | "border-yellow-400" | "border-yellow-500" | "border-yellow-600" | "border-yellow-700" | "border-yellow-800" | "border-yellow-900" | "border-green-100" | "border-green-200" | "border-green-300" | "border-green-400" | "border-green-500" | "border-green-600" | "border-green-700" | "border-green-800" | "border-green-900" | "border-blue-100" | "border-blue-200" | "border-blue-300" | "border-blue-400" | "border-blue-500" | "border-blue-600" | "border-blue-700" | "border-blue-800" | "border-blue-900" | "border-violet-100" | "border-violet-200" | "border-violet-300" | "border-violet-400" | "border-violet-500" | "border-violet-600" | "border-violet-700" | "border-violet-800" | "border-violet-900" | "border-pink-100" | "border-pink-200" | "border-pink-300" | "border-pink-400" | "border-pink-500" | "border-pink-600" | "border-pink-700" | "border-pink-800" | "border-pink-900" | "border-gui-blue-default-light" | "border-gui-blue-hover-light" | "border-gui-blue-active-light" | "border-gui-blue-default-dark" | "border-gui-blue-hover-dark" | "border-gui-blue-active-dark" | "border-gui-blue-focus" | "border-gui-disabled-light" | "border-gui-disabled-dark" | "border-gui-success-green" | "border-gui-error-red" | "border-gui-focus" | "border-gui-focus-outline" | "border-gui-visited" | "border-white" | "border-extra-light-grey" | "border-light-grey" | "border-mid-grey" | "border-dark-grey" | "border-charcoal-grey" | "border-cool-black" | "border-active-orange" | "border-bright-red" | "border-red-orange" | "border-electric-cyan" | "border-zingy-green" | "border-jazzy-pink" | "border-gui-default" | "border-gui-hover" | "border-gui-active" | "border-gui-error" | "border-gui-success" | "border-gui-default-dark" | "border-gui-hover-dark" | "border-gui-active-dark" | "border-transparent" | "dark:text-neutral-000" | "dark:text-neutral-100" | "dark:text-neutral-200" | "dark:text-neutral-300" | "dark:text-neutral-400" | "dark:text-neutral-500" | "dark:text-neutral-600" | "dark:text-neutral-700" | "dark:text-neutral-800" | "dark:text-neutral-900" | "dark:text-neutral-1000" | "dark:text-neutral-1100" | "dark:text-neutral-1200" | "dark:text-neutral-1300" | "dark:text-orange-100" | "dark:text-orange-200" | "dark:text-orange-300" | "dark:text-orange-400" | "dark:text-orange-500" | "dark:text-orange-600" | "dark:text-orange-700" | "dark:text-orange-800" | "dark:text-orange-900" | "dark:text-orange-1000" | "dark:text-orange-1100" | "dark:text-yellow-100" | "dark:text-yellow-200" | "dark:text-yellow-300" | "dark:text-yellow-400" | "dark:text-yellow-500" | "dark:text-yellow-600" | "dark:text-yellow-700" | "dark:text-yellow-800" | "dark:text-yellow-900" | "dark:text-green-100" | "dark:text-green-200" | "dark:text-green-300" | "dark:text-green-400" | "dark:text-green-500" | "dark:text-green-600" | "dark:text-green-700" | "dark:text-green-800" | "dark:text-green-900" | "dark:text-blue-100" | "dark:text-blue-200" | "dark:text-blue-300" | "dark:text-blue-400" | "dark:text-blue-500" | "dark:text-blue-600" | "dark:text-blue-700" | "dark:text-blue-800" | "dark:text-blue-900" | "dark:text-violet-100" | "dark:text-violet-200" | "dark:text-violet-300" | "dark:text-violet-400" | "dark:text-violet-500" | "dark:text-violet-600" | "dark:text-violet-700" | "dark:text-violet-800" | "dark:text-violet-900" | "dark:text-pink-100" | "dark:text-pink-200" | "dark:text-pink-300" | "dark:text-pink-400" | "dark:text-pink-500" | "dark:text-pink-600" | "dark:text-pink-700" | "dark:text-pink-800" | "dark:text-pink-900" | "dark:text-gui-blue-default-light" | "dark:text-gui-blue-hover-light" | "dark:text-gui-blue-active-light" | "dark:text-gui-blue-default-dark" | "dark:text-gui-blue-hover-dark" | "dark:text-gui-blue-active-dark" | "dark:text-gui-blue-focus" | "dark:text-gui-disabled-light" | "dark:text-gui-disabled-dark" | "dark:text-gui-success-green" | "dark:text-gui-error-red" | "dark:text-gui-focus" | "dark:text-gui-focus-outline" | "dark:text-gui-visited" | "dark:text-white" | "dark:text-extra-light-grey" | "dark:text-light-grey" | "dark:text-mid-grey" | "dark:text-dark-grey" | "dark:text-charcoal-grey" | "dark:text-cool-black" | "dark:text-active-orange" | "dark:text-bright-red" | "dark:text-red-orange" | "dark:text-electric-cyan" | "dark:text-zingy-green" | "dark:text-jazzy-pink" | "dark:text-gui-default" | "dark:text-gui-hover" | "dark:text-gui-active" | "dark:text-gui-error" | "dark:text-gui-success" | "dark:text-gui-default-dark" | "dark:text-gui-hover-dark" | "dark:text-gui-active-dark" | "dark:text-transparent" | "dark:bg-neutral-000" | "dark:bg-neutral-100" | "dark:bg-neutral-200" | "dark:bg-neutral-300" | "dark:bg-neutral-400" | "dark:bg-neutral-500" | "dark:bg-neutral-600" | "dark:bg-neutral-700" | "dark:bg-neutral-800" | "dark:bg-neutral-900" | "dark:bg-neutral-1000" | "dark:bg-neutral-1100" | "dark:bg-neutral-1200" | "dark:bg-neutral-1300" | "dark:bg-orange-100" | "dark:bg-orange-200" | "dark:bg-orange-300" | "dark:bg-orange-400" | "dark:bg-orange-500" | "dark:bg-orange-600" | "dark:bg-orange-700" | "dark:bg-orange-800" | "dark:bg-orange-900" | "dark:bg-orange-1000" | "dark:bg-orange-1100" | "dark:bg-yellow-100" | "dark:bg-yellow-200" | "dark:bg-yellow-300" | "dark:bg-yellow-400" | "dark:bg-yellow-500" | "dark:bg-yellow-600" | "dark:bg-yellow-700" | "dark:bg-yellow-800" | "dark:bg-yellow-900" | "dark:bg-green-100" | "dark:bg-green-200" | "dark:bg-green-300" | "dark:bg-green-400" | "dark:bg-green-500" | "dark:bg-green-600" | "dark:bg-green-700" | "dark:bg-green-800" | "dark:bg-green-900" | "dark:bg-blue-100" | "dark:bg-blue-200" | "dark:bg-blue-300" | "dark:bg-blue-400" | "dark:bg-blue-500" | "dark:bg-blue-600" | "dark:bg-blue-700" | "dark:bg-blue-800" | "dark:bg-blue-900" | "dark:bg-violet-100" | "dark:bg-violet-200" | "dark:bg-violet-300" | "dark:bg-violet-400" | "dark:bg-violet-500" | "dark:bg-violet-600" | "dark:bg-violet-700" | "dark:bg-violet-800" | "dark:bg-violet-900" | "dark:bg-pink-100" | "dark:bg-pink-200" | "dark:bg-pink-300" | "dark:bg-pink-400" | "dark:bg-pink-500" | "dark:bg-pink-600" | "dark:bg-pink-700" | "dark:bg-pink-800" | "dark:bg-pink-900" | "dark:bg-gui-blue-default-light" | "dark:bg-gui-blue-hover-light" | "dark:bg-gui-blue-active-light" | "dark:bg-gui-blue-default-dark" | "dark:bg-gui-blue-hover-dark" | "dark:bg-gui-blue-active-dark" | "dark:bg-gui-blue-focus" | "dark:bg-gui-disabled-light" | "dark:bg-gui-disabled-dark" | "dark:bg-gui-success-green" | "dark:bg-gui-error-red" | "dark:bg-gui-focus" | "dark:bg-gui-focus-outline" | "dark:bg-gui-visited" | "dark:bg-white" | "dark:bg-extra-light-grey" | "dark:bg-light-grey" | "dark:bg-mid-grey" | "dark:bg-dark-grey" | "dark:bg-charcoal-grey" | "dark:bg-cool-black" | "dark:bg-active-orange" | "dark:bg-bright-red" | "dark:bg-red-orange" | "dark:bg-electric-cyan" | "dark:bg-zingy-green" | "dark:bg-jazzy-pink" | "dark:bg-gui-default" | "dark:bg-gui-hover" | "dark:bg-gui-active" | "dark:bg-gui-error" | "dark:bg-gui-success" | "dark:bg-gui-default-dark" | "dark:bg-gui-hover-dark" | "dark:bg-gui-active-dark" | "dark:bg-transparent" | "dark:from-neutral-000" | "dark:from-neutral-100" | "dark:from-neutral-200" | "dark:from-neutral-300" | "dark:from-neutral-400" | "dark:from-neutral-500" | "dark:from-neutral-600" | "dark:from-neutral-700" | "dark:from-neutral-800" | "dark:from-neutral-900" | "dark:from-neutral-1000" | "dark:from-neutral-1100" | "dark:from-neutral-1200" | "dark:from-neutral-1300" | "dark:from-orange-100" | "dark:from-orange-200" | "dark:from-orange-300" | "dark:from-orange-400" | "dark:from-orange-500" | "dark:from-orange-600" | "dark:from-orange-700" | "dark:from-orange-800" | "dark:from-orange-900" | "dark:from-orange-1000" | "dark:from-orange-1100" | "dark:from-yellow-100" | "dark:from-yellow-200" | "dark:from-yellow-300" | "dark:from-yellow-400" | "dark:from-yellow-500" | "dark:from-yellow-600" | "dark:from-yellow-700" | "dark:from-yellow-800" | "dark:from-yellow-900" | "dark:from-green-100" | "dark:from-green-200" | "dark:from-green-300" | "dark:from-green-400" | "dark:from-green-500" | "dark:from-green-600" | "dark:from-green-700" | "dark:from-green-800" | "dark:from-green-900" | "dark:from-blue-100" | "dark:from-blue-200" | "dark:from-blue-300" | "dark:from-blue-400" | "dark:from-blue-500" | "dark:from-blue-600" | "dark:from-blue-700" | "dark:from-blue-800" | "dark:from-blue-900" | "dark:from-violet-100" | "dark:from-violet-200" | "dark:from-violet-300" | "dark:from-violet-400" | "dark:from-violet-500" | "dark:from-violet-600" | "dark:from-violet-700" | "dark:from-violet-800" | "dark:from-violet-900" | "dark:from-pink-100" | "dark:from-pink-200" | "dark:from-pink-300" | "dark:from-pink-400" | "dark:from-pink-500" | "dark:from-pink-600" | "dark:from-pink-700" | "dark:from-pink-800" | "dark:from-pink-900" | "dark:from-gui-blue-default-light" | "dark:from-gui-blue-hover-light" | "dark:from-gui-blue-active-light" | "dark:from-gui-blue-default-dark" | "dark:from-gui-blue-hover-dark" | "dark:from-gui-blue-active-dark" | "dark:from-gui-blue-focus" | "dark:from-gui-disabled-light" | "dark:from-gui-disabled-dark" | "dark:from-gui-success-green" | "dark:from-gui-error-red" | "dark:from-gui-focus" | "dark:from-gui-focus-outline" | "dark:from-gui-visited" | "dark:from-white" | "dark:from-extra-light-grey" | "dark:from-light-grey" | "dark:from-mid-grey" | "dark:from-dark-grey" | "dark:from-charcoal-grey" | "dark:from-cool-black" | "dark:from-active-orange" | "dark:from-bright-red" | "dark:from-red-orange" | "dark:from-electric-cyan" | "dark:from-zingy-green" | "dark:from-jazzy-pink" | "dark:from-gui-default" | "dark:from-gui-hover" | "dark:from-gui-active" | "dark:from-gui-error" | "dark:from-gui-success" | "dark:from-gui-default-dark" | "dark:from-gui-hover-dark" | "dark:from-gui-active-dark" | "dark:from-transparent" | "dark:to-neutral-000" | "dark:to-neutral-100" | "dark:to-neutral-200" | "dark:to-neutral-300" | "dark:to-neutral-400" | "dark:to-neutral-500" | "dark:to-neutral-600" | "dark:to-neutral-700" | "dark:to-neutral-800" | "dark:to-neutral-900" | "dark:to-neutral-1000" | "dark:to-neutral-1100" | "dark:to-neutral-1200" | "dark:to-neutral-1300" | "dark:to-orange-100" | "dark:to-orange-200" | "dark:to-orange-300" | "dark:to-orange-400" | "dark:to-orange-500" | "dark:to-orange-600" | "dark:to-orange-700" | "dark:to-orange-800" | "dark:to-orange-900" | "dark:to-orange-1000" | "dark:to-orange-1100" | "dark:to-yellow-100" | "dark:to-yellow-200" | "dark:to-yellow-300" | "dark:to-yellow-400" | "dark:to-yellow-500" | "dark:to-yellow-600" | "dark:to-yellow-700" | "dark:to-yellow-800" | "dark:to-yellow-900" | "dark:to-green-100" | "dark:to-green-200" | "dark:to-green-300" | "dark:to-green-400" | "dark:to-green-500" | "dark:to-green-600" | "dark:to-green-700" | "dark:to-green-800" | "dark:to-green-900" | "dark:to-blue-100" | "dark:to-blue-200" | "dark:to-blue-300" | "dark:to-blue-400" | "dark:to-blue-500" | "dark:to-blue-600" | "dark:to-blue-700" | "dark:to-blue-800" | "dark:to-blue-900" | "dark:to-violet-100" | "dark:to-violet-200" | "dark:to-violet-300" | "dark:to-violet-400" | "dark:to-violet-500" | "dark:to-violet-600" | "dark:to-violet-700" | "dark:to-violet-800" | "dark:to-violet-900" | "dark:to-pink-100" | "dark:to-pink-200" | "dark:to-pink-300" | "dark:to-pink-400" | "dark:to-pink-500" | "dark:to-pink-600" | "dark:to-pink-700" | "dark:to-pink-800" | "dark:to-pink-900" | "dark:to-gui-blue-default-light" | "dark:to-gui-blue-hover-light" | "dark:to-gui-blue-active-light" | "dark:to-gui-blue-default-dark" | "dark:to-gui-blue-hover-dark" | "dark:to-gui-blue-active-dark" | "dark:to-gui-blue-focus" | "dark:to-gui-disabled-light" | "dark:to-gui-disabled-dark" | "dark:to-gui-success-green" | "dark:to-gui-error-red" | "dark:to-gui-focus" | "dark:to-gui-focus-outline" | "dark:to-gui-visited" | "dark:to-white" | "dark:to-extra-light-grey" | "dark:to-light-grey" | "dark:to-mid-grey" | "dark:to-dark-grey" | "dark:to-charcoal-grey" | "dark:to-cool-black" | "dark:to-active-orange" | "dark:to-bright-red" | "dark:to-red-orange" | "dark:to-electric-cyan" | "dark:to-zingy-green" | "dark:to-jazzy-pink" | "dark:to-gui-default" | "dark:to-gui-hover" | "dark:to-gui-active" | "dark:to-gui-error" | "dark:to-gui-success" | "dark:to-gui-default-dark" | "dark:to-gui-hover-dark" | "dark:to-gui-active-dark" | "dark:to-transparent" | "dark:border-neutral-000" | "dark:border-neutral-100" | "dark:border-neutral-200" | "dark:border-neutral-300" | "dark:border-neutral-400" | "dark:border-neutral-500" | "dark:border-neutral-600" | "dark:border-neutral-700" | "dark:border-neutral-800" | "dark:border-neutral-900" | "dark:border-neutral-1000" | "dark:border-neutral-1100" | "dark:border-neutral-1200" | "dark:border-neutral-1300" | "dark:border-orange-100" | "dark:border-orange-200" | "dark:border-orange-300" | "dark:border-orange-400" | "dark:border-orange-500" | "dark:border-orange-600" | "dark:border-orange-700" | "dark:border-orange-800" | "dark:border-orange-900" | "dark:border-orange-1000" | "dark:border-orange-1100" | "dark:border-yellow-100" | "dark:border-yellow-200" | "dark:border-yellow-300" | "dark:border-yellow-400" | "dark:border-yellow-500" | "dark:border-yellow-600" | "dark:border-yellow-700" | "dark:border-yellow-800" | "dark:border-yellow-900" | "dark:border-green-100" | "dark:border-green-200" | "dark:border-green-300" | "dark:border-green-400" | "dark:border-green-500" | "dark:border-green-600" | "dark:border-green-700" | "dark:border-green-800" | "dark:border-green-900" | "dark:border-blue-100" | "dark:border-blue-200" | "dark:border-blue-300" | "dark:border-blue-400" | "dark:border-blue-500" | "dark:border-blue-600" | "dark:border-blue-700" | "dark:border-blue-800" | "dark:border-blue-900" | "dark:border-violet-100" | "dark:border-violet-200" | "dark:border-violet-300" | "dark:border-violet-400" | "dark:border-violet-500" | "dark:border-violet-600" | "dark:border-violet-700" | "dark:border-violet-800" | "dark:border-violet-900" | "dark:border-pink-100" | "dark:border-pink-200" | "dark:border-pink-300" | "dark:border-pink-400" | "dark:border-pink-500" | "dark:border-pink-600" | "dark:border-pink-700" | "dark:border-pink-800" | "dark:border-pink-900" | "dark:border-gui-blue-default-light" | "dark:border-gui-blue-hover-light" | "dark:border-gui-blue-active-light" | "dark:border-gui-blue-default-dark" | "dark:border-gui-blue-hover-dark" | "dark:border-gui-blue-active-dark" | "dark:border-gui-blue-focus" | "dark:border-gui-disabled-light" | "dark:border-gui-disabled-dark" | "dark:border-gui-success-green" | "dark:border-gui-error-red" | "dark:border-gui-focus" | "dark:border-gui-focus-outline" | "dark:border-gui-visited" | "dark:border-white" | "dark:border-extra-light-grey" | "dark:border-light-grey" | "dark:border-mid-grey" | "dark:border-dark-grey" | "dark:border-charcoal-grey" | "dark:border-cool-black" | "dark:border-active-orange" | "dark:border-bright-red" | "dark:border-red-orange" | "dark:border-electric-cyan" | "dark:border-zingy-green" | "dark:border-jazzy-pink" | "dark:border-gui-default" | "dark:border-gui-hover" | "dark:border-gui-active" | "dark:border-gui-error" | "dark:border-gui-success" | "dark:border-gui-default-dark" | "dark:border-gui-hover-dark" | "dark:border-gui-active-dark" | "dark:border-transparent";
 export const toPascalCase: (str: string) => string;
 export const getHeroicon: (iconName: string, variant: string) => HeroiconComponent | null;
 export const setUniqueIds: (el: SVGSVGElement | null, uniqueId: string) => void;
@@ -4800,23 +5495,62 @@ export default Loader;
 }
 
 declare module '@ably/ui/core/Logo' {
-import React from "react";
+import React, { AnchorHTMLAttributes, ImgHTMLAttributes } from "react";
 type LogoProps = {
     dataId?: string;
     logoUrl?: string;
     logoAlt?: string;
     href?: string;
-    additionalImgAttrs?: object;
-    additionalLinkAttrs?: object;
+    additionalImgAttrs?: ImgHTMLAttributes<HTMLImageElement>;
+    additionalLinkAttrs?: AnchorHTMLAttributes<HTMLAnchorElement>;
     theme?: "light" | "dark";
     variant?: "default" | "mono";
     orientation?: "default" | "stacked";
+    badge?: string;
 };
-const _default: React.MemoExoticComponent<({ dataId, href, additionalImgAttrs, additionalLinkAttrs, theme, variant, orientation, logoUrl, logoAlt, }: LogoProps) => import("react/jsx-runtime").JSX.Element>;
+const _default: React.MemoExoticComponent<({ dataId, href, additionalImgAttrs, additionalLinkAttrs, theme, variant, orientation, logoUrl, logoAlt, badge, }: LogoProps) => import("react/jsx-runtime").JSX.Element>;
 export default _default;
 //# sourceMappingURL=Logo.d.ts.map
 }
 
+declare module '@ably/ui/core/Meganav/MeganavBlog' {
+import { IconName } from ".@ably/ui/core/Icon/types";
+export type BlogPost = {
+    title: string;
+    link: string;
+    categories: string[];
+    pubDate: string;
+};
+export type MeganavBlogProps = {
+    title: string;
+    link: string;
+    icon?: IconName;
+    posts: BlogPost[];
+};
+const MeganavBlog: ({ title, link, icon, posts }: MeganavBlogProps) => import("react/jsx-runtime").JSX.Element;
+export default MeganavBlog;
+//# sourceMappingURL=MeganavBlog.d.ts.map
+}
+
+declare module '@ably/ui/core/Meganav/MeganavCustomerStories' {
+import { IconName } from ".@ably/ui/core/Icon/types";
+export type CustomerStoryHighlight = {
+    companyName: string;
+    companyDesc: string;
+    companyLink: string;
+    companyLogo: string;
+    companyLogoDark?: string;
+};
+const MeganavCustomerStories: ({ customerStoriesHighlight, title, link, icon, }: {
+    customerStoriesHighlight: CustomerStoryHighlight;
+    title: string;
+    link: string;
+    icon?: IconName;
+}) => import("react/jsx-runtime").JSX.Element;
+export default MeganavCustomerStories;
+//# sourceMappingURL=MeganavCustomerStories.d.ts.map
+}
+
 declare module '@ably/ui/core/Meganav/MeganavMobile' {
 import { AccordionData } from ".@ably/ui/core/Accordion/types";
 export const MeganavMobile: ({ navItems }: {
@@ -4827,42 +5561,80 @@ export const MeganavMobile: ({ navItems }: {
 
 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, }: {
+import { FlyoutPanelList } from "@ably/ui/core/data";
+import { MeganavPanelItemLink } from "@ably/ui/core/MeganavPanelItemLinks";
+type MeganavPanelProps = {
     displayProductTile?: boolean;
-    panelLeft?: FlyoutPanelHighlight;
-    panelLeftClassName?: string;
-    panelRightHeading?: string;
-    panelRightItems: FlyoutPanelList[];
+    panelLeft?: React.ReactNode;
+    panelMiddleItems?: React.ReactNode;
+    panelRightItems?: MeganavPanelItemLink[];
     panelRightBottom?: React.ReactNode;
+    panelRightBottomClassName?: string;
+};
+export const MeganavPanel: ({ displayProductTile, panelLeft, panelMiddleItems, panelRightItems, panelRightBottom, panelRightBottomClassName, }: MeganavPanelProps) => import("react/jsx-runtime").JSX.Element;
+export const MeganavPanelFullwidth: ({ panelItems, }: {
+    panelItems: FlyoutPanelList[];
 }) => import("react/jsx-runtime").JSX.Element;
+export {};
 //# sourceMappingURL=MeganavPanel.d.ts.map
 }
 
-declare module '@ably/ui/core/Meganav/MeganavProductTile' {
-import { ProductTileProps } from ".@ably/ui/core/ProductTile";
-const MeganavProductTile: ({ name, productLink, showDescription, showLabel, size, animateIcons, }: ProductTileProps & {
-    productLink?: string;
+declare module '@ably/ui/core/Meganav/MeganavPanelItemLinks' {
+import { IconName } from ".@ably/ui/core/Icon/types";
+import { FlyoutPanelList } from "@ably/ui/core/data";
+export type MeganavPanelItemLink = {
+    label?: string;
+    listItems: FlyoutPanelList[];
+    icon?: IconName;
+    link?: {
+        label: string;
+        link: string;
+    };
+    displayTitleInMobile?: boolean;
+};
+const MeganavPanelItemLinks: ({ label, listItems, link, displayTitleInMobile, }: MeganavPanelItemLink) => import("react/jsx-runtime").JSX.Element;
+export default MeganavPanelItemLinks;
+//# sourceMappingURL=MeganavPanelItemLinks.d.ts.map
+}
+
+declare module '@ably/ui/core/Meganav/MeganavTile' {
+import { ProductName } from ".@ably/ui/core/ProductTile/data";
+import { IconName } from ".@ably/ui/core/Icon/types";
+export type MeganavTileProps = {
+    link: string;
+    productName?: ProductName;
+    navLabel?: string;
+    navIcon?: IconName;
+    navDescription?: string;
+    animateIcons?: boolean;
+    showAblyText?: boolean;
+};
+const MeganavTile: ({ productName, navLabel, navIcon, navDescription, link, animateIcons, showAblyText, }: MeganavTileProps) => import("react/jsx-runtime").JSX.Element;
+export default MeganavTile;
+//# sourceMappingURL=MeganavTile.d.ts.map
+}
+
+declare module '@ably/ui/core/Meganav/PanelTitle' {
+export const PanelTitle: ({ title, link, displayTitleInMobile, }: {
+    title: string;
+    link?: string;
+    displayTitleInMobile?: boolean;
 }) => import("react/jsx-runtime").JSX.Element;
-export default MeganavProductTile;
-//# sourceMappingURL=MeganavProductTile.d.ts.map
+//# sourceMappingURL=PanelTitle.d.ts.map
 }
 
 declare module '@ably/ui/core/Meganav/data' {
 import React from "react";
 import { IconName } from ".@ably/ui/core/Icon/types";
+import { CustomerStoryHighlight } from "@ably/ui/core/MeganavCustomerStories";
+import { BlogPost } from "@ably/ui/core/MeganavBlog";
 export type FlyoutPanelList = {
     label: string;
-    icon: IconName;
+    icon?: IconName;
     link: string;
     isMobile?: boolean;
-};
-export type FlyoutPanelHighlight = {
-    heading: string;
-    content: string;
-    labelLink: string;
-    url: string;
-    image: string;
+    description?: string;
+    badge?: string;
 };
 export type MenuItem = {
     name: string;
@@ -4871,6 +5643,11 @@ export type MenuItem = {
     content?: React.ReactNode;
     panelClassName?: string;
 };
+export const productsMenu: FlyoutPanelList[];
+export const compareMenu: FlyoutPanelList[];
+export const solutionsMenu: FlyoutPanelList[];
+export const customerStoriesHighlight: CustomerStoryHighlight;
+export const companyMenu: FlyoutPanelList[];
 export const ablyAwards: {
     image: string;
     desc: string;
@@ -4880,7 +5657,7 @@ export const menuItemLinks: {
     link: string;
     isHiddenMobile: boolean;
 }[];
-export const menuItemsForHeader: MenuItem[];
+export const defaultBlogPosts: BlogPost[];
 export const productsForNav: {
     pubsub: {
         link: string;
@@ -4914,7 +5691,7 @@ export const productsForNav: {
         hoverIcon?: IconName;
         unavailable?: boolean;
     };
-    assetTracking: {
+    aiTransport: {
         link: string;
         label: string;
         description: string;
@@ -4934,8 +5711,16 @@ export const productsForNav: {
 //# sourceMappingURL=data.d.ts.map
 }
 
+declare module '@ably/ui/core/Meganav/utils/getMenuItemsForHeader' {
+import { BlogPost } from ".@ably/ui/core/MeganavBlog";
+import { MenuItem } from ".@ably/ui/core/data";
+export const getMenuItemsForHeader: (blogPosts: BlogPost[]) => MenuItem[];
+//# sourceMappingURL=getMenuItemsForHeader.d.ts.map
+}
+
 declare module '@ably/ui/core/Meganav' {
 import { HeaderSessionState, ThemedScrollpoint } from "@ably/ui/core/Header";
+import { BlogPost } from "@ably/ui/core/Meganav/MeganavBlog";
 export type MeganavNoticeBannerProps = {
     props: {
         title: string;
@@ -4954,11 +5739,13 @@ export type MeganavNoticeBannerProps = {
 };
 export type MeganavProps = {
     sessionState: HeaderSessionState;
+    blogPosts: BlogPost[];
     notice?: MeganavNoticeBannerProps;
     theme?: string;
     themedScrollpoints?: ThemedScrollpoint[];
+    onNoticeClose?: () => void;
 };
-const Meganav: ({ sessionState, notice, theme, themedScrollpoints, }: MeganavProps) => import("react/jsx-runtime").JSX.Element;
+const Meganav: ({ sessionState, notice, theme, themedScrollpoints, onNoticeClose, blogPosts, }: MeganavProps) => import("react/jsx-runtime").JSX.Element;
 export default Meganav;
 //# sourceMappingURL=Meganav.d.ts.map
 }
@@ -4992,6 +5779,7 @@ export type NoticeProps = {
     };
     bgColor?: string;
     textColor?: ColorClass | ColorThemeSet;
+    onClose?: () => void;
     bannerContainer?: Element | null;
     cookieId?: string;
     noticeId?: string;
@@ -4999,7 +5787,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: ({ buttonLink, buttonLabel, bodyText, title, config, closeBtn, bgColor, textColor, onClose, }: NoticeProps) => import("react/jsx-runtime").JSX.Element;
 export default Notice;
 //# sourceMappingURL=Notice.d.ts.map
 }
@@ -5039,6 +5827,7 @@ type PricingDataFeatureCta = {
     disabled?: boolean;
     onClick?: () => void;
     iconColor?: ColorClass | ColorThemeSet;
+    isPriority?: boolean;
 };
 export type PricingDataFeatureSection = {
     title: string;
@@ -5047,7 +5836,6 @@ export type PricingDataFeatureSection = {
         foreground: ColorThemeSet;
         background: ColorThemeSet;
     };
-    cta?: PricingDataFeatureCta;
 };
 export type PricingDataFeatureBorder = {
     text: string;
@@ -5064,6 +5852,8 @@ export type PricingDataFeature = {
     cta?: PricingDataFeatureCta;
     sections: PricingDataFeatureSection[];
     border?: PricingDataFeatureBorder;
+    subtext?: string;
+    bottomCta?: PricingDataFeatureCta;
 };
 export {};
 //# sourceMappingURL=types.d.ts.map
@@ -5090,8 +5880,9 @@ type ProductIconProps = {
     selected?: boolean;
     size: number;
     unavailable: boolean;
+    className?: string;
 };
-const ProductIcon: ({ name, hoverName, selected, size, unavailable, }: ProductIconProps) => import("react/jsx-runtime").JSX.Element | null;
+const ProductIcon: ({ name, hoverName, selected, size, unavailable, className, }: ProductIconProps) => import("react/jsx-runtime").JSX.Element | null;
 export default ProductIcon;
 //# sourceMappingURL=ProductIcon.d.ts.map
 }
@@ -5103,16 +5894,17 @@ type ProductLabelProps = {
     selected?: boolean;
     numericalSize: number;
     showLabel?: boolean;
+    showAblyText?: boolean;
     className?: string;
 };
-const ProductLabel: ({ label, unavailable, selected, numericalSize, showLabel, className, }: ProductLabelProps) => import("react/jsx-runtime").JSX.Element | null;
+const ProductLabel: ({ label, unavailable, selected, numericalSize, showLabel, showAblyText, className, }: ProductLabelProps) => import("react/jsx-runtime").JSX.Element | null;
 export default ProductLabel;
 //# sourceMappingURL=ProductLabel.d.ts.map
 }
 
 declare module '@ably/ui/core/ProductTile/data' {
 import { IconName } from ".@ably/ui/core/Icon/types";
-export const productNames: readonly ["pubsub", "chat", "spaces", "liveSync", "assetTracking", "liveObjects"];
+export const productNames: readonly ["pubsub", "chat", "aiTransport", "liveObjects", "spaces", "liveSync"];
 export type ProductName = (typeof productNames)[number];
 type Products = Record<ProductName, {
     label: string;
@@ -5160,6 +5952,10 @@ export type ProductTileProps = {
      * Additional CSS class names to apply to the product name / label container.
      */
     labelClassName?: string;
+    /**
+     * Additional CSS class names to apply to the product icon.
+     */
+    iconClassName?: string;
     /**
      * Callback function to handle click events on the product tile.
      */
@@ -5185,7 +5981,7 @@ export type ProductTileProps = {
      */
     animateIcons?: boolean;
 };
-const ProductTile: ({ name, selected, currentPage, className, onClick, showDescription, showLabel, size, animateIcons, descriptionClassName, labelClassName, }: ProductTileProps) => import("react/jsx-runtime").JSX.Element;
+const ProductTile: ({ name, selected, currentPage, className, onClick, showDescription, showLabel, size, animateIcons, descriptionClassName, labelClassName, iconClassName, }: ProductTileProps) => import("react/jsx-runtime").JSX.Element;
 export default ProductTile;
 //# sourceMappingURL=ProductTile.d.ts.map
 }
@@ -5210,6 +6006,15 @@ export default SegmentedControl;
 //# sourceMappingURL=SegmentedControl.d.ts.map
 }
 
+declare module '@ably/ui/core/Slider/component' {
+export default Slider;
+function Slider({ container, mqEnableThreshold }: {
+    container: any;
+    mqEnableThreshold: any;
+}): void;
+//# sourceMappingURL=component.d.ts.map
+}
+
 declare module '@ably/ui/core/Slider' {
 import { ReactNode } from "react";
 interface SliderProps {
@@ -5386,23 +6191,47 @@ export default Toggle;
 
 declare module '@ably/ui/core/Tooltip' {
 import { ButtonHTMLAttributes, HTMLAttributes, PropsWithChildren, ReactNode } from "react";
+import * as RadixTooltip from "@radix-ui/react-tooltip";
+import { IconSize } from "@ably/ui/core/Icon/types";
 type TooltipProps = {
     triggerElement?: ReactNode;
     triggerProps?: ButtonHTMLAttributes<HTMLButtonElement>;
-    tooltipProps?: HTMLAttributes<HTMLDivElement>;
+    contentProps?: RadixTooltip.TooltipContentProps & HTMLAttributes<HTMLDivElement>;
+    rootProps?: RadixTooltip.TooltipProps;
     interactive?: boolean;
+    iconSize?: IconSize;
 } & HTMLAttributes<HTMLDivElement>;
-const Tooltip: ({ children, triggerElement, triggerProps, tooltipProps, interactive, ...rest }: PropsWithChildren<TooltipProps>) => import("react/jsx-runtime").JSX.Element;
+const Tooltip: ({ children, triggerElement, triggerProps, contentProps, rootProps, interactive, iconSize, ...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 const queryId: (val: string, root?: ParentNode) => Element | null;
 export const queryIdAll: (val: string, root?: ParentNode) => NodeListOf<Element>;
 //# sourceMappingURL=dom-query.d.ts.map
 }
 
+declare module '@ably/ui/core/hooks/use-content-height' {
+import { RefObject } from "react";
+/**
+ * Custom hook that tracks the content height of an element using ResizeObserver.
+ * This eliminates forced reflows by using the browser's native resize observation API
+ * instead of synchronous clientHeight/getBoundingClientRect queries.
+ *
+ * @param ref - React ref to the element to observe
+ * @param initialHeight - Initial height value (default: 0)
+ * @returns Current content height in pixels
+ */
+export function useContentHeight(ref: RefObject<HTMLElement>, initialHeight?: number): number;
+//# sourceMappingURL=use-content-height.d.ts.map
+}
+
 declare module '@ably/ui/core/hooks/use-rails-ujs-hooks' {
 import { RefObject } from "react";
 const useRailsUjsLinks: (containerRef: RefObject<HTMLElement>) => void;
@@ -5410,6 +6239,209 @@ export default useRailsUjsLinks;
 //# sourceMappingURL=use-rails-ujs-hooks.d.ts.map
 }
 
+declare module '@ably/ui/core/hooks/use-themed-scrollpoints' {
+import { ThemedScrollpoint } from ".@ably/ui/core/Header/types";
+export function useThemedScrollpoints(scrollpoints: ThemedScrollpoint[]): string;
+//# sourceMappingURL=use-themed-scrollpoints.d.ts.map
+}
+
+declare module '@ably/ui/core/hooks/use-themed-scrollpoints.test' {
+/**
+ * @vitest-environment jsdom
+ */
+export {};
+//# sourceMappingURL=use-themed-scrollpoints.test.d.ts.map
+}
+
+declare module '@ably/ui/core/insights/command-queue' {
+import { AnalyticsService, InsightsConfig, InsightsIdentity, TrackPageViewOptions } from "@ably/ui/core/types";
+export class InsightsCommandQueue implements AnalyticsService {
+    private isInitialized;
+    private queue;
+    private debugMode;
+    private realImplementation;
+    constructor();
+    private executeInitInsights;
+    private processQueue;
+    initInsights(_config: InsightsConfig): void;
+    enableDebugMode(): void;
+    disableDebugMode(): void;
+    identify(_identity: InsightsIdentity): void;
+    trackPageView(_options?: TrackPageViewOptions): void;
+    track(_event: string, _properties?: Record<string, unknown>): void;
+    startSessionRecording(): void;
+    stopSessionRecording(): void;
+    setupObserver(): () => void;
+}
+//# sourceMappingURL=command-queue.d.ts.map
+}
+
+declare module '@ably/ui/core/insights/datalayer' {
+global {
+    interface Window {
+        dataLayer: unknown[];
+    }
+}
+export const track: (event: string, properties?: Record<string, unknown>) => void;
+export const trackPageView: (properties?: Record<string, unknown>) => void;
+//# sourceMappingURL=datalayer.d.ts.map
+}
+
+declare module '@ably/ui/core/insights' {
+import { InsightsConfig, InsightsIdentity, TrackPageViewOptions } from "@ably/ui/core/types";
+export type { InsightsConfig };
+export const initInsights: (config: InsightsConfig) => void;
+export const enableDebugMode: () => void;
+export const disableDebugMode: () => void;
+export const identify: (identity: InsightsIdentity) => void;
+export const trackPageView: (options?: TrackPageViewOptions) => void;
+export const track: (event: string, properties?: Record<string, unknown>) => void;
+export const startSessionRecording: () => void;
+export const stopSessionRecording: () => void;
+export const setupObserver: () => () => void;
+//# sourceMappingURL=index.d.ts.map
+}
+
+declare module '@ably/ui/core/insights/index.test' {
+/**
+ * @vitest-environment jsdom
+ */
+export {};
+//# sourceMappingURL=index.test.d.ts.map
+}
+
+declare module '@ably/ui/core/insights/logger' {
+export const debug: (...args: unknown[]) => void;
+export const info: (...args: unknown[]) => void;
+export const warn: (...args: unknown[]) => void;
+export const error: (...args: unknown[]) => void;
+//# sourceMappingURL=logger.d.ts.map
+}
+
+declare module '@ably/ui/core/insights/mixpanel' {
+import { InsightsIdentity, TrackPageViewOptions } from "@ably/ui/core/types";
+export const initMixpanel: (token: string, autoCapture?: boolean, debug?: boolean, recordSessionsPercent?: number) => void;
+export const enableDebugMode: () => void;
+export const disableDebugMode: () => void;
+export const identify: ({ userId, accountId, organisationId, email, name, ...properties }: InsightsIdentity) => void;
+export const trackPageView: (properties?: TrackPageViewOptions) => void;
+export const track: (event: string, properties?: Record<string, unknown>) => void;
+export const startSessionRecording: () => void;
+export const stopSessionRecording: () => void;
+//# sourceMappingURL=mixpanel.d.ts.map
+}
+
+declare module '@ably/ui/core/insights/mixpanel.test' {
+/**
+ * @vitest-environment jsdom
+ */
+export {};
+//# sourceMappingURL=mixpanel.test.d.ts.map
+}
+
+declare module '@ably/ui/core/insights/posthog' {
+import { InsightsIdentity } from "@ably/ui/core/types";
+export const initPosthog: (apiKey: string, apiHost: string) => void;
+export const enableDebugMode: () => void;
+export const disableDebugMode: () => void;
+export const identify: ({ userId, accountId, organisationId, email, name, ...properties }: InsightsIdentity) => void;
+export const trackPageView: (properties?: Record<string, unknown>) => void;
+export const track: (event: string, properties?: Record<string, unknown>) => void;
+export const startSessionRecording: () => void;
+export const stopSessionRecording: () => void;
+//# sourceMappingURL=posthog.d.ts.map
+}
+
+declare module '@ably/ui/core/insights/posthog.test' {
+/**
+ * @vitest-environment jsdom
+ */
+export {};
+//# sourceMappingURL=posthog.test.d.ts.map
+}
+
+declare module '@ably/ui/core/insights/service' {
+import type { AnalyticsService, InsightsConfig, InsightsIdentity, TrackPageViewOptions } from "@ably/ui/core/types";
+export class InsightsService implements AnalyticsService {
+    private debugMode;
+    initInsights({ mixpanelToken, mixpanelAutoCapture, mixpanelRecordSessionsPercent, posthogApiKey, posthogApiHost, debug, }: InsightsConfig): void;
+    enableDebugMode(): void;
+    disableDebugMode(): void;
+    identify(identity: InsightsIdentity): void;
+    trackPageView(options?: TrackPageViewOptions): void;
+    track(event: string, properties?: Record<string, unknown>): void;
+    startSessionRecording(): void;
+    stopSessionRecording(): void;
+    setupObserver(): () => void;
+}
+//# sourceMappingURL=service.d.ts.map
+}
+
+declare module '@ably/ui/core/insights/types' {
+export type InsightsConfig = {
+    debug: boolean;
+    mixpanelToken: string;
+    mixpanelAutoCapture: boolean;
+    mixpanelRecordSessionsPercent: number;
+    posthogApiKey: string;
+    posthogApiHost: string;
+};
+export interface AnalyticsService {
+    initInsights: (config: InsightsConfig) => void;
+    enableDebugMode: () => void;
+    disableDebugMode: () => void;
+    identify: (identity: InsightsIdentity) => void;
+    trackPageView: (options?: TrackPageViewOptions) => void;
+    track: (event: string, properties?: Record<string, unknown>) => void;
+    startSessionRecording: () => void;
+    stopSessionRecording: () => void;
+    setupObserver: () => () => void;
+}
+export type Command = {
+    methodName: keyof AnalyticsService;
+    args: unknown[];
+};
+export type InsightsIdentity = {
+    userId: string;
+    accountId: string;
+    organisationId?: string;
+    email?: string;
+    name?: string;
+} & Record<string, unknown>;
+export type TrackPageViewOptions = {
+    includeDataLayer?: boolean;
+    excludeIds?: string[];
+} & Record<string, unknown>;
+//# sourceMappingURL=types.d.ts.map
+}
+
+declare module '@ably/ui/core/load-sprites' {
+function _default(spritesUrls: any): void;
+export default _default;
+//# sourceMappingURL=load-sprites.d.ts.map
+}
+
+declare module '@ably/ui/core/react-renderer' {
+import React from "react";
+const renderComponent: (Component: React.FC, props: React.ComponentProps<React.FC>, node: HTMLElement) => void;
+export { renderComponent };
+export default function reactRenderer(components: Record<string, React.FC>): void;
+//# sourceMappingURL=react-renderer.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;
@@ -5418,6 +6450,34 @@ 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/scripts' {
+export { default as loadSprites } from "@ably/ui/core/load-sprites";
+export * from "@ably/ui/core/remote-data-store";
+export * from "@ably/ui/core/remote-blogs-posts";
+export * from "@ably/ui/core/remote-session-data";
+export * from "@ably/ui/core/dom-query";
+export { default as reactRenderer, renderComponent } from "@ably/ui/core/react-renderer";
+//# sourceMappingURL=scripts.d.ts.map
+}
+
 declare module '@ably/ui/core/styles/colors/types' {
 export type ColorName = (typeof neutralColors)[number] | (typeof orangeColors)[number] | (typeof secondaryColors)[number] | (typeof guiColors)[number] | (typeof aliasedColors)[number];
 export const variants: readonly ["", "dark:"];
@@ -5436,14 +6496,14 @@ export const greenColors: readonly ["green-100", "green-200", "green-300", "gree
 export const blueColors: readonly ["blue-100", "blue-200", "blue-300", "blue-400", "blue-500", "blue-600", "blue-700", "blue-800", "blue-900"];
 export const violetColors: readonly ["violet-100", "violet-200", "violet-300", "violet-400", "violet-500", "violet-600", "violet-700", "violet-800", "violet-900"];
 export const pinkColors: readonly ["pink-100", "pink-200", "pink-300", "pink-400", "pink-500", "pink-600", "pink-700", "pink-800", "pink-900"];
-const secondaryColors: readonly ["yellow-100", "yellow-200", "yellow-300", "yellow-400", "yellow-500", "yellow-600", "yellow-700", "yellow-800", "yellow-900", "green-100", "green-200", "green-300", "green-400", "green-500", "green-600", "green-700", "green-800", "green-900", "blue-100", "blue-200", "blue-300", "blue-400", "blue-500", "blue-600", "blue-700", "blue-800", "blue-900", "violet-100", "violet-200", "violet-300", "violet-400", "violet-500", "violet-600", "violet-700", "violet-800", "violet-900", "pink-100", "pink-200", "pink-300", "pink-400", "pink-500", "pink-600", "pink-700", "pink-800", "pink-900"];
-const guiColors: readonly ["gui-blue-default-light", "gui-blue-hover-light", "gui-blue-active-light", "gui-blue-default-dark", "gui-blue-hover-dark", "gui-blue-active-dark", "gui-blue-focus", "gui-unavailable", "gui-success-green", "gui-error-red", "gui-focus", "gui-focus-outline", "gui-visited"];
+export const secondaryColors: readonly ["yellow-100", "yellow-200", "yellow-300", "yellow-400", "yellow-500", "yellow-600", "yellow-700", "yellow-800", "yellow-900", "green-100", "green-200", "green-300", "green-400", "green-500", "green-600", "green-700", "green-800", "green-900", "blue-100", "blue-200", "blue-300", "blue-400", "blue-500", "blue-600", "blue-700", "blue-800", "blue-900", "violet-100", "violet-200", "violet-300", "violet-400", "violet-500", "violet-600", "violet-700", "violet-800", "violet-900", "pink-100", "pink-200", "pink-300", "pink-400", "pink-500", "pink-600", "pink-700", "pink-800", "pink-900"];
+export const guiColors: readonly ["gui-blue-default-light", "gui-blue-hover-light", "gui-blue-active-light", "gui-blue-default-dark", "gui-blue-hover-dark", "gui-blue-active-dark", "gui-blue-focus", "gui-disabled-light", "gui-disabled-dark", "gui-success-green", "gui-error-red", "gui-focus", "gui-focus-outline", "gui-visited"];
 export const aliasedColors: readonly ["white", "extra-light-grey", "light-grey", "mid-grey", "dark-grey", "charcoal-grey", "cool-black", "active-orange", "bright-red", "red-orange", "electric-cyan", "zingy-green", "jazzy-pink", "gui-default", "gui-hover", "gui-active", "gui-error", "gui-success", "gui-default-dark", "gui-hover-dark", "gui-active-dark", "transparent"];
 export const colorRoles: {
     neutral: readonly ["neutral-000", "neutral-100", "neutral-200", "neutral-300", "neutral-400", "neutral-500", "neutral-600", "neutral-700", "neutral-800", "neutral-900", "neutral-1000", "neutral-1100", "neutral-1200", "neutral-1300"];
     orange: readonly ["orange-100", "orange-200", "orange-300", "orange-400", "orange-500", "orange-600", "orange-700", "orange-800", "orange-900", "orange-1000", "orange-1100"];
     secondary: readonly ["yellow-100", "yellow-200", "yellow-300", "yellow-400", "yellow-500", "yellow-600", "yellow-700", "yellow-800", "yellow-900", "green-100", "green-200", "green-300", "green-400", "green-500", "green-600", "green-700", "green-800", "green-900", "blue-100", "blue-200", "blue-300", "blue-400", "blue-500", "blue-600", "blue-700", "blue-800", "blue-900", "violet-100", "violet-200", "violet-300", "violet-400", "violet-500", "violet-600", "violet-700", "violet-800", "violet-900", "pink-100", "pink-200", "pink-300", "pink-400", "pink-500", "pink-600", "pink-700", "pink-800", "pink-900"];
-    gui: readonly ["gui-blue-default-light", "gui-blue-hover-light", "gui-blue-active-light", "gui-blue-default-dark", "gui-blue-hover-dark", "gui-blue-active-dark", "gui-blue-focus", "gui-unavailable", "gui-success-green", "gui-error-red", "gui-focus", "gui-focus-outline", "gui-visited"];
+    gui: readonly ["gui-blue-default-light", "gui-blue-hover-light", "gui-blue-active-light", "gui-blue-default-dark", "gui-blue-hover-dark", "gui-blue-active-dark", "gui-blue-focus", "gui-disabled-light", "gui-disabled-dark", "gui-success-green", "gui-error-red", "gui-focus", "gui-focus-outline", "gui-visited"];
 };
 export const colorGroupLengths: {
     neutral: 14;
@@ -5515,26 +6575,49 @@ const registry: {
 declare module '@ably/ui/core/utils/syntax-highlighter' {
 export function highlightSnippet(languageKeyword: any, snippet: any): string | undefined;
 export function languageToHighlightKey(lang: any): any;
+export namespace LINE_HIGHLIGHT_CLASSES {
+    let addition: string;
+    let removal: string;
+    let highlight: string;
+}
+/**
+ * Parse line highlight specifications from a meta string.
+ *
+ * Syntax: `highlight="+1-3,-5,7"`
+ *   - `+` prefix: addition (green)
+ *   - `-` prefix: removal (red)
+ *   - no prefix: neutral highlight (blue)
+ *   - `N-M`: inclusive line range
+ *   - comma-separated for multiple specs
+ *
+ * @param {string} languageString - the language, e.g. "javascript"
+ * @param {string} [meta] - string containing highlight specs, e.g. 'highlight="+1-3,-5,7"'
+ * @returns {{ lang: string, highlights: Record<number, 'addition' | 'removal' | 'highlight'> }}
+ */
+export function parseLineHighlights(languageString: string, meta?: string): {
+    lang: string;
+    highlights: Record<number, "addition" | "removal" | "highlight">;
+};
 export function registerDefaultLanguages(register: any): void;
+/**
+ * Split highlighted HTML by newlines, repairing any spans that cross
+ * line boundaries so each line fragment is valid HTML.
+ *
+ * @param {string} html - HTML string produced by highlight.js
+ * @returns {string[]} one HTML fragment per source line
+ */
+export function splitHtmlLines(html: string): string[];
 //# sourceMappingURL=syntax-highlighter.d.ts.map
 }
 
-declare module '@ably/ui/core/utils/useCopyToClipboard' {
-interface CopyToClipboardState {
-    isCopied: boolean;
-    error: Error | null;
-}
-interface CopyToClipboardReturn extends CopyToClipboardState {
-    copy: (text: string) => Promise<boolean>;
+declare module '@ably/ui/core/utils/syntax-highlighter.test' {
+export {};
+//# sourceMappingURL=syntax-highlighter.test.d.ts.map
 }
-/**
- * A hook that provides copy-to-clipboard functionality with state management
- * @param copiedTimeout - How long to show the copied state in ms before resetting
- * @returns Object with isCopied state, any error, and copy function
- */
-function useCopyToClipboard(copiedTimeout?: number): CopyToClipboardReturn;
-export default useCopyToClipboard;
-//# sourceMappingURL=useCopyToClipboard.d.ts.map
+
+declare module '@ably/ui/reset/scripts' {
+export {};
+//# sourceMappingURL=scripts.d.ts.map
 }
 
 declare module '@ably/ui/core/scripts';