botframework-webchat-component 4.18.1-main.20260518.2a3d1d3 → 4.18.2

package/src/TextArea/TextArea.module.css

@@ -1,75 +0,0 @@
-:global(.webchat) .text-area {
-  display: grid;
-  font-family: var(--webchat__font--primary);
-  grid-template-areas: 'main';
-  max-height: var(--webchat__text-area--max-height, 200px);
-  overflow: auto;
-  scrollbar-gutter: stable;
-}
-
-:global(.webchat) .text-area--hidden {
-  /* TODO: Not perfect way of hiding the text box. */
-  height: 0;
-  visibility: collapse;
-}
-
-:global(.webchat) .text-area--in-completion {
-  .text-area-doppelganger {
-    visibility: unset;
-  }
-
-  .text-area-input {
-    background-color: transparent;
-    caret-color: var(--webchat__text-area--carret-color, #242424);
-    color: transparent;
-  }
-
-  textarea::placeholder {
-    color: transparent;
-  }
-}
-
-:global(.webchat) .text-area-shared {
-  border: none;
-  font: inherit;
-  grid-area: main;
-  outline: inherit;
-  overflow-wrap: anywhere;
-  resize: inherit;
-}
-
-:global(.webchat) .text-area-doppelganger {
-  overflow: visible;
-  pointer-events: none;
-  user-select: none;
-  visibility: hidden;
-  white-space: pre-wrap;
-}
-
-:global(.webchat) .text-area-input {
-  background-color: inherit;
-  color: currentColor;
-  contain: size;
-  overflow: hidden;
-  padding: 0;
-}
-
-:global(.webchat) .text-area--scroll {
-  scrollbar-color: unset;
-  scrollbar-width: unset;
-  -moz-scrollbar-color: #373435 var(--webchat__color--subtle);
-  -moz-scrollbar-width: thin;
-
-  &::-webkit-scrollbar {
-    width: 8px;
-  }
-
-  &::-webkit-scrollbar-thumb {
-    background-color: var(--webchat__color--subtle);
-    border-radius: 10px;
-  }
-
-  &::-webkit-scrollbar-corner {
-    background-color: #373435;
-  }
-}

package/src/TextArea/TextArea.tsx

@@ -1,126 +0,0 @@
-import { useStyles } from '@msinternal/botframework-webchat-styles/react';
-import { hooks } from 'botframework-webchat-api';
-import cx from 'classnames';
-import React, {
-  forwardRef,
-  Fragment,
-  useCallback,
-  useRef,
-  type FormEventHandler,
-  type KeyboardEventHandler,
-  type MouseEventHandler
-} from 'react';
-import { boolean, custom, number, object, optional, pipe, readonly, string, type InferInput } from 'valibot';
-
-import { reactNode, validateProps } from '@msinternal/botframework-webchat-react-valibot';
-import styles from './TextArea.module.css';
-
-const { useUIState } = hooks;
-
-const TextAreaPropsSchema = pipe(
-  object({
-    'aria-describedby': optional(string()),
-    'aria-label': optional(string()),
-    'aria-labelledby': optional(string()),
-    className: optional(string()),
-    completion: optional(reactNode()),
-    'data-testid': optional(string()),
-    /**
-     * `true`, if the text area should be hidden but stay in the DOM, otherwise, `false`.
-     *
-     * Keeping the element in the DOM while making it invisible to users and PWDs is useful in these scenarios:
-     *
-     * - When the DTMF keypad is going away, we need to send focus to the text area before we unmount DTMF keypad,
-     *   This ensures the flow of focus did not sent to document body
-     */
-    hidden: optional(boolean()),
-    onClick: optional(custom<MouseEventHandler<HTMLTextAreaElement>>(value => typeof value === 'function')),
-    onInput: optional(custom<FormEventHandler<HTMLTextAreaElement>>(value => typeof value === 'function')),
-    placeholder: optional(string()),
-    readOnly: optional(boolean()),
-    startRows: optional(number()),
-    value: optional(string())
-  }),
-  readonly()
-);
-
-type TextAreaProps = InferInput<typeof TextAreaPropsSchema>;
-
-const TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>((rawProps, ref) => {
-  const props = validateProps(TextAreaPropsSchema, rawProps);
-
-  const [uiState] = useUIState();
-  const classNames = useStyles(styles);
-  const isInCompositionRef = useRef<boolean>(false);
-
-  const disabled = uiState === 'disabled' || props.readOnly;
-
-  const handleCompositionEnd = useCallback(() => {
-    isInCompositionRef.current = false;
-  }, [isInCompositionRef]);
-
-  const handleCompositionStart = useCallback(() => {
-    isInCompositionRef.current = true;
-  }, [isInCompositionRef]);
-
-  const handleKeyDown = useCallback<KeyboardEventHandler<HTMLTextAreaElement>>(event => {
-    // Shift+Enter adds a new line
-    // Enter requests related form submission
-    if (!event.shiftKey && event.key === 'Enter' && !isInCompositionRef.current) {
-      event.preventDefault();
-
-      if ('form' in event.target && event.target.form instanceof HTMLFormElement) {
-        event.target?.form?.requestSubmit();
-      }
-    }
-  }, []);
-
-  return (
-    <div
-      className={cx(
-        classNames['text-area'],
-        classNames['text-area--scroll'],
-        { [classNames['text-area--hidden']]: props.hidden },
-        { [classNames['text-area--in-completion']]: props.completion },
-        props.className
-      )}
-      role={props.hidden ? 'hidden' : undefined}
-    >
-      {uiState === 'blueprint' ? (
-        <div className={cx(classNames['text-area-doppelganger'], classNames['text-area-shared'])}> </div>
-      ) : (
-        <Fragment>
-          <div className={cx(classNames['text-area-doppelganger'], classNames['text-area-shared'])}>
-            {props.completion || props.value}{' '}
-          </div>
-          <textarea
-            aria-describedby={props['aria-describedby']}
-            aria-disabled={disabled}
-            aria-label={props['aria-label']}
-            aria-labelledby={props['aria-labelledby']}
-            aria-placeholder={props.placeholder}
-            className={cx(classNames['text-area-input'], classNames['text-area-shared'])}
-            data-testid={props['data-testid']}
-            onClick={props.onClick}
-            onCompositionEnd={handleCompositionEnd}
-            onCompositionStart={handleCompositionStart}
-            onInput={props.onInput}
-            onKeyDown={handleKeyDown}
-            placeholder={props.placeholder}
-            readOnly={disabled}
-            ref={ref}
-            rows={props.startRows ?? 1}
-            // eslint-disable-next-line no-magic-numbers
-            tabIndex={props.hidden ? -1 : undefined}
-            value={props.value}
-          />
-        </Fragment>
-      )}
-    </div>
-  );
-});
-
-TextArea.displayName = 'TextArea';
-
-export default TextArea;
-export { TextAreaPropsSchema, type TextAreaProps };

package/src/TextArea/index.ts

@@ -1 +0,0 @@
-export { default as TextArea } from './TextArea';

package/src/Tooltip/index.ts

@@ -1 +0,0 @@
-export { default as Tooltip } from './private/Tooltip';

package/src/Tooltip/private/Tooltip.tsx

@@ -1,26 +0,0 @@
-import cx from 'classnames';
-import React, { memo, type ReactNode } from 'react';
-import { useStyleSet } from '../../hooks';
-
-type TooltipProps = Readonly<{
-  children: ReactNode;
-  className?: string | undefined;
-  position?: 'block-start';
-}>;
-
-function Tooltip({ children, className, position = 'block-start' }: TooltipProps) {
-  const [{ tooltip: tooltipClassName }] = useStyleSet();
-
-  return (
-    <span
-      className={cx('webchat__tooltip', className, tooltipClassName, `webchat__tooltip--${position}`)}
-      /* @ts-expect-error: inert unknown attribute */
-      inert="true"
-      role="tooltip"
-    >
-      {children}
-    </span>
-  );
-}
-
-export default memo(Tooltip);

package/src/Transcript/ActivityTree.tsx

@@ -1,35 +0,0 @@
-import { ActivityGroupingDecorator } from 'botframework-webchat-api/decorator.js';
-import React, { Fragment, memo } from 'react';
-
-import { type GroupedRenderingActivities } from '../providers/GroupedRenderingActivities/GroupedRenderingActivities';
-import useGroupedRenderingActivities from '../providers/GroupedRenderingActivities/useGroupedRenderingActivities';
-
-type ActivityGroupProps = Readonly<{
-  group: GroupedRenderingActivities;
-}>;
-
-const ActivityTreeGroup = memo(({ group }: ActivityGroupProps) => (
-  <ActivityGroupingDecorator activities={group.activities} groupingName={group.groupingName}>
-    {group.children.map(child => (
-      <ActivityTreeGroup group={child} key={child.key} />
-    ))}
-  </ActivityGroupingDecorator>
-));
-
-ActivityTreeGroup.displayName = 'ActivityTreeGroup';
-
-const ActivityTree = () => {
-  const [group] = useGroupedRenderingActivities();
-
-  return (
-    <Fragment>
-      {group.map(child => (
-        <ActivityTreeGroup group={child} key={child.key} />
-      ))}
-    </Fragment>
-  );
-};
-
-ActivityTree.displayName = 'ActivityTree';
-
-export default memo(ActivityTree);

package/src/Transcript/TranscriptFocus/TranscriptActivityList.tsx

@@ -1,22 +0,0 @@
-import { useStyles } from '@msinternal/botframework-webchat-styles/react';
-import cx from 'classnames';
-import React, { forwardRef, memo, type HTMLAttributes } from 'react';
-
-import styles from './TranscriptFocus.module.css';
-
-type TranscriptActivityListProps = HTMLAttributes<HTMLDivElement>;
-
-const TranscriptActivityList = forwardRef<HTMLDivElement, TranscriptActivityListProps>(
-  ({ className, ...props }, ref) => {
-    const classNames = useStyles(styles);
-
-    return (
-      <section {...props} className={cx(classNames['transcript-focus-area__activity-list'], className)} ref={ref} />
-    );
-  }
-);
-
-TranscriptActivityList.displayName = 'TranscriptActivityList';
-
-export default memo(TranscriptActivityList);
-export { type TranscriptActivityListProps };

package/src/Transcript/TranscriptFocus/TranscriptFocus.module.css

@@ -1,117 +0,0 @@
-/* Focus area container */
-
-:global(.webchat) .transcript-focus-area {
-  display: grid;
-  grid-template-areas: 'content';
-  outline: 0;
-
-  --webchat__transcript--spacing: 10px;
-
-  .transcript-focus-area__indicator,
-  .transcript-focus-area__transcript-indicator {
-    box-sizing: border-box;
-    font-size: 0;
-    grid-area: content;
-    isolation: isolate;
-    min-height: 0;
-    pointer-events: none;
-  }
-
-  .transcript-focus-area__root,
-  .transcript-focus-area__content-root {
-    grid-area: content;
-    min-height: 0;
-    min-width: 0;
-  }
-
-  &:focus
-    .transcript-focus-area__content--focused
-    > .transcript-focus-area__content-overlay
-    .transcript-focus-area__indicator {
-    border-color: var(--webchat__color--transcript-activity-visual-keyboard-indicator);
-    border-style: var(--webchat__border-style--transcript-activity-visual-keyboard-indicator);
-    border-width: var(--webchat__border-width--transcript-activity-visual-keyboard-indicator);
-    inset: calc(var(--webchat__transcript--spacing) / -2) calc(var(--webchat__transcript--spacing) / 2)
-      calc(var(--webchat__transcript--spacing) / -2) calc(var(--webchat__transcript--spacing) / 2);
-    position: absolute;
-  }
-
-  &:focus-visible .transcript-focus-area__transcript-indicator,
-  .transcript-focus-area__root:has(.transcript-focus-area__terminator:focus-visible)
-    + .transcript-focus-area__transcript-indicator {
-    border-color: var(--webchat__border-color--transcript-visual-keyboard-indicator);
-    border-style: var(--webchat__border-style--transcript-visual-keyboard-indicator);
-    border-width: var(--webchat__border-width--transcript-visual-keyboard-indicator);
-  }
-
-  .transcript-focus-area__activity-list {
-    display: grid;
-    gap: var(--webchat__transcript--spacing);
-    padding-block: var(--webchat__transcript--spacing);
-  }
-
-  .transcript-focus-area__content {
-    display: grid;
-    grid-template-areas: 'content';
-    min-height: 0;
-    min-width: 0;
-
-    > * {
-      grid-area: content;
-      min-width: 0;
-    }
-  }
-
-  /*
-    TODO: see if we can remove the wrapper along with absolute/relative positioning by:
-    - Using intersection observer to observe a given activity is in the view
-    - Supplying the edge we'd like the focus indicator to align with
-
-    Browser handles differently both bounding boxes and scroll into view for static vs relative/absolute positioning.
-    To account for the differences, we use absolute/relative positioning as the rest of our code assumes so.
-  */
-  .transcript-focus-area__content-overlay {
-    min-height: 0;
-    grid-area: content;
-    /* The bounding box is expanded to both top and bottom to scroll focus indicator into view. */
-    /* We should ignore clicks to make sure this expansion don't register click as focus. */
-    /* Otherwise, when clicking on the very bottom edge of the activity, it will focus on next activity instead. */
-    pointer-events: none;
-    position: relative;
-    width: 100%;
-  }
-
-  /* When the content is focused as active descendant, scrollIntoView() will scroll this invisible div into view. */
-  .transcript-focus-area__content-active-descendant {
-    inset: calc(var(--webchat__transcript--spacing) / -1) 0 calc(var(--webchat__transcript--spacing) / -1) 0;
-    position: absolute;
-  }
-
-  .transcript-focus-area__terminator {
-    height: 0;
-    outline: 0;
-    position: relative;
-    width: 100%;
-  }
-
-  .transcript-focus-area__terminator-body {
-    display: flex;
-    inset: auto 0 0 0;
-    justify-content: center;
-    position: absolute;
-  }
-
-  .transcript-focus-area__terminator:not(:focus) .transcript-focus-area__terminator-body {
-    display: none;
-  }
-
-  .transcript-focus-area__terminator-text {
-    background: var(--webchat__background--transcript-terminator);
-    border-radius: var(--webchat__border-radius--transcript-terminator);
-    color: var(--webchat__color--transcript-terminator);
-    font-family: var(--webchat__font--primary);
-    font-size: var(--webchat__font-size--transcript-terminator);
-    margin: calc(var(--webchat__transcript--spacing) / 2);
-    padding: calc(var(--webchat__transcript--spacing) / 2);
-  }
-}

package/src/Transcript/TranscriptFocus/TranscriptFocusArea.tsx

@@ -1,27 +0,0 @@
-import { useStyles } from '@msinternal/botframework-webchat-styles/react';
-import cx from 'classnames';
-import React, { forwardRef, type HTMLAttributes } from 'react';
-
-import TranscriptFocusIndicator from './TranscriptFocusIndicator';
-
-import styles from './TranscriptFocus.module.css';
-
-type TranscriptFocusAreaProps = HTMLAttributes<HTMLDivElement>;
-
-const TranscriptFocusArea = forwardRef<HTMLDivElement, TranscriptFocusAreaProps>(
-  ({ className, children, ...props }, ref) => {
-    const classNames = useStyles(styles);
-
-    return (
-      <div {...props} className={cx(classNames['transcript-focus-area'], className)} ref={ref}>
-        <div className={classNames['transcript-focus-area__root']}>{children}</div>
-        <TranscriptFocusIndicator type="transcript" />
-      </div>
-    );
-  }
-);
-
-TranscriptFocusArea.displayName = 'TranscriptFocusArea';
-
-export default TranscriptFocusArea;
-export { type TranscriptFocusAreaProps };

package/src/Transcript/TranscriptFocus/TranscriptFocusContent.tsx

@@ -1,34 +0,0 @@
-/* eslint-disable react/require-default-props */
-import { useStyles } from '@msinternal/botframework-webchat-styles/react';
-import cx from 'classnames';
-import React, { forwardRef, type HTMLAttributes } from 'react';
-
-import styles from './TranscriptFocus.module.css';
-
-type TranscriptFocusContentProps = HTMLAttributes<HTMLDivElement> & {
-  readonly focused?: boolean;
-  readonly tag?: string | React.JSXElementConstructor<any>;
-};
-
-const TranscriptFocusContent = forwardRef<HTMLDivElement, TranscriptFocusContentProps>(
-  ({ className, focused, tag: Tag = 'div', ...props }, ref) => {
-    const classNames = useStyles(styles);
-
-    return (
-      <Tag
-        {...props}
-        className={cx(
-          classNames['transcript-focus-area__content'],
-          { [classNames['transcript-focus-area__content--focused']]: focused },
-          className
-        )}
-        ref={ref}
-      />
-    );
-  }
-);
-
-TranscriptFocusContent.displayName = 'TranscriptFocusContent';
-
-export default TranscriptFocusContent;
-export { type TranscriptFocusContentProps };

package/src/Transcript/TranscriptFocus/TranscriptFocusContentActiveDescendant.tsx

@@ -1,26 +0,0 @@
-import { useStyles } from '@msinternal/botframework-webchat-styles/react';
-import cx from 'classnames';
-import React, { forwardRef, type HTMLAttributes } from 'react';
-
-import styles from './TranscriptFocus.module.css';
-
-type TranscriptFocusContentActiveDescendantProps = HTMLAttributes<HTMLDivElement>;
-
-const TranscriptFocusContentActiveDescendant = forwardRef<HTMLDivElement, TranscriptFocusContentActiveDescendantProps>(
-  ({ className, ...props }, ref) => {
-    const classNames = useStyles(styles);
-
-    return (
-      <div
-        {...props}
-        className={cx(classNames['transcript-focus-area__content-active-descendant'], className)}
-        ref={ref}
-      />
-    );
-  }
-);
-
-TranscriptFocusContentActiveDescendant.displayName = 'TranscriptFocusContentActiveDescendant';
-
-export default TranscriptFocusContentActiveDescendant;
-export { type TranscriptFocusContentActiveDescendantProps };

package/src/Transcript/TranscriptFocus/TranscriptFocusContentBody.tsx

@@ -1,20 +0,0 @@
-import { useStyles } from '@msinternal/botframework-webchat-styles/react';
-import cx from 'classnames';
-import React, { forwardRef, type HTMLAttributes } from 'react';
-
-import styles from './TranscriptFocus.module.css';
-
-type TranscriptFocusContentBodyProps = HTMLAttributes<HTMLDivElement>;
-
-const TranscriptFocusContentBody = forwardRef<HTMLDivElement, TranscriptFocusContentBodyProps>(
-  ({ className, ...props }, ref) => {
-    const classNames = useStyles(styles);
-
-    return <div {...props} className={cx(classNames['transcript-focus-area__content-body'], className)} ref={ref} />;
-  }
-);
-
-TranscriptFocusContentBody.displayName = 'TranscriptFocusContentBody';
-
-export default TranscriptFocusContentBody;
-export { type TranscriptFocusContentBodyProps };

package/src/Transcript/TranscriptFocus/TranscriptFocusContentOverlay.tsx

@@ -1,20 +0,0 @@
-import { useStyles } from '@msinternal/botframework-webchat-styles/react';
-import cx from 'classnames';
-import React, { forwardRef, type HTMLAttributes } from 'react';
-
-import styles from './TranscriptFocus.module.css';
-
-type TranscriptFocusContentOverlayProps = HTMLAttributes<HTMLDivElement>;
-
-const TranscriptFocusContentOverlay = forwardRef<HTMLDivElement, TranscriptFocusContentOverlayProps>(
-  ({ className, ...props }, ref) => {
-    const classNames = useStyles(styles);
-
-    return <div {...props} className={cx(classNames['transcript-focus-area__content-overlay'], className)} ref={ref} />;
-  }
-);
-
-TranscriptFocusContentOverlay.displayName = 'TranscriptFocusContentOverlay';
-
-export default TranscriptFocusContentOverlay;
-export { type TranscriptFocusContentOverlayProps };

package/src/Transcript/TranscriptFocus/TranscriptFocusIndicator.tsx

@@ -1,28 +0,0 @@
-import { useStyles } from '@msinternal/botframework-webchat-styles/react';
-import cx from 'classnames';
-import React, { forwardRef, type HTMLAttributes } from 'react';
-
-import styles from './TranscriptFocus.module.css';
-
-type TranscriptFocusIndicatorProps = HTMLAttributes<HTMLDivElement> &
-  Readonly<{
-    type?: 'content' | 'transcript';
-  }>;
-
-const TranscriptFocusIndicator = forwardRef<HTMLDivElement, TranscriptFocusIndicatorProps>(
-  ({ className, type = 'content', ...props }, ref) => {
-    const classNames = useStyles(styles);
-
-    const indicatorClass =
-      type === 'content'
-        ? classNames['transcript-focus-area__indicator']
-        : classNames['transcript-focus-area__transcript-indicator'];
-
-    return <div {...props} className={cx(indicatorClass, className)} ref={ref} />;
-  }
-);
-
-TranscriptFocusIndicator.displayName = 'TranscriptFocusIndicator';
-
-export default TranscriptFocusIndicator;
-export { type TranscriptFocusIndicatorProps };

package/src/Transcript/TranscriptFocus/TranscriptFocusTerminator.tsx

@@ -1,42 +0,0 @@
-import { useStyles } from '@msinternal/botframework-webchat-styles/react';
-import { hooks } from 'botframework-webchat-api';
-import cx from 'classnames';
-import React, { forwardRef, type HTMLAttributes } from 'react';
-
-import styles from './TranscriptFocus.module.css';
-import useUniqueId from '../../hooks/internal/useUniqueId';
-
-type TranscriptFocusTerminatorProps = HTMLAttributes<HTMLDivElement>;
-
-const { useLocalizer } = hooks;
-
-const TranscriptFocusTerminator = forwardRef<HTMLDivElement, TranscriptFocusTerminatorProps>(
-  ({ className, ...props }, ref) => {
-    const classNames = useStyles(styles);
-    const localize = useLocalizer();
-    const terminatorText = localize('TRANSCRIPT_TERMINATOR_TEXT');
-    const terminatorLabelId = useUniqueId('webchat__basic-transcript__terminator-label');
-
-    return (
-      <div
-        {...props}
-        aria-labelledby={terminatorLabelId}
-        className={cx(classNames['transcript-focus-area__terminator'], className)}
-        ref={ref}
-      >
-        <div className={cx(classNames['transcript-focus-area__terminator-body'])}>
-          {/* `id` is required for `aria-labelledby` */}
-          {/* eslint-disable-next-line react/forbid-dom-props */}
-          <div className={cx(classNames['transcript-focus-area__terminator-text'])} id={terminatorLabelId}>
-            {terminatorText}
-          </div>
-        </div>
-      </div>
-    );
-  }
-);
-
-TranscriptFocusTerminator.displayName = 'TranscriptFocusTerminator';
-
-export default TranscriptFocusTerminator;
-export { type TranscriptFocusTerminatorProps };

package/src/Transcript/TranscriptFocus/TranscriptFocusTerminatorBody.tsx

@@ -1,20 +0,0 @@
-import { useStyles } from '@msinternal/botframework-webchat-styles/react';
-import cx from 'classnames';
-import React, { forwardRef, type HTMLAttributes } from 'react';
-
-import styles from './TranscriptFocus.module.css';
-
-type TranscriptFocusTerminatorBodyProps = HTMLAttributes<HTMLDivElement>;
-
-const TranscriptFocusTerminatorBody = forwardRef<HTMLDivElement, TranscriptFocusTerminatorBodyProps>(
-  ({ className, ...props }, ref) => {
-    const classNames = useStyles(styles);
-
-    return <div {...props} className={cx(classNames['transcript-focus-area__terminator-body'], className)} ref={ref} />;
-  }
-);
-
-TranscriptFocusTerminatorBody.displayName = 'TranscriptFocusTerminatorBody';
-
-export default TranscriptFocusTerminatorBody;
-export { type TranscriptFocusTerminatorBodyProps };

package/src/Transcript/TranscriptFocus/TranscriptFocusTerminatorText.tsx

@@ -1,20 +0,0 @@
-import { useStyles } from '@msinternal/botframework-webchat-styles/react';
-import cx from 'classnames';
-import React, { forwardRef, type HTMLAttributes } from 'react';
-
-import styles from './TranscriptFocus.module.css';
-
-type TranscriptFocusTerminatorTextProps = HTMLAttributes<HTMLDivElement>;
-
-const TranscriptFocusTerminatorText = forwardRef<HTMLDivElement, TranscriptFocusTerminatorTextProps>(
-  ({ className, ...props }, ref) => {
-    const classNames = useStyles(styles);
-
-    return <div {...props} className={cx(classNames['transcript-focus-area__terminator-text'], className)} ref={ref} />;
-  }
-);
-
-TranscriptFocusTerminatorText.displayName = 'TranscriptFocusTerminatorText';
-
-export default TranscriptFocusTerminatorText;
-export { type TranscriptFocusTerminatorTextProps };