botframework-webchat-component 4.18.0 → 4.18.1-hotfix.20260127.b53acdf

package/dist/botframework-webchat-component.d.mts

@@ -1,3 +1,7 @@
+import * as valibot from 'valibot';
+import { InferInput } from 'valibot';
+import * as react from 'react';
+import react__default, { ReactNode, MutableRefObject, ComponentType, ChangeEvent, FocusEvent, KeyboardEvent, SyntheticEvent, Context as Context$1 } from 'react';
 import * as botframework_webchat_api from 'botframework-webchat-api';
 import { ActivityMiddleware, ActivityStatusMiddleware, AttachmentForScreenReaderMiddleware, AttachmentMiddleware, AvatarMiddleware, CardActionMiddleware, GroupActivitiesMiddleware, ScrollToEndButtonMiddleware, SendBoxMiddleware, SendBoxToolbarMiddleware, StyleOptions, ToastMiddleware, TypingIndicatorMiddleware, ComposerProps as ComposerProps$1, WebSpeechPonyfillFactory, StrictStyleOptions, WebSpeechPonyfill, hooks as hooks$1 } from 'botframework-webchat-api';
 export { concatMiddleware, localize } from 'botframework-webchat-api';
@@ -6,8 +10,7 @@ import PropTypes__default from 'prop-types';
 import * as botframework_webchat_core from 'botframework-webchat-core';
 import { WebChatActivity, SendBoxAttachment } from 'botframework-webchat-core';
 export { WebChatActivity } from 'botframework-webchat-core';
-import * as react from 'react';
-import react__default, { ReactNode, MutableRefObject, ComponentType, ChangeEvent, FocusEvent, KeyboardEvent, SyntheticEvent } from 'react';
+import { DecoratorMiddleware } from 'botframework-webchat-api/decorator';
 import { EmptyObject } from 'type-fest';
 
 type AttributeSetter = false | string | ((value?: string) => string);
@@ -32,12 +35,243 @@ type LinkOptions = {
     wrapZeroWidthSpace?: boolean;
 };
 
-declare const SENDING = "sending";
-declare const SEND_FAILED = "send failed";
-declare const SENT = "sent";
-type SendStatus = typeof SENDING | typeof SEND_FAILED | typeof SENT;
+declare const uploadButtonPropsSchema: valibot.SchemaWithPipe<readonly [valibot.ObjectSchema<{
+    readonly className: valibot.StringSchema<undefined>;
+}, undefined>, valibot.ReadonlyAction<{
+    className: string;
+}>]>;
+type UploadButtonProps = InferInput<typeof uploadButtonPropsSchema>;
+
+declare const dictationInterimsPropsSchema: valibot.SchemaWithPipe<readonly [valibot.ObjectSchema<{
+    readonly className: valibot.OptionalSchema<valibot.StringSchema<undefined>, undefined>;
+}, undefined>, valibot.ReadonlyAction<{
+    className?: string;
+}>]>;
+type DictationInterimsProps = InferInput<typeof dictationInterimsPropsSchema>;
+
+declare const timestampPropsSchema: valibot.SchemaWithPipe<readonly [valibot.ObjectSchema<{
+    readonly timestamp: valibot.UnionSchema<[valibot.DateSchema<undefined>, valibot.NumberSchema<undefined>, valibot.StringSchema<undefined>], undefined>;
+}, undefined>, valibot.ReadonlyAction<{
+    timestamp: string | number | Date;
+}>]>;
+type TimestampProps = InferInput<typeof timestampPropsSchema>;
+
+declare const speakPropsSchema: valibot.SchemaWithPipe<readonly [valibot.ObjectSchema<{
+    readonly activity: valibot.SchemaWithPipe<readonly [valibot.ObjectSchema<{
+        readonly attachments: valibot.OptionalSchema<valibot.SchemaWithPipe<readonly [valibot.ArraySchema<valibot.SchemaWithPipe<readonly [valibot.ObjectSchema<{
+            readonly content: valibot.OptionalSchema<valibot.AnySchema, undefined>;
+            readonly contentType: valibot.StringSchema<undefined>;
+            readonly speak: valibot.OptionalSchema<valibot.StringSchema<undefined>, undefined>;
+            readonly subtitle: valibot.OptionalSchema<valibot.StringSchema<undefined>, undefined>;
+            readonly text: valibot.OptionalSchema<valibot.StringSchema<undefined>, undefined>;
+            readonly title: valibot.OptionalSchema<valibot.StringSchema<undefined>, undefined>;
+        }, undefined>, valibot.ReadonlyAction<{
+            content?: any;
+            contentType: string;
+            speak?: string;
+            subtitle?: string;
+            text?: string;
+            title?: string;
+        }>]>, undefined>, valibot.ReadonlyAction<Readonly<{
+            content?: any;
+            contentType: string;
+            speak?: string;
+            subtitle?: string;
+            text?: string;
+            title?: string;
+        }>[]>]>, undefined>;
+        readonly channelData: valibot.OptionalSchema<valibot.SchemaWithPipe<readonly [valibot.ObjectSchema<{
+            readonly speechSynthesisUtterance: valibot.OptionalSchema<valibot.AnySchema, undefined>;
+        }, undefined>, valibot.ReadonlyAction<{
+            speechSynthesisUtterance?: any;
+        }>]>, undefined>;
+        readonly speak: valibot.OptionalSchema<valibot.StringSchema<undefined>, undefined>;
+        readonly text: valibot.OptionalSchema<valibot.StringSchema<undefined>, undefined>;
+        readonly type: valibot.StringSchema<undefined>;
+    }, undefined>, valibot.ReadonlyAction<{
+        attachments?: readonly Readonly<{
+            content?: any;
+            contentType: string;
+            speak?: string;
+            subtitle?: string;
+            text?: string;
+            title?: string;
+        }>[];
+        channelData?: Readonly<{
+            speechSynthesisUtterance?: any;
+        }>;
+        speak?: string;
+        text?: string;
+        type: string;
+    }>]>;
+}, undefined>, valibot.ReadonlyAction<{
+    readonly activity: Readonly<{
+        attachments?: readonly Readonly<{
+            content?: any;
+            contentType: string;
+            speak?: string;
+            subtitle?: string;
+            text?: string;
+            title?: string;
+        }>[];
+        channelData?: Readonly<{
+            speechSynthesisUtterance?: any;
+        }>;
+        speak?: string;
+        text?: string;
+        type: string;
+    }>;
+}>]>;
+type SpeakProps = InferInput<typeof speakPropsSchema>;
+
+declare const sendStatusPropsSchema: valibot.SchemaWithPipe<readonly [valibot.ObjectSchema<{
+    readonly activity: valibot.AnySchema;
+    readonly sendStatus: valibot.UnionSchema<[valibot.LiteralSchema<"sending", undefined>, valibot.LiteralSchema<"send failed", undefined>, valibot.LiteralSchema<"sent", undefined>], undefined>;
+}, undefined>, valibot.ReadonlyAction<{
+    activity: any;
+    sendStatus: "sending" | "send failed" | "sent";
+}>]>;
+type SendStatusProps = InferInput<typeof sendStatusPropsSchema>;
+
+declare const errorBoxPropsSchema: valibot.SchemaWithPipe<readonly [valibot.ObjectSchema<{
+    readonly error: valibot.InstanceSchema<ErrorConstructor, undefined>;
+    readonly type: valibot.OptionalSchema<valibot.StringSchema<undefined>, undefined>;
+}, undefined>, valibot.ReadonlyAction<{
+    error: Error;
+    type?: string;
+}>]>;
+type ErrorBoxProps = InferInput<typeof errorBoxPropsSchema>;
 
-type ContextType$1 = {
+declare const bubblePropsSchema: valibot.SchemaWithPipe<readonly [valibot.ObjectSchema<{
+    readonly 'aria-hidden': valibot.OptionalSchema<valibot.BooleanSchema<undefined>, undefined>;
+    readonly children: valibot.OptionalSchema<valibot.CustomSchema<react__default.ReactNode, undefined>, undefined>;
+    readonly className: valibot.OptionalSchema<valibot.StringSchema<undefined>, undefined>;
+    readonly fromUser: valibot.OptionalSchema<valibot.BooleanSchema<undefined>, undefined>;
+    readonly nub: valibot.OptionalSchema<valibot.UnionSchema<[valibot.BooleanSchema<undefined>, valibot.LiteralSchema<"hidden", undefined>], undefined>, undefined>;
+}, undefined>, valibot.ReadonlyAction<{
+    'aria-hidden'?: boolean;
+    children?: react__default.ReactNode;
+    className?: string;
+    fromUser?: boolean;
+    nub?: boolean | "hidden";
+}>]>;
+type BubbleProps = InferInput<typeof bubblePropsSchema>;
+
+declare const avatarPropsSchema: valibot.SchemaWithPipe<readonly [valibot.ObjectSchema<{
+    readonly 'aria-hidden': valibot.OptionalSchema<valibot.BooleanSchema<undefined>, undefined>;
+    readonly className: valibot.OptionalSchema<valibot.StringSchema<undefined>, undefined>;
+    readonly fromUser: valibot.OptionalSchema<valibot.BooleanSchema<undefined>, undefined>;
+}, undefined>, valibot.ReadonlyAction<{
+    'aria-hidden'?: boolean;
+    className?: string;
+    fromUser?: boolean;
+}>]>;
+type AvatarProps = InferInput<typeof avatarPropsSchema>;
+
+declare const youTubeContentPropsSchema: valibot.SchemaWithPipe<readonly [valibot.ObjectSchema<{
+    readonly alt: valibot.OptionalSchema<valibot.StringSchema<undefined>, undefined>;
+    readonly autoPlay: valibot.OptionalSchema<valibot.BooleanSchema<undefined>, undefined>;
+    readonly embedID: valibot.StringSchema<undefined>;
+    readonly loop: valibot.OptionalSchema<valibot.BooleanSchema<undefined>, undefined>;
+}, undefined>, valibot.ReadonlyAction<{
+    alt?: string;
+    autoPlay?: boolean;
+    embedID: string;
+    loop?: boolean;
+}>]>;
+type YouTubeContentProps = InferInput<typeof youTubeContentPropsSchema>;
+
+declare const vimeoContentPropsSchema: valibot.SchemaWithPipe<readonly [valibot.ObjectSchema<{
+    readonly alt: valibot.OptionalSchema<valibot.StringSchema<undefined>, undefined>;
+    readonly autoPlay: valibot.OptionalSchema<valibot.BooleanSchema<undefined>, undefined>;
+    readonly embedID: valibot.StringSchema<undefined>;
+    readonly loop: valibot.OptionalSchema<valibot.BooleanSchema<undefined>, undefined>;
+}, undefined>, valibot.ReadonlyAction<{
+    alt?: string;
+    autoPlay?: boolean;
+    embedID: string;
+    loop?: boolean;
+}>]>;
+type VimeoContentProps = InferInput<typeof vimeoContentPropsSchema>;
+
+declare const videoContentPropsSchema: valibot.SchemaWithPipe<readonly [valibot.ObjectSchema<{
+    readonly alt: valibot.OptionalSchema<valibot.StringSchema<undefined>, undefined>;
+    readonly autoPlay: valibot.OptionalSchema<valibot.BooleanSchema<undefined>, undefined>;
+    readonly loop: valibot.OptionalSchema<valibot.BooleanSchema<undefined>, undefined>;
+    readonly poster: valibot.OptionalSchema<valibot.StringSchema<undefined>, undefined>;
+    readonly src: valibot.StringSchema<undefined>;
+}, undefined>, valibot.ReadonlyAction<{
+    alt?: string;
+    autoPlay?: boolean;
+    loop?: boolean;
+    poster?: string;
+    src: string;
+}>]>;
+type VideoContentProps = InferInput<typeof videoContentPropsSchema>;
+
+declare const textContentPropsSchema: valibot.SchemaWithPipe<readonly [valibot.ObjectSchema<{
+    readonly activity: valibot.AnySchema;
+    readonly contentType: valibot.OptionalSchema<valibot.StringSchema<undefined>, undefined>;
+    readonly text: valibot.StringSchema<undefined>;
+}, undefined>, valibot.ReadonlyAction<{
+    activity: any;
+    contentType?: string;
+    text: string;
+}>]>;
+type TextContentProps = InferInput<typeof textContentPropsSchema>;
+
+declare const htmlVideoContentPropsSchema: valibot.SchemaWithPipe<readonly [valibot.ObjectSchema<{
+    readonly alt: valibot.OptionalSchema<valibot.StringSchema<undefined>, undefined>;
+    readonly autoPlay: valibot.OptionalSchema<valibot.BooleanSchema<undefined>, undefined>;
+    readonly loop: valibot.OptionalSchema<valibot.BooleanSchema<undefined>, undefined>;
+    readonly poster: valibot.OptionalSchema<valibot.StringSchema<undefined>, undefined>;
+    readonly src: valibot.StringSchema<undefined>;
+}, undefined>, valibot.ReadonlyAction<{
+    alt?: string;
+    autoPlay?: boolean;
+    loop?: boolean;
+    poster?: string;
+    src: string;
+}>]>;
+type HTMLVideoContentProps = InferInput<typeof htmlVideoContentPropsSchema>;
+
+type FileContentProps = InferInput<typeof fileContentPropsSchema>;
+declare const fileContentPropsSchema: valibot.SchemaWithPipe<readonly [valibot.ObjectSchema<{
+    readonly className: valibot.OptionalSchema<valibot.StringSchema<undefined>, undefined>;
+    readonly fileName: valibot.StringSchema<undefined>;
+    readonly href: valibot.OptionalSchema<valibot.StringSchema<undefined>, undefined>;
+    readonly size: valibot.OptionalSchema<valibot.NumberSchema<undefined>, undefined>;
+}, undefined>, valibot.ReadonlyAction<{
+    className?: string;
+    fileName: string;
+    href?: string;
+    size?: number;
+}>]>;
+
+declare const audioContentPropsSchema: valibot.SchemaWithPipe<readonly [valibot.ObjectSchema<{
+    readonly alt: valibot.OptionalSchema<valibot.StringSchema<undefined>, undefined>;
+    readonly autoPlay: valibot.OptionalSchema<valibot.BooleanSchema<undefined>, undefined>;
+    readonly loop: valibot.OptionalSchema<valibot.BooleanSchema<undefined>, undefined>;
+    readonly poster: valibot.OptionalSchema<valibot.StringSchema<undefined>, undefined>;
+    readonly src: valibot.StringSchema<undefined>;
+}, undefined>, valibot.ReadonlyAction<{
+    alt?: string;
+    autoPlay?: boolean;
+    loop?: boolean;
+    poster?: string;
+    src: string;
+}>]>;
+type AudioContentProps = InferInput<typeof audioContentPropsSchema>;
+
+declare function useSendBoxSpeechInterimsVisible(): [boolean];
+declare const basicSendBoxPropsSchema: valibot.SchemaWithPipe<readonly [valibot.ObjectSchema<{
+    readonly className: valibot.OptionalSchema<valibot.StringSchema<undefined>, undefined>;
+}, undefined>, valibot.ReadonlyAction<{
+    className?: string;
+}>]>;
+type BasicSendBoxProps = InferInput<typeof basicSendBoxPropsSchema>;
+
+type ThemeContextType = {
     activityMiddleware: readonly ActivityMiddleware[];
     activityStatusMiddleware: readonly ActivityStatusMiddleware[];
     attachmentForScreenReaderMiddleware: readonly AttachmentForScreenReaderMiddleware[];
@@ -49,13 +283,28 @@ type ContextType$1 = {
     sendBoxMiddleware: readonly SendBoxMiddleware[];
     sendBoxToolbarMiddleware: readonly SendBoxToolbarMiddleware[];
     styleOptions: StyleOptions;
+    styles: readonly (HTMLStyleElement | HTMLLinkElement)[];
     toastMiddleware: readonly ToastMiddleware[];
     typingIndicatorMiddleware: readonly TypingIndicatorMiddleware[];
 };
 
+type HTMLContentTransformRequest = Readonly<{
+    allowedTags: ReadonlyMap<string, Readonly<{
+        attributes: ReadonlySet<string>;
+    }>>;
+    codeBlockTagName: string;
+    documentFragment: DocumentFragment;
+    externalLinkAlt: string;
+}>;
+type HTMLContentTransformFunction = (request: HTMLContentTransformRequest) => DocumentFragment;
+type HTMLContentTransformEnhancer = (next: HTMLContentTransformFunction) => HTMLContentTransformFunction;
+type HTMLContentTransformMiddleware = () => HTMLContentTransformEnhancer;
+
 type ComposerCoreProps = Readonly<{
     children?: ReactNode;
+    decoratorMiddleware?: readonly DecoratorMiddleware[] | undefined;
     extraStyleSet?: any;
+    htmlContentTransformMiddleware?: readonly HTMLContentTransformMiddleware[] | undefined;
     nonce?: string;
     renderMarkdown?: (markdown: string, newLineOptions: {
         markdownRespectCRLF: boolean;
@@ -63,6 +312,7 @@ type ComposerCoreProps = Readonly<{
         externalLinkAlt: string;
     }) => string;
     styleSet?: any;
+    styles?: readonly HTMLStyleElement[];
     suggestedActionsAccessKey?: boolean | string;
     webSpeechPonyfillFactory?: WebSpeechPonyfillFactory;
 }>;
@@ -105,10 +355,22 @@ declare const ReactWebChat: {
     };
 };
 
-type BasicWebChatProps = {
+declare const basicWebChatPropsSchema: valibot.SchemaWithPipe<readonly [valibot.ObjectSchema<{
+    readonly className: valibot.OptionalSchema<valibot.StringSchema<undefined>, undefined>;
+    readonly role: valibot.SchemaWithFallback<valibot.OptionalSchema<valibot.UnionSchema<[valibot.LiteralSchema<"complementary", undefined>, valibot.LiteralSchema<"contentinfo", undefined>, valibot.LiteralSchema<"form", undefined>, valibot.LiteralSchema<"main", undefined>, valibot.LiteralSchema<"region", undefined>], undefined>, undefined>, "complementary">;
+}, undefined>, valibot.ReadonlyAction<{
     className?: string;
-    role?: 'complementary' | 'contentinfo' | 'form' | 'main' | 'region';
-};
+    role?: "complementary" | "contentinfo" | "form" | "main" | "region";
+}>]>;
+type BasicWebChatProps = InferInput<typeof basicWebChatPropsSchema>;
+
+declare const sendButtonPropsSchema: valibot.SchemaWithPipe<readonly [valibot.ObjectSchema<{
+    readonly className: valibot.OptionalSchema<valibot.StringSchema<undefined>, undefined>;
+}, undefined>, valibot.ReadonlyAction<{
+    className?: string;
+}>]>;
+type SendButtonProps = InferInput<typeof sendButtonPropsSchema>;
+declare function SendButton(props: SendButtonProps): react__default.JSX.Element;
 
 declare function createCoreMiddleware$2(): AttachmentMiddleware[];
 
@@ -121,9 +383,80 @@ declare function createStyleSet(styleOptions: StyleOptions): Readonly<{
         margin: number;
         padding: number;
     };
+    readonly activityButton: {
+        '&.webchat__activity-button': {
+            alignItems: string;
+            appearance: string;
+            background: string;
+            borderRadius: string;
+            border: string;
+            color: string;
+            display: string;
+            gap: string;
+            justifyContent: string;
+            padding: string;
+            '&:hover': {
+                background: string;
+                border: string;
+                color: string;
+            };
+            '&:active': {
+                background: string;
+                border: string;
+                color: string;
+            };
+            '&:focus-visible': {
+                background: string;
+                outline: string;
+                outlineOffset: string;
+            };
+            '&[aria-disabled="true"]': {
+                background: string;
+                border: string;
+                color: string;
+                cursor: string;
+            };
+            '& .webchat__activity-button__icon': {
+                height: string;
+                width: string;
+            };
+        };
+    };
+    readonly activityCopyButton: {
+        '&.webchat__activity-copy-button': {
+            overflow: string[];
+            position: string;
+            '& .webchat__activity-copy-button__copied-text': {
+                alignItems: string;
+                backgroundColor: string;
+                display: string;
+                height: string;
+                justifyContent: string;
+                position: string;
+                visibility: string;
+                width: string;
+            };
+            '&.webchat__activity-copy-button--copied': {
+                '.webchat__activity-copy-button__copied-text': {
+                    animation: string;
+                };
+                '.webchat__activity-button__icon, .webchat__activity-button__text': {
+                    visibility: string;
+                };
+            };
+            '@keyframes webchat__activity-copy-button__copied-animation': {
+                '0%': {
+                    visibility: string;
+                };
+                '100%': {
+                    visibility: string;
+                };
+            };
+        };
+    };
     readonly audioAttachment: {
         display: string;
-        minHeight: number;
+        minHeight: "var(--webchat__size--avatar)";
     };
     readonly audioContent: {
         width: string;
@@ -166,8 +499,8 @@ declare function createStyleSet(styleOptions: StyleOptions): Readonly<{
     readonly avatar: {
         '&.webchat__defaultAvatar': {
             borderRadius: string | number;
-            height: number;
-            width: number;
+            height: "var(--webchat__size--avatar)";
+            width: "var(--webchat__size--avatar)";
         };
     };
     readonly basicTranscript: {
@@ -285,6 +618,103 @@ declare function createStyleSet(styleOptions: StyleOptions): Readonly<{
             };
         };
     };
+    readonly codeBlock: {
+        '&.webchat__code-block': {
+            background: string;
+            border: string;
+            borderRadius: string;
+            color: string;
+            display: string;
+            margin: string;
+            overflow: string;
+            padding: string;
+            ':has(> .webchat__code-block__theme--github-dark-default)': {
+                background: string;
+                color: string;
+            };
+            ':has(> .webchat__code-block__theme--github-light-default)': {
+                background: string;
+                color: string;
+            };
+            ':has(.webchat__code-block__body:focus-visible):focus-within': {
+                outline: string;
+                outlineOffset: string;
+            };
+            '.webchat__code-block__body': {
+                display: string;
+                lineHeight: string;
+                margin: string;
+                outline: string;
+                whiteSpace: string;
+            };
+        };
+    };
+    readonly codeBlockCopyButton: {
+        '&.webchat__code-block-copy-button': {
+            '--webchat__code-block-copy-button--icon-url': string;
+            alignItems: string;
+            appearance: string;
+            background: string;
+            borderRadius: string;
+            border: string;
+            color: string;
+            display: string;
+            float: string;
+            gap: string;
+            justifyContent: string;
+            marginInlineStart: "var(--webchat__padding--regular)";
+            padding: string;
+            '&:hover': {
+                background: string;
+                border: string;
+                color: string;
+            };
+            '&:active': {
+                background: string;
+                border: string;
+                color: string;
+            };
+            '&:focus-visible': {
+                background: string;
+                outline: string;
+                outlineOffset: string;
+            };
+            '&[aria-disabled="true"]': {
+                background: string;
+                border: string;
+                color: string;
+                cursor: string;
+            };
+            '&.webchat__code-block-copy-button--copied': {
+                '--webchat__code-block-copy-button--icon-url': string;
+            };
+            '& .webchat__code-block-copy-button__icon': {
+                backgroundColor: string;
+                height: string;
+                gridColumn: number;
+                gridRow: number;
+                maskImage: string;
+                maskRepeat: string;
+                WebkitMaskImage: string;
+                WebkitMaskRepeat: string;
+                width: string;
+            };
+            '& .webchat__code-block-copy-button__icon--copied': {
+                opacity: number;
+            };
+            '&.webchat__code-block-copy-button--copied .webchat__code-block-copy-button__icon': {
+                animation: string;
+            };
+            '@keyframes webchat__code-block-copy-button__copied-animation': {
+                '0%': {
+                    opacity: string;
+                };
+                '100%': {
+                    opacity: string;
+                };
+            };
+        };
+    };
     readonly connectivityNotification: {
         alignItems: string;
         color: string;
@@ -390,19 +820,22 @@ declare function createStyleSet(styleOptions: StyleOptions): Readonly<{
         };
     };
     readonly imageAvatar: {
-        height: number;
-        overflow: string;
-        width: number;
+        alignItems: string;
+        display: string;
+        height: "var(--webchat__size--avatar)";
+        justifyContent: string;
+        overflow: string[];
+        width: "var(--webchat__size--avatar)";
     };
     readonly initialsAvatar: {
         '&.webchat__initialsAvatar': {
             alignItems: string;
             color: string;
-            fontFamily: string;
-            height: number;
+            fontFamily: "var(--webchat__font--primary)";
+            height: "var(--webchat__size--avatar)";
             justifyContent: string;
             overflow: string;
-            width: number;
+            width: "var(--webchat__size--avatar)";
             '&.webchat__initialsAvatar--fromUser': {
                 backgroundColor: string;
             };
@@ -411,156 +844,6 @@ declare function createStyleSet(styleOptions: StyleOptions): Readonly<{
             };
         };
     };
-    readonly keyboardHelp: {
-        '&.webchat__keyboard-help': {
-            fontFamily: string;
-            fontSize: number;
-            height: string;
-            outline: number;
-            overflow: string;
-            '&:not(.webchat__keyboard-help--shown)': {
-                height: number;
-                margin: number;
-                overflow: string;
-                pointerEvents: string;
-                width: number;
-            };
-            '& .webchat__keyboard-help__border': {
-                boxSizing: string;
-                height: string;
-                padding: number;
-            };
-            '& .webchat__keyboard-help__box': {
-                borderRadius: number;
-                boxShadow: string;
-                height: string;
-                overflow: string;
-                "@media (forced-colors: active)": {
-                    backgroundColor: string;
-                    boxShadow: string;
-                    outlineColor: string;
-                    outlineStyle: string;
-                    outlineWidth: number;
-                };
-                "@media (forced-colors: none) and (prefers-color-scheme: dark)": {
-                    backgroundColor: string;
-                    boxShadow: string;
-                };
-            };
-            '& .webchat__keyboard-help__scrollable': {
-                boxSizing: string;
-                height: string;
-                overflowY: string;
-                padding: number;
-                position: string;
-            };
-            '& .webchat__keyboard-help__close-button': {
-                appearance: string;
-                backgroundColor: string;
-                border: number;
-                outline: number;
-                padding: number;
-                pointerEvents: string;
-                position: string;
-                right: number;
-                top: number;
-            };
-            '& .webchat__keyboard-help__close-button-border': {
-                alignItems: string;
-                borderRadius: number;
-                borderStyle: string;
-                borderWidth: number;
-                color: string;
-                display: string;
-                height: number;
-                justifyContent: string;
-                pointerEvents: string;
-                width: number;
-                "@media (forced-colors: none) and (prefers-color-scheme: light)": {
-                    borderColor: string;
-                    '&:active': {
-                        backgroundColor: string;
-                    };
-                    '&:not(:active):hover': {
-                        backgroundColor: string;
-                    };
-                };
-                "@media (forced-colors: none) and (prefers-color-scheme: dark)": {
-                    borderColor: string;
-                    '&:active': {
-                        backgroundColor: string;
-                    };
-                    '&:not(:active):hover': {
-                        backgroundColor: string;
-                    };
-                };
-                "@media (forced-colors: active)": {
-                    backgroundColor: string;
-                    borderColor: string;
-                };
-            };
-            '& .webchat__keyboard-help__close-button-image': {
-                fill: string;
-                height: number;
-                width: number;
-                "@media (forced-colors: active)": {
-                    fill: string;
-                };
-                "@media (forced-colors: none) and (prefers-color-scheme: dark)": {
-                    fill: string;
-                };
-            };
-            '& .webchat__keyboard-help__header, & .webchat__keyboard-help__sub-header': {
-                marginBottom: number;
-                marginTop: number;
-            };
-            '& .webchat__keyboard-help__section:not(:last-child)': {
-                marginBottom: number;
-            };
-            '& .webchat__keyboard-help__two-panes': {
-                alignItems: string;
-                display: string;
-            };
-            '& .webchat__keyboard-help__image': {
-                paddingRight: number;
-            };
-            '& .webchat__keyboard-help__image--dark, & .webchat__keyboard-help__image--high-contrast': {
-                display: string;
-            };
-            "@media (forced-colors: active)": {
-                '& .webchat__keyboard-help__image--dark, & .webchat__keyboard-help__image--light': {
-                    display: string;
-                };
-                '& .webchat__keyboard-help__image--high-contrast': {
-                    display: string;
-                    mixBlendMode: string;
-                };
-            };
-            "@media (forced-colors: none) and (prefers-color-scheme: dark)": {
-                color: string;
-                '& .webchat__keyboard-help__image--light': {
-                    display: string;
-                };
-                '& .webchat__keyboard-help__image--dark': {
-                    display: string;
-                };
-            };
-            '& .webchat__keyboard-help__notes': {
-                marginBottom: number;
-                marginTop: number;
-            };
-            '& .webchat__keyboard-help__notes-header': {
-                fontWeight: string;
-                margin: number;
-            };
-            '& .webchat__keyboard-help__notes-pane': {
-                flexShrink: number;
-            };
-            '& .webchat__keyboard-help__notes-text': {
-                margin: number;
-            };
-        };
-    };
     readonly microphoneButton: {
         '&.webchat__microphone-button': {
             '&.webchat__microphone-button--dictating .webchat__microphone-button__button': {
@@ -572,6 +855,13 @@ declare function createStyleSet(styleOptions: StyleOptions): Readonly<{
             };
         };
     };
+    readonly monochromeImageMasker: {
+        '&.webchat__monochrome-image-masker': {
+            backgroundColor: string;
+            mask: string;
+            WebkitMask: string;
+        };
+    };
     readonly options: {
         readonly accent: string;
         readonly backgroundColor: string;
@@ -579,13 +869,13 @@ declare function createStyleSet(styleOptions: StyleOptions): Readonly<{
         readonly paddingRegular: number;
         readonly paddingWide: number;
         readonly transitionDuration: string;
-        readonly fontSizeSmall: string | number;
+        readonly fontSizeSmall: number | string;
         readonly monospaceFont: string;
         readonly primaryFont: string;
-        readonly rootHeight: string | number;
-        readonly rootWidth: string | number;
+        readonly rootHeight: number | string;
+        readonly rootWidth: number | string;
         readonly rootZIndex: number;
-        readonly avatarBorderRadius: string | number;
+        readonly avatarBorderRadius: number | string;
         readonly avatarSize: number;
         readonly botAvatarBackgroundColor: string;
         readonly botAvatarImage: string;
@@ -607,19 +897,22 @@ declare function createStyleSet(styleOptions: StyleOptions): Readonly<{
         readonly bubbleFromUserNubOffset: number;
         readonly bubbleFromUserNubSize: number;
         readonly bubbleFromUserTextColor: string;
-        readonly bubbleImageHeight: number;
-        readonly bubbleMaxWidth: number;
+        readonly bubbleImageMaxHeight: number | undefined;
+        readonly bubbleImageMinHeight: number | undefined;
+        readonly bubbleAttachmentMaxWidth: number | undefined;
+        readonly bubbleAttachmentMinWidth: number | undefined;
+        readonly bubbleMessageMaxWidth: number | undefined;
+        readonly bubbleMessageMinWidth: number | undefined;
         readonly bubbleMinHeight: number;
-        readonly bubbleMinWidth: number;
         readonly bubbleNubOffset: number;
         readonly bubbleNubSize: number;
         readonly bubbleTextColor: string;
-        readonly messageActivityWordBreak: "break-word" | "normal" | "break-all" | "keep-all";
+        readonly messageActivityWordBreak: "normal" | "break-all" | "break-word" | "keep-all";
         readonly connectivityIconPadding: number;
         readonly connectivityMarginLeftRight: number;
         readonly connectivityMarginTopBottom: number;
-        readonly connectivityTextSize: string | number;
-        readonly failedConnectivity: string | number;
+        readonly connectivityTextSize: number | string;
+        readonly failedConnectivity: number | string;
         readonly slowConnectivity: string;
         readonly notificationText: string;
         readonly slowConnectionAfter: number;
@@ -628,13 +921,13 @@ declare function createStyleSet(styleOptions: StyleOptions): Readonly<{
         readonly markdownRespectCRLF: boolean;
         readonly markdownRenderHTML: boolean;
         readonly markdownExternalLinkIconImage: string;
-        readonly autoScrollSnapOnActivity: number | boolean;
+        readonly autoScrollSnapOnActivity: boolean | number;
         readonly autoScrollSnapOnActivityOffset: number;
-        readonly autoScrollSnapOnPage: number | boolean;
+        readonly autoScrollSnapOnPage: boolean | number;
         readonly autoScrollSnapOnPageOffset: number;
         readonly hideSendBox: boolean;
         readonly hideUploadButton: boolean;
-        readonly hideTelephoneKeypadButton: boolean;
+        readonly hideTelephoneKeypadButton: boolean | undefined;
         readonly microphoneButtonColorOnDictate: string;
         readonly sendBoxBackground: string;
         readonly uploadAccept: string;
@@ -653,27 +946,27 @@ declare function createStyleSet(styleOptions: StyleOptions): Readonly<{
         readonly sendBoxButtonColorOnHover: string;
         readonly sendBoxButtonShadeColorOnHover: string;
         readonly sendBoxButtonKeyboardFocusIndicatorBorderColor: string;
-        readonly sendBoxButtonKeyboardFocusIndicatorBorderRadius: string | number;
+        readonly sendBoxButtonKeyboardFocusIndicatorBorderRadius: number | string;
         readonly sendBoxButtonKeyboardFocusIndicatorBorderStyle: string;
         readonly sendBoxButtonKeyboardFocusIndicatorBorderWidth: number;
         readonly sendBoxButtonKeyboardFocusIndicatorInset: number;
         readonly sendBoxDisabledTextColor: string;
-        readonly sendBoxHeight: string | number;
-        readonly sendBoxMaxHeight: string | number;
+        readonly sendBoxHeight: number | string;
+        readonly sendBoxMaxHeight: number | string;
         readonly sendBoxTextColor: string;
-        readonly sendBoxBorderBottom: string | number;
-        readonly sendBoxBorderLeft: string | number;
-        readonly sendBoxBorderRight: string | number;
-        readonly sendBoxBorderTop: string | number;
+        readonly sendBoxBorderBottom: number | string;
+        readonly sendBoxBorderLeft: number | string;
+        readonly sendBoxBorderRight: number | string;
+        readonly sendBoxBorderTop: number | string;
         readonly sendBoxPlaceholderColor: string;
         readonly sendBoxTextWrap: boolean;
-        readonly sendBoxButtonAlignment: "bottom" | "top" | "stretch";
+        readonly sendBoxButtonAlignment: "bottom" | "stretch" | "top";
         readonly showSpokenText: boolean;
         readonly spinnerAnimationBackgroundImage: string;
-        readonly spinnerAnimationHeight: string | number;
-        readonly spinnerAnimationWidth: string | number;
-        readonly spinnerAnimationPadding: string | number;
-        readonly suggestedActionBorderRadius: string | number;
+        readonly spinnerAnimationHeight: number | string;
+        readonly spinnerAnimationWidth: number | string;
+        readonly spinnerAnimationPadding: number | string;
+        readonly suggestedActionBorderRadius: number | string;
         readonly suggestedActionBackground: string;
         readonly suggestedActionBackgroundColor: string;
         readonly suggestedActionBorderColor: string;
@@ -705,11 +998,11 @@ declare function createStyleSet(styleOptions: StyleOptions): Readonly<{
         readonly suggestedActionDisabledBorderStyle: string;
         readonly suggestedActionDisabledBorderWidth: number;
         readonly suggestedActionDisabledTextColor: string;
-        readonly suggestedActionHeight: string | number;
-        readonly suggestedActionImageHeight: string | number;
+        readonly suggestedActionHeight: number | string;
+        readonly suggestedActionImageHeight: number | string;
         readonly suggestedActionLayout: "carousel" | "flow" | "stacked";
         readonly suggestedActionKeyboardFocusIndicatorBorderColor: string;
-        readonly suggestedActionKeyboardFocusIndicatorBorderRadius: string | number;
+        readonly suggestedActionKeyboardFocusIndicatorBorderRadius: number | string;
         readonly suggestedActionKeyboardFocusIndicatorBorderStyle: string;
         readonly suggestedActionKeyboardFocusIndicatorBorderWidth: number;
         readonly suggestedActionKeyboardFocusIndicatorInset: number;
@@ -721,29 +1014,29 @@ declare function createStyleSet(styleOptions: StyleOptions): Readonly<{
         readonly suggestedActionsCarouselFlipperSize: number;
         readonly suggestedActionsFlowMaxHeight: undefined;
         readonly suggestedActionsStackedHeight: number | "auto";
-        readonly suggestedActionsStackedOverflow: "visible" | "hidden" | "auto" | "scroll";
-        readonly suggestedActionsStackedLayoutButtonMaxHeight: string | number;
+        readonly suggestedActionsStackedOverflow: "auto" | "hidden" | "scroll" | "visible";
+        readonly suggestedActionsStackedLayoutButtonMaxHeight: number | string;
         readonly suggestedActionsStackedLayoutButtonTextWrap: boolean;
         readonly suggestedActionsVisualKeyboardIndicatorColor: string;
         readonly suggestedActionsVisualKeyboardIndicatorStyle: string;
         readonly suggestedActionsVisualKeyboardIndicatorWidth: number;
-        readonly groupTimestamp: number | boolean;
+        readonly groupTimestamp: boolean | number;
         readonly sendTimeout: number | ((activity: botframework_webchat_core.WebChatActivity) => number);
         readonly sendTimeoutForAttachments: number;
         readonly timestampColor: string;
-        readonly timestampFormat: "relative" | "absolute";
+        readonly timestampFormat: "absolute" | "relative";
         readonly transcriptTerminatorBackgroundColor: string;
-        readonly transcriptTerminatorBorderRadius: string | number;
+        readonly transcriptTerminatorBorderRadius: number | string;
         readonly transcriptTerminatorColor: string;
-        readonly transcriptTerminatorFontSize: string | number;
+        readonly transcriptTerminatorFontSize: number | string;
         readonly transcriptActivityVisualKeyboardIndicatorColor: string;
         readonly transcriptActivityVisualKeyboardIndicatorStyle: string;
-        readonly transcriptActivityVisualKeyboardIndicatorWidth: string | number;
+        readonly transcriptActivityVisualKeyboardIndicatorWidth: number | string;
         readonly transcriptVisualKeyboardIndicatorColor: string;
         readonly transcriptVisualKeyboardIndicatorStyle: string;
-        readonly transcriptVisualKeyboardIndicatorWidth: string | number;
+        readonly transcriptVisualKeyboardIndicatorWidth: number | string;
         readonly scrollToEndButtonBehavior: false | "any" | "unread";
-        readonly scrollToEndButtonFontSize: string | number;
+        readonly scrollToEndButtonFontSize: number | string;
         readonly transcriptOverlayButtonBackground: string;
         readonly transcriptOverlayButtonBackgroundOnDisabled: string;
         readonly transcriptOverlayButtonBackgroundOnFocus: string;
@@ -754,13 +1047,13 @@ declare function createStyleSet(styleOptions: StyleOptions): Readonly<{
         readonly transcriptOverlayButtonColorOnHover: string;
         readonly notificationDebounceTimeout: number;
         readonly hideToaster: boolean;
-        readonly toasterHeight: string | number;
-        readonly toasterMaxHeight: string | number;
-        readonly toasterSingularMaxHeight: string | number;
-        readonly toastFontSize: string | number;
-        readonly toastIconWidth: string | number;
+        readonly toasterHeight: number | string;
+        readonly toasterMaxHeight: number | string;
+        readonly toasterSingularMaxHeight: number | string;
+        readonly toastFontSize: number | string;
+        readonly toastIconWidth: number | string;
         readonly toastSeparatorColor: string;
-        readonly toastTextPadding: string | number;
+        readonly toastTextPadding: number | string;
         readonly toastErrorBackgroundColor: string;
         readonly toastErrorColor: string;
         readonly toastInfoBackgroundColor: string;
@@ -771,15 +1064,23 @@ declare function createStyleSet(styleOptions: StyleOptions): Readonly<{
         readonly toastWarnColor: string;
         readonly typingAnimationBackgroundImage: string;
         readonly typingAnimationDuration: number;
-        readonly typingAnimationHeight: string | number;
-        readonly typingAnimationWidth: string | number;
+        readonly typingAnimationHeight: number | string;
+        readonly typingAnimationWidth: number | string;
         readonly enableUploadThumbnail: boolean;
         readonly uploadThumbnailContentType: string;
         readonly uploadThumbnailHeight: number;
         readonly uploadThumbnailQuality: number;
         readonly uploadThumbnailWidth: number;
-        readonly videoHeight: string | number;
+        readonly videoHeight: number | string;
         readonly maxMessageLength: number;
+        readonly stylesRoot: Node;
+        readonly borderAnimationColor1: string;
+        readonly borderAnimationColor2: string;
+        readonly borderAnimationColor3: string;
+        readonly codeBlockTheme: "github-light-default" | "github-dark-default";
+        readonly feedbackActionsPlacement: "activity-actions" | "activity-status";
+        readonly speechRecognitionContinuous: boolean | undefined;
+        readonly groupActivitiesBy: readonly string[] | undefined;
     };
     readonly root: {
         backgroundColor: string;
@@ -797,14 +1098,11 @@ declare function createStyleSet(styleOptions: StyleOptions): Readonly<{
             backgroundColor: string;
             borderRadius: number;
             borderWidth: number;
-            bottom: number;
             color: string;
             fontFamily: string;
             fontSize: string | number;
             outline: number;
             padding: number;
-            position: string;
-            zIndex: number;
             '&:hover': {
                 backgroundColor: string;
                 color: string;
@@ -813,12 +1111,6 @@ declare function createStyleSet(styleOptions: StyleOptions): Readonly<{
                 backgroundColor: string;
                 color: string;
             };
-            '&:not(.webchat__scroll-to-end-button--rtl)': {
-                right: number;
-            };
-            '&.webchat__scroll-to-end-button--rtl': {
-                left: number;
-            };
         };
     };
     readonly sendBox: {
@@ -959,15 +1251,6 @@ declare function createStyleSet(styleOptions: StyleOptions): Readonly<{
             };
         };
     };
-    readonly singleAttachmentActivity: {
-        '& > .bubble-box': {
-            maxWidth: number;
-            minWidth: number;
-        };
-        '& > .filler': {
-            minWidth: number;
-        };
-    };
     readonly spinnerAnimation: {
         backgroundImage: string;
         backgroundRepeat: string;
@@ -999,8 +1282,8 @@ declare function createStyleSet(styleOptions: StyleOptions): Readonly<{
                 width: number;
             };
             '& .webchat__stacked-layout__attachment': {
-                maxWidth: number;
-                minWidth: number;
+                maxWidth: "var(--webchat__max-width--attachment-bubble)";
+                minWidth: "var(--webchat__min-width--attachment-bubble)";
                 transitionDuration: string;
                 transitionProperty: string;
             };
@@ -1012,7 +1295,8 @@ declare function createStyleSet(styleOptions: StyleOptions): Readonly<{
                 marginTop: number;
             };
             '& .webchat__stacked-layout__message': {
-                maxWidth: number;
+                maxWidth: "var(--webchat__max-width--message-bubble)";
+                minWidth: "var(--webchat__min-width--message-bubble)";
                 overflow: string;
                 transitionDuration: string;
                 transitionProperty: string;
@@ -1024,12 +1308,17 @@ declare function createStyleSet(styleOptions: StyleOptions): Readonly<{
             };
             '&.webchat__stacked-layout--hide-avatar, &.webchat__stacked-layout--show-avatar': {
                 '& .webchat__stacked-layout__avatar-gutter': {
-                    width: number;
+                    width: "var(--webchat__size--avatar)";
                 };
             };
             '&.webchat__stacked-layout--hide-avatar, &.webchat__stacked-layout--show-avatar, &.webchat__stacked-layout--hide-nub, &.webchat__stacked-layout--show-nub': {
-                '& .webchat__stacked-layout__attachment, & .webchat__stacked-layout__message': {
+                '& .webchat__stacked-layout__attachment': {
+                    maxWidth: number;
+                    minWidth: number;
+                };
+                '& .webchat__stacked-layout__message': {
                     maxWidth: number;
+                    minWidth: number;
                 };
                 '& .webchat__stacked-layout__nub-pad': {
                     width: number;
@@ -1228,7 +1517,7 @@ declare function createStyleSet(styleOptions: StyleOptions): Readonly<{
             '&.webchat__suggested-actions--stacked-layout': {
                 '& .webchat__suggested-actions__stack': {
                     maxHeight: number | "auto";
-                    overflowY: "visible" | "hidden" | "auto" | "scroll";
+                    overflowY: "hidden" | "visible" | "auto" | "scroll";
                     paddingBottom: number;
                     paddingLeft: number;
                     paddingRight: number;
@@ -1470,70 +1759,227 @@ declare function createStyleSet(styleOptions: StyleOptions): Readonly<{
             fill: string;
         };
     };
-    readonly videoAttachment: {};
-    readonly videoContent: {
-        height: string | number;
-        width: string;
-    };
-    readonly vimeoContent: {
-        border: number;
-        height: string | number;
-        width: string;
-    };
-    readonly warningNotification: {
-        alignItems: string;
-        color: string;
-        display: string;
-        fontFamily: string;
-        fontSize: string | number;
-        marginBottom: number;
-        marginLeft: number;
-        marginRight: number;
-        marginTop: number;
-        '& > svg': {
-            fill: string;
-            '&:not(webchat__warning--rtl)': {
-                paddingRight: number;
+    readonly videoAttachment: {};
+    readonly videoContent: {
+        height: string | number;
+        width: string;
+    };
+    readonly vimeoContent: {
+        border: number;
+        height: string | number;
+        width: string;
+    };
+    readonly warningNotification: {
+        alignItems: string;
+        color: string;
+        display: string;
+        fontFamily: string;
+        fontSize: string | number;
+        marginBottom: number;
+        marginLeft: number;
+        marginRight: number;
+        marginTop: number;
+        '& > svg': {
+            fill: string;
+            '&:not(webchat__warning--rtl)': {
+                paddingRight: number;
+            };
+            '&.webchat__warning--rtl': {
+                paddingLeft: number;
+            };
+        };
+    };
+    readonly youTubeContent: {
+        border: number;
+        height: string | number;
+        width: string;
+    };
+    readonly chatHistoryBox: {
+        '&.webchat__chat-history-box': {
+            display: string;
+            flex: string;
+            overflow: string[];
+            position: string;
+        };
+        '.webchat__chat-history-box__toolbar': {
+            bottom: string;
+            isolation: string;
+            position: string;
+            right: string;
+            zIndex: number;
+            '&.webchat__chat-history-box__toolbar--rtl': {
+                left: string;
+            };
+        };
+    };
+    readonly citationModalDialog: {
+        '&.webchat__citation-modal-dialog': {
+            '& .webchat__citation-modal-dialog__body': {
+                lineHeight: string;
+            };
+        };
+    };
+    readonly feedbackForm: {
+        '&.webchat__feedback-form__root-container': {
+            display: string;
+            flexDirection: string;
+            gap: string;
+            width: string;
+        };
+        '.webchat__feedback-form__root-child': {
+            display: string;
+        };
+        '.webchat__feedback-form': {
+            display: string;
+            flexDirection: string;
+            gap: string;
+            position: string;
+        };
+        '.webchat__feedback-form__body': {
+            fontFamily: "var(--webchat__font--primary)";
+            fontStyle: string;
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: string;
+            color: string;
+        };
+        '.webchat__feedback-form__caption': {
+            fontFamily: "var(--webchat__font--primary)";
+            fontStyle: string;
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: string;
+            color: "var(--webchat__color--subtle)";
+        };
+        '.webchat__feedback-form__container': {
+            display: string;
+            gap: string;
+            marginTop: string;
+        };
+        '.webchat__feedback-form__submit-button': {
+            backgroundColor: "var(--webchat__color--accent)";
+            border: string;
+            borderRadius: string;
+            color: string;
+            cursor: string;
+            fontSize: string;
+            fontFamily: "var(--webchat__font--primary)";
+            height: string;
+            padding: string;
+        };
+        '.webchat__feedback-form__submit-button:hover': {
+            backgroundColor: string;
+            border: string;
+            color: string;
+        };
+        '.webchat__feedback-form__submit-button:active': {
+            backgroundColor: string;
+            border: string;
+            color: string;
+        };
+        '.webchat__feedback-form__cancel-button': {
+            backgroundColor: string;
+            borderRadius: string;
+            cursor: string;
+            fontSize: string;
+            border: string;
+            color: "var(--webchat__color--subtle)";
+            fontFamily: "var(--webchat__font--primary)";
+            height: string;
+            padding: string;
+        };
+        '.webchat__feedback-form__cancel-button:hover': {
+            backgroundColor: "var(--webchat__color--subtle)";
+            color: string;
+        };
+    };
+    readonly feedbackTextArea: {
+        '&.webchat__feedback-form-text-area': {
+            display: string;
+            gridTemplateAreas: string;
+            maxHeight: string;
+            overflow: string;
+            backgroundColor: string;
+            borderRadius: string;
+            border: string;
+            fontFamily: "var(--webchat__font--primary)";
+            fontSize: string;
+            gap: string;
+            lineHeight: string;
+            padding: string;
+            position: string;
+            '&::after': {
+                borderBottomLeftRadius: string;
+                borderBottomRightRadius: string;
+                borderBottom: string;
+                bottom: string;
+                clipPath: string;
+                content: string;
+                height: string;
+                left: string;
+                position: string;
+                right: string;
+                transition: string;
             };
-            '&.webchat__warning--rtl': {
-                paddingLeft: number;
+            '&:focus-within': {
+                border: string;
             };
-        };
-    };
-    readonly youTubeContent: {
-        border: number;
-        height: string | number;
-        width: string;
-    };
-    readonly citationModalDialog: {
-        '&.webchat__citation-modal-dialog': {
-            '& .webchat__citation-modal-dialog__body': {
-                lineHeight: string;
+            '&:focus-within::after': {
+                clipPath: string;
+                transition: string;
             };
         };
-    };
-    readonly cssCustomProperties: {
-        '&.webchat__css-custom-properties': {
-            display: string;
-            "--webchat__color--accent": string;
-            "--webchat__color--subtle": string;
-            "--webchat__color--timestamp": string;
-            "--webchat__font--primary": string;
-            "--webchat__font-size--small": string | number;
-            "--webchat__icon-url--external-link": string;
-            "--webchat__max-width--bubble": string;
-            "--webchat__min-height--bubble": string;
-            "--webchat__padding--regular": string;
+        '&.webchat__feedback-form-text-area--hidden': {
+            height: number;
+            visibility: string;
+        };
+        '.webchat__feedback-form-text-area-shared': {
+            border: string;
+            font: string;
+            gridArea: string;
+            outline: string;
+            overflowWrap: string;
+            resize: string;
+            scrollbarGutter: string;
+        };
+        '.webchat__feedback-form-text-area-doppelganger': {
+            overflow: string;
+            visibility: string;
+            whiteSpace: string;
+        };
+        '.webchat__feedback-form-text-area-input': {
+            backgroundColor: string;
+            color: string;
+            height: string;
+            padding: number;
+        };
+        '.webchat__feedback-form-text-area-input--scroll': {
+            scrollbarColor: string;
+            scrollbarWidth: string;
+            MozScrollbarColor: string;
+            MozScrollbarWidth: string;
+            '&::-webkit-scrollbar': {
+                width: string;
+            };
+            '&::-webkit-scrollbar-thumb': {
+                backgroundColor: "var(--webchat__color--subtle)";
+                borderRadius: string;
+            };
+            '&::-webkit-scrollbar-corner': {
+                backgroundColor: string;
+            };
         };
     };
     readonly linkDefinitions: {
         '&.webchat__link-definitions': {
             '.webchat__link-definitions__header': {
                 alignItems: string;
+                cursor: string;
                 display: string;
                 fontFamily: "var(--webchat__font--primary)";
                 fontSize: "var(--webchat__font-size--small)";
                 gap: number;
+                justifyContent: string;
                 listStyle: string;
                 "@media (forced-colors: none)": {
                     color: string;
@@ -1542,6 +1988,15 @@ declare function createStyleSet(styleOptions: StyleOptions): Readonly<{
                     color: string;
                 };
             };
+            '.webchat__link-definitions__header-section': {
+                alignItems: string;
+                display: string;
+                gap: number;
+                overflow: string;
+            };
+            '.webchat__link-definitions__header-section--left': {
+                flexShrink: number;
+            };
             '.webchat__link-definitions__header-text': {
                 flexShrink: number;
             };
@@ -1554,13 +2009,11 @@ declare function createStyleSet(styleOptions: StyleOptions): Readonly<{
             '&:not([open]) .webchat__link-definitions__header-chevron': {
                 transform: string;
             };
-            '.webchat__link-definitions__header-filler': {
-                flexGrow: number;
-            };
             '.webchat__link-definitions__header-accessory': {
                 overflow: string;
             };
             '.webchat__link-definitions__message-sensitivity-label': {
+                alignItems: string;
                 display: string;
                 gap: number;
             };
@@ -1700,6 +2153,9 @@ declare function createStyleSet(styleOptions: StyleOptions): Readonly<{
                 backgroundColor: string;
                 border: number;
             };
+            '&:has(.webchat__modal-dialog__body:empty)': {
+                opacity: number;
+            };
             '& .webchat__modal-dialog__box': {
                 borderRadius: number;
                 overflow: string;
@@ -1831,6 +2287,28 @@ declare function createStyleSet(styleOptions: StyleOptions): Readonly<{
             '& .webchat__render-markdown__pure-identifier::before': {
                 content: string;
             };
+            '& [data-math-type=block]': {
+                alignItems: string;
+                display: string;
+                flexDirection: string;
+                marginBottom: string;
+                paddingBottom: string;
+                outlineOffset: string;
+                overflowX: string;
+                overflowY: string;
+                scrollbarWidth: string;
+            };
+            '& span[data-math-type=block]': {
+                display: string;
+            };
+            '& [data-math-type=inline]': {
+                alignItems: string;
+                display: string;
+                flexDirection: string;
+            };
+            '& :is([data-math-type=block], [data-math-type=inline]) > span': {
+                display: string;
+            };
         };
     };
     readonly sendStatus: {
@@ -1844,6 +2322,15 @@ declare function createStyleSet(styleOptions: StyleOptions): Readonly<{
             display: string;
             gap: number;
         };
+        '& .webchat__activity-status-slot': {
+            display: string;
+            '&:not(:first-child)::before': {
+                content: string;
+            };
+            '&:empty': {
+                display: string;
+            };
+        };
         '& .webchat__activity-status__originator': {
             alignItems: string;
             '&.webchat__activity-status__originator--has-link': {
@@ -1851,17 +2338,6 @@ declare function createStyleSet(styleOptions: StyleOptions): Readonly<{
             };
         };
     };
-    readonly slottedActivityStatus: {
-        '&.webchat__slotted-activity-status': {
-            alignItems: string;
-            display: string;
-            gap: number;
-            marginTop: string;
-            '& .webchat__slotted-activity-status__pipe': {
-                fontSize: "var(--webchat__font-size--small)";
-            };
-        };
-    };
     readonly textContent: {
         '&.webchat__text-content': {
             fontFamily: "var(--webchat__font--primary)";
@@ -1874,7 +2350,8 @@ declare function createStyleSet(styleOptions: StyleOptions): Readonly<{
                 gap: "var(--webchat__padding--regular)";
             };
             '& .webchat__text-content__markdown img:not(.webchat__render-markdown__external-link-icon)': {
-                maxWidth: "var(--webchat__max-width--bubble)";
+                maxWidth: "var(--webchat__max-width--message-bubble)";
+                minWidth: "var(--webchat__min-width--message-bubble)";
                 width: string;
             };
             '& .webchat__text-content__markdown pre': {
@@ -1883,36 +2360,195 @@ declare function createStyleSet(styleOptions: StyleOptions): Readonly<{
             '& .webchat__text-content__open-in-new-window-icon': {
                 height: string;
             };
+            '& .webchat__text-content__activity-actions': {
+                alignSelf: string;
+                display: string;
+                gap: string;
+                width: string;
+            };
+            '& .webchat__text-content__activity-actions:empty': {
+                display: string;
+            };
         };
     };
     readonly thumbButton: {
         '&.webchat__thumb-button': {
+            alignItems: string;
             appearance: string;
             background: string;
             border: number;
             borderRadius: number;
+            boxSizing: string;
+            display: string;
+            gridTemplateAreas: string;
             height: number;
-            overflow: string;
+            justifyContent: string;
             padding: number;
             width: number;
+            '&.webchat__thumb-button--large': {
+                border: string;
+                borderRadius: string;
+                height: string;
+                padding: string;
+                width: string;
+                '& .webchat__thumb-button__image': {
+                    color: string;
+                    fontSize: string;
+                    height: string;
+                    width: string;
+                };
+                '&:hover, &:active, &.webchat__thumb-button--is-pressed': {
+                    background: string;
+                    color: "var(--webchat__color--accent)";
+                };
+                '&[aria-disabled="true"]': {
+                    color: "var(--webchat__color--subtle)";
+                };
+                '&.webchat__thumb-button--submitted:not(.webchat__thumb-button--is-pressed) .webchat__tooltip': {
+                    display: string;
+                };
+                '&.webchat__thumb-button--submitted .webchat__tooltip': {
+                    '--webchat__tooltip-anchor-inline-start': string;
+                };
+            };
             '&:active': {
                 background: string;
             };
-            '&:focus': {
+            '&:focus-visible': {
                 outline: string;
             };
             '& .webchat__thumb-button__image': {
                 color: "var(--webchat__color--accent)";
+                gridArea: string;
+                visibility: string;
                 width: number;
+                '&.webchat__thumb-button__image--is-stroked': {
+                    visibility: string;
+                };
+            };
+            '&:not([aria-disabled="true"]):hover, &.webchat__thumb-button--is-pressed': {
+                '& .webchat__thumb-button__image': {
+                    '&.webchat__thumb-button__image--is-stroked': {
+                        visibility: string;
+                    };
+                    '&.webchat__thumb-button__image--is-filled': {
+                        visibility: string;
+                    };
+                };
+            };
+        };
+    };
+    readonly tooltip: {
+        '*:has(> &.webchat__tooltip)': {
+            position: string;
+            '&:is(:hover, :focus-visible, :active) > .webchat__tooltip': {
+                opacity: number;
+                transitionDelay: string;
+            };
+        };
+        '&.webchat__tooltip': {
+            '--webchat__tooltip-tip-size': string;
+            '--webchat__tooltip-background': string;
+            '--webchat__tooltip-anchor-inline-start': string;
+            background: string;
+            borderRadius: string;
+            color: string;
+            filter: string;
+            fontSize: string;
+            inlineSize: string;
+            isolation: string;
+            lineHeight: string;
+            margin: number;
+            maxInlineSize: string;
+            opacity: number;
+            padding: string;
+            pointerEvents: string;
+            position: string;
+            textAlign: string;
+            transition: string;
+            userSelect: string;
+            willChange: string;
+            '&::after': {
+                background: string;
+                color: string;
+                content: string;
+                inset: number;
+                position: string;
+            };
+            '&.webchat__tooltip--block-start, &.webchat__tooltip--block-end': {
+                textAlign: string;
+            };
+            '&.webchat__tooltip--block-start': {
+                insetBlockEnd: string;
+                insetInlineStart: string;
+                transform: string;
+                '&::after': {
+                    border: string;
+                    borderBottomLeftRadius: string;
+                    clipPath: string;
+                    height: string;
+                    insetBlockStart: string;
+                    insetInlineStart: string;
+                    transform: string;
+                    width: string;
+                };
             };
-            '&:hover .webchat__thumb-button__image:not(.webchat__thumb-button__image--is-filled)': {
+        };
+    };
+    readonly viewCodeDialog: {
+        '&.webchat__view-code-dialog': {
+            boxSizing: string;
+            display: string;
+            height: string;
+            maxHeight: string;
+            overflow: string;
+            padding: string;
+            placeItems: string;
+            '& .webchat__modal-dialog__box': {
                 display: string;
+                flexDirection: string;
+                maxHeight: string;
+                maxWidth: string;
+                position: string;
+            };
+            '& .webchat__modal-dialog__close-button-layout': {
+                position: string;
+                right: number;
             };
-            '&.webchat__thumb-button--is-pressed .webchat__thumb-button__image:not(.webchat__thumb-button__image--is-filled)': {
+            '& .webchat__modal-dialog__body': {
                 display: string;
+                flexDirection: string;
+                gap: "var(--webchat__padding--regular)";
+                overflow: string;
             };
-            '&.webchat__thumb-button:not(:hover):not(.webchat__thumb-button--is-pressed) .webchat__thumb-button__image--is-filled': {
+            '& .webchat__view-code-dialog__header': {
+                alignItems: string;
                 display: string;
+                paddingInlineEnd: string;
+            };
+            '& .webchat__view-code-dialog__title': {
+                margin: string;
+                textTransform: string;
+            };
+            '& .webchat__view-code-dialog__body': {
+                border: string;
+                borderRadius: number;
+                overflow: string;
+                height: string;
+                '.webchat__code-block__body': {
+                    display: string;
+                    margin: number;
+                    padding: string;
+                };
+            };
+            '& .webchat__view-code-dialog__footer': {
+                color: "var(--webchat__color--subtle)";
+                lineHeight: string;
+            };
+            '& .webchat__view-code-dialog__copy-button': {
+                position: string;
+                right: string;
+                top: string;
             };
         };
     };
@@ -1931,6 +2567,18 @@ type ContextType = {
 };
 declare const context: react.Context<ContextType>;
 
+declare function useTransformHTMLContent(): (documentFragment: DocumentFragment) => DocumentFragment;
+
+declare const testIds: {
+    codeBlockCopyButton: string;
+    copyButton: string;
+    sendBoxSpeechBox: string;
+    sendBoxTextBox: string;
+    typingIndicator: string;
+    viewCodeButton: string;
+    feedbackSendBox: string;
+};
+
 type InputTargetProps<H> = {
     onChange?: (event: ChangeEvent<H>) => void;
     onFocus?: (event: FocusEvent<H>) => void;
@@ -1944,6 +2592,16 @@ declare function withEmoji<T extends ComponentType<P>, P extends InputTargetProp
     onChange?: (value: string | undefined) => void;
 }>> & react__default.RefAttributes<H>>;
 
+type ContextOf<T extends Context$1<unknown>> = T extends Context$1<infer C> ? C : never;
+
+declare const Context: react.Context<Readonly<{
+    shouldReduceMotionState: readonly [boolean];
+}>>;
+
+declare function useContext(): ContextOf<typeof Context>;
+
+declare function useShouldReduceMotion(): ReturnType<typeof useContext>['shouldReduceMotionState'];
+
 declare function useDictateAbortable(): [boolean];
 
 declare function useFocus(): (where?: 'main' | 'sendBox' | 'sendBoxWithoutKeyboard') => Promise<void>;
@@ -1996,8 +2654,6 @@ declare function useWebSpeechPonyfill(): [WebSpeechPonyfill];
 
 declare function useTypingIndicatorVisible(): readonly [boolean];
 
-declare function useSendBoxSpeechInterimsVisible(): [boolean];
-
 declare function useMicrophoneButtonClick(): () => void;
 declare function useMicrophoneButtonDisabled(): [boolean];
 
@@ -2040,9 +2696,11 @@ declare const hooks: {
     useSendBoxSpeechInterimsVisible: typeof useSendBoxSpeechInterimsVisible;
     useSendFiles: typeof useSendFiles;
     useSendMessage: typeof useSendMessage;
+    useShouldReduceMotion: typeof useShouldReduceMotion;
     useStyleSet: typeof useStyleSet;
     useTextBoxSubmit: typeof useTextBoxSubmit;
     useTextBoxValue: typeof useTextBoxValue;
+    useTransformHTMLContent: typeof useTransformHTMLContent;
     useTypingIndicatorVisible: typeof useTypingIndicatorVisible;
     useWebSpeechPonyfill: typeof useWebSpeechPonyfill;
     useActiveTyping: (expireAfter?: number) => readonly [Readonly<Record<string, botframework_webchat_api.Typing>>];
@@ -2064,35 +2722,35 @@ declare const hooks: {
     useCreateAttachmentForScreenReaderRenderer: () => botframework_webchat_api.AttachmentForScreenReaderComponentFactory;
     useCreateAvatarRenderer: () => ({ activity }: {
         activity: WebChatActivity;
-    }) => false | (() => react.ReactChild | react.ReactFragment | react.ReactPortal);
+    }) => false | (() => Exclude<react.ReactNode, boolean | null | undefined>);
     useCreateScrollToEndButtonRenderer: () => botframework_webchat_api.ScrollToEndButtonComponentFactory;
-    useDateFormatter: () => (date: string | number | Date) => string;
+    useDateFormatter: () => (date: Date | number | string) => string;
     useDebouncedNotifications: () => [botframework_webchat_api.DebouncedNotifications];
     useDictateInterims: () => [string[], (interims: string[]) => void];
     useDictateState: () => [number];
     useDirection: () => ["auto" | "ltr" | "rtl"];
-    useDisabled: () => [boolean];
+    useDisabled: () => readonly [boolean];
     useDismissNotification: () => (id: string) => void;
     useEmitTypingIndicator: () => () => void;
-    useGetActivitiesByKey: () => (key?: string) => readonly WebChatActivity[];
-    useGetActivityByKey: () => (key?: string) => WebChatActivity;
+    useGetActivitiesByKey: () => (key?: string) => readonly WebChatActivity[] | undefined;
+    useGetActivityByKey: () => (key?: string) => undefined | WebChatActivity;
     useGetHasAcknowledgedByActivityKey: typeof hooks$1.useGetHasAcknowledgedByActivityKey;
-    useGetKeyByActivity: () => (activity?: WebChatActivity) => string;
-    useGetKeyByActivityId: () => (activityId?: string) => string;
+    useGetKeyByActivity: () => (activity?: WebChatActivity) => string | undefined;
+    useGetKeyByActivityId: () => (activityId?: string) => string | undefined;
     useGetSendTimeoutForActivity: () => ({ activity }: {
         activity: WebChatActivity;
     }) => number;
     useGrammars: () => [any];
-    useGroupActivities: () => ({ activities }: {
-        activities: WebChatActivity[];
-    }) => {
-        sender: WebChatActivity[][];
-        status: WebChatActivity[][];
-    };
-    useGroupTimestamp: () => [number | boolean];
+    useGroupActivities: () => ({ activities }: Readonly<{
+        activities: readonly WebChatActivity[];
+    }>) => Readonly<{
+        [key: string]: readonly (readonly WebChatActivity[])[];
+    }>;
+    useGroupActivitiesByName: typeof hooks$1.useGroupActivitiesByName;
+    useGroupTimestamp: () => [boolean | number];
     useLanguage: (options?: "speech") => [string];
     useLastAcknowledgedActivityKey: () => readonly [string];
-    useLastReadActivityKey: () => readonly [string];
+    useLastReadActivityKey: () => readonly [string | undefined];
     useLocalizer: ({ plural }?: {
         plural?: boolean;
     }) => (id: string | {
@@ -2102,38 +2760,20 @@ declare const hooks: {
         few?: string;
         many?: string;
         other: string;
-    }, args_0?: string | number, ...args_1: string[]) => any;
+    }, args_0?: string | number, ...args: string[]) => any;
     useMarkActivityAsSpoken: () => (activity: WebChatActivity) => void;
     useMarkActivityKeyAsRead: () => (activityKey: string) => void;
     useMarkAllAsAcknowledged: () => () => void;
     useNotifications: () => [botframework_webchat_api.Notification[]];
     usePerformCardAction: () => botframework_webchat_api.PerformCardAction;
-    usePonyfill: () => readonly [{
-        cancelAnimationFrame?: typeof cancelAnimationFrame;
-        cancelIdleCallback?: typeof cancelIdleCallback;
-        clearImmediate?: typeof clearImmediate;
-        clearInterval: typeof clearInterval;
-        clearTimeout: typeof clearTimeout;
-        Date: DateConstructor;
-        requestAnimationFrame?: typeof requestAnimationFrame;
-        requestIdleCallback?: typeof requestIdleCallback;
-        setImmediate?: typeof setImmediate;
-        setInterval: typeof setInterval;
-        setTimeout: typeof setTimeout;
-    }];
+    usePonyfill: () => readonly [botframework_webchat_core.GlobalScopePonyfill];
     usePostActivity: () => (activity: WebChatActivity) => botframework_webchat_core.Observable<string>;
     useReferenceGrammarID: () => [string];
-    useRelativeTimeFormatter: () => (dateOrString: string | Date) => string;
-    useRenderAttachment: () => botframework_webchat_api.RenderAttachment;
+    useRelativeTimeFormatter: () => (dateOrString: Date | string) => string;
+    useRenderAttachment: () => botframework_webchat_api.RenderAttachment | undefined;
     useRenderToast: () => botframework_webchat_api.RenderToast;
     useRenderTypingIndicator: () => botframework_webchat_api.RenderTypingIndicator;
-    useSendBoxAttachments: () => readonly [readonly Readonly<{
-        blob: Blob | File;
-        thumbnailURL?: URL;
-    }>[], (attachments: readonly Readonly<{
-        blob: Blob | File;
-        thumbnailURL?: URL;
-    }>[]) => void];
+    useSendBoxAttachments: () => readonly [readonly botframework_webchat_core.SendBoxAttachment[], (attachments: readonly botframework_webchat_core.SendBoxAttachment[]) => void];
     useSendBoxValue: () => [string, (value: string) => void];
     useSendEvent: () => (name: string, value: any) => void;
     useSendMessageBack: () => (value: any, text?: string, displayText?: string) => void;
@@ -2149,7 +2789,9 @@ declare const hooks: {
     useSubmitSendBox: () => (method?: string, { channelData }?: {
         channelData: any;
     }) => void;
-    useSuggestedActions: () => [botframework_webchat_core.DirectLineCardAction[], (suggestedActions: never[]) => void];
+    useSuggestedActions: () => [botframework_webchat_core.DirectLineCardAction[], (suggestedActions: never[]) => void, extras: {
+        activity: WebChatActivity;
+    }];
     useTimeoutForSend: () => [number | ((activity: WebChatActivity) => number)];
     useTrackDimension: () => (name: string, data: any) => void;
     useTrackEvent: () => {
@@ -2161,15 +2803,10 @@ declare const hooks: {
     };
     useTrackException: () => (error: Error, fatal: boolean) => void;
     useTrackTiming: <T>() => (name: string, functionOrPromise: (() => T) | Promise<T>) => Promise<T>;
+    useUIState: () => readonly ["blueprint" | "disabled" | undefined];
     useUserID: () => [string];
     useUsername: () => [string];
-    useVoiceSelector: (activity: any) => (voices: {
-        new (): SpeechSynthesisVoice;
-        prototype: SpeechSynthesisVoice;
-    }[]) => {
-        new (): SpeechSynthesisVoice;
-        prototype: SpeechSynthesisVoice;
-    };
+    useVoiceSelector: (activity: any) => (voices: (typeof window.SpeechSynthesisVoice)[]) => typeof window.SpeechSynthesisVoice;
 };
 declare const version: string;
 declare const buildInfo: {
@@ -2178,9 +2815,9 @@ declare const buildInfo: {
     version: string;
 };
 declare const Components: {
-    BasicWebChat: react.FC<BasicWebChatProps>;
+    BasicWebChat: react.MemoExoticComponent<(props: BasicWebChatProps) => react.JSX.Element>;
     Composer: {
-        ({ activityMiddleware, activityStatusMiddleware, attachmentForScreenReaderMiddleware, attachmentMiddleware, avatarMiddleware, cardActionMiddleware, children, extraStyleSet, renderMarkdown, scrollToEndButtonMiddleware, sendBoxMiddleware: sendBoxMiddlewareFromProps, sendBoxToolbarMiddleware: sendBoxToolbarMiddlewareFromProps, styleOptions, styleSet, suggestedActionsAccessKey, toastMiddleware, typingIndicatorMiddleware, webSpeechPonyfillFactory, ...composerProps }: ComposerProps): react.JSX.Element;
+        ({ activityMiddleware, activityStatusMiddleware, attachmentForScreenReaderMiddleware, attachmentMiddleware, avatarMiddleware, cardActionMiddleware, children, decoratorMiddleware, extraStyleSet, htmlContentTransformMiddleware, renderMarkdown, scrollToEndButtonMiddleware, sendBoxMiddleware: sendBoxMiddlewareFromProps, sendBoxToolbarMiddleware: sendBoxToolbarMiddlewareFromProps, styleOptions, styleSet, suggestedActionsAccessKey, toastMiddleware, typingIndicatorMiddleware, webSpeechPonyfillFactory, ...composerProps }: ComposerProps): react.JSX.Element;
         defaultProps: {
             children: any;
             extraStyleSet: any;
@@ -2208,118 +2845,59 @@ declare const Components: {
             store: PropTypes.Requireable<any>;
         };
     };
-    ThemeProvider: react.MemoExoticComponent<({ children, activityMiddleware, activityStatusMiddleware, attachmentForScreenReaderMiddleware, attachmentMiddleware, avatarMiddleware, cardActionMiddleware, groupActivitiesMiddleware, scrollToEndButtonMiddleware, sendBoxMiddleware, sendBoxToolbarMiddleware, styleOptions, toastMiddleware, typingIndicatorMiddleware }: Readonly<{
-        children?: react.ReactNode;
-    } & Partial<ContextType$1>>) => react.JSX.Element>;
+    ThemeProvider: react.MemoExoticComponent<({ activityMiddleware, activityStatusMiddleware, attachmentForScreenReaderMiddleware, attachmentMiddleware, avatarMiddleware, cardActionMiddleware, children, groupActivitiesMiddleware, scrollToEndButtonMiddleware, sendBoxMiddleware, sendBoxToolbarMiddleware, styleOptions, styles, toastMiddleware, typingIndicatorMiddleware }: Readonly<{
+        children?: react.ReactNode | undefined;
+    } & Partial<ThemeContextType>>) => react.JSX.Element>;
     AccessKeySinkSurface: any;
     BasicConnectivityStatus: any;
-    BasicSendBox: react.FC<Readonly<{
-        className?: string;
-    }>>;
-    BasicSendBoxToolbar: react.MemoExoticComponent<({ className }: {
-        className?: string;
-    }) => react.JSX.Element>;
+    BasicSendBox: react.MemoExoticComponent<(props: BasicSendBoxProps) => react.JSX.Element>;
+    BasicSendBoxToolbar: react.MemoExoticComponent<({ className }: botframework_webchat_api.SendBoxToolbarMiddlewareProps) => react.JSX.Element>;
     BasicToaster: any;
-    BasicTranscript: react.NamedExoticComponent<{
-        className?: string;
-    }>;
-    AudioContent: react.FC<{
-        alt?: string;
-        autoPlay?: boolean;
-        loop?: boolean;
-        poster?: string;
-        src: string;
-    }>;
-    FileContent: react.FC<{
-        className?: string;
-        fileName: string;
-        href?: string;
-        size?: number;
-    }>;
-    HTMLVideoContent: react.FC<{
-        alt?: string;
-        autoPlay?: boolean;
-        loop?: boolean;
-        poster?: string;
-        src: string;
-    }>;
-    ImageContent: react.FC<{
-        alt?: string;
-        src: string;
+    BasicTranscript: react.ComponentType<{
+        readonly className: string;
+        ref?: react.Ref<never>;
+        key?: react.Key | null | undefined;
     }>;
-    TextContent: react.FC<Readonly<{
-        activity: WebChatActivity;
-        contentType?: string;
-        text: string;
-    }>>;
-    VideoContent: react.FC<{
+    AudioContent: react.MemoExoticComponent<(props: AudioContentProps) => react.JSX.Element>;
+    FileContent: react.MemoExoticComponent<(props: FileContentProps) => react.JSX.Element>;
+    HTMLVideoContent: react.MemoExoticComponent<(props: HTMLVideoContentProps) => react.JSX.Element>;
+    ImageContent: react.MemoExoticComponent<({ alt, src }: Readonly<{
         alt?: string;
-        autoPlay?: boolean;
-        loop?: boolean;
-        poster?: string;
         src: string;
+    }>) => react.JSX.Element>;
+    TextContent: react.MemoExoticComponent<(props: TextContentProps) => react.JSX.Element>;
+    VideoContent: react.MemoExoticComponent<(props: VideoContentProps) => react.JSX.Element>;
+    VimeoContent: react.MemoExoticComponent<(props: VimeoContentProps) => react.JSX.Element>;
+    YouTubeContent: react.MemoExoticComponent<(props: YouTubeContentProps) => react.JSX.Element>;
+    Avatar: react.MemoExoticComponent<(props: AvatarProps) => react.JSX.Element>;
+    Bubble: react.MemoExoticComponent<(props: BubbleProps) => react.JSX.Element>;
+    ErrorBox: react.MemoExoticComponent<(props: ErrorBoxProps) => react.JSX.Element>;
+    SendStatus: react.MemoExoticComponent<(props: SendStatusProps) => react.JSX.Element>;
+    SpeakActivity: react.MemoExoticComponent<(props: SpeakProps) => react.JSX.Element>;
+    Timestamp: react.MemoExoticComponent<(props: TimestampProps) => react.JSX.Element>;
+    DictationInterims: react.MemoExoticComponent<(props: DictationInterimsProps) => react.JSX.Element>;
+    MicrophoneButton: react.MemoExoticComponent<{
+        ({ className }: Readonly<{
+            className?: string | undefined;
+        }>): react.JSX.Element;
+        displayName: string;
     }>;
-    VimeoContent: react.FC<{
-        alt?: string;
-        autoPlay?: boolean;
-        embedID: string;
-        loop?: boolean;
-    }>;
-    YouTubeContent: react.FC<{
-        alt?: string;
-        autoPlay?: boolean;
-        embedID: string;
-        loop?: boolean;
-    }>;
-    Avatar: react.VFC<{
-        'aria-hidden'?: boolean;
-        className?: string;
-        fromUser?: boolean;
-    }>;
-    Bubble: react.NamedExoticComponent<{
-        'aria-hidden'?: boolean;
-        children?: react.ReactNode;
-        className?: string;
-        fromUser?: boolean;
-        nub?: boolean | "hidden";
-    }>;
-    ErrorBox: react.FC<{
-        error: Error;
-        type?: string;
-    }>;
-    SendStatus: react.FC<{
-        activity: WebChatActivity;
-        sendStatus: SendStatus;
-    }>;
-    SpeakActivity: react.NamedExoticComponent<{
-        activity: WebChatActivity;
-    }>;
-    Timestamp: react.FC<{
-        timestamp: string;
-    }>;
-    DictationInterims: react.FC<{
-        className?: string;
-    }>;
-    MicrophoneButton: react.FC<{
-        className?: string;
-    }>;
-    SendButton: react.FC<{
-        className?: string;
-    }>;
+    SendButton: typeof SendButton;
     SendTextBox: ({ className }: Readonly<{
-        className?: string;
+        className?: string | undefined;
     }>) => react.JSX.Element;
     SuggestedActions: ({ className }: Readonly<{
         className?: string;
     }>) => react.JSX.Element;
-    UploadButton: react.FC<{
-        className?: string;
-    }>;
+    UploadButton: react.MemoExoticComponent<(props: UploadButtonProps) => react.JSX.Element>;
     LocalizedString: react.MemoExoticComponent<(props: Readonly<{
-        className?: string;
-        linkClassName?: string;
-        onDecorateLink?: (href: string, textContent: string) => LinkOptions;
+        className?: string | undefined;
+        linkClassName?: string | undefined;
+        onDecorateLink?: ((href: string, textContent: string) => LinkOptions | undefined) | undefined;
     }> & (Readonly<{
+        stringIds: string;
+        values?: readonly (number | string)[] | undefined;
+    }> | Readonly<{
         stringIds: {
             zero?: string;
             one?: string;
@@ -2328,11 +2906,15 @@ declare const Components: {
             many?: string;
             other: string;
         };
-        values: readonly [number, ...(string | number)[]];
-    }> | Readonly<{
-        stringIds: string;
-        values?: readonly (string | number)[];
+        values: readonly [number, ...(number | string)[]] | undefined;
     }>)) => react.JSX.Element>;
+    MonochromeImageMasker: react.MemoExoticComponent<{
+        ({ className, src }: Readonly<{
+            className?: string | undefined;
+            src: string;
+        }>): react.JSX.Element;
+        displayName: string;
+    }>;
 };
 
-export { type BasicWebChatProps, Components, type ComposerProps, context as Context, type ReactWebChatProps, type SendBoxFocusOptions, buildInfo, createCoreMiddleware$1 as createCoreActivityMiddleware, createCoreMiddleware as createCoreActivityStatusMiddleware, createCoreMiddleware$2 as createCoreAttachmentMiddleware, createStyleSet, ReactWebChat as default, getTabIndex, hooks, version, withEmoji };
+export { type BasicWebChatProps, Components, type ComposerProps, context as Context, type HTMLContentTransformEnhancer, type HTMLContentTransformFunction, type HTMLContentTransformMiddleware, type HTMLContentTransformRequest, type ReactWebChatProps, type SendBoxFocusOptions, buildInfo, createCoreMiddleware$1 as createCoreActivityMiddleware, createCoreMiddleware as createCoreActivityStatusMiddleware, createCoreMiddleware$2 as createCoreAttachmentMiddleware, createStyleSet, ReactWebChat as default, getTabIndex, hooks, testIds, version, withEmoji };