diff --git a/ee/packages/pdf-worker/src/templates/ChatTranscript/markup/elements/BoldSpan.tsx b/ee/packages/pdf-worker/src/templates/ChatTranscript/markup/elements/BoldSpan.tsx
index a1c1ef3363e14..5dd1b9625325f 100644
--- a/ee/packages/pdf-worker/src/templates/ChatTranscript/markup/elements/BoldSpan.tsx
+++ b/ee/packages/pdf-worker/src/templates/ChatTranscript/markup/elements/BoldSpan.tsx
@@ -20,7 +20,7 @@ type MessageBlock =
 	| MessageParser.MarkupExcluding<MessageParser.Bold>
 	| MessageParser.InlineCode;
 
-type BoldSpanProps = {
+export type BoldSpanProps = {
 	children: MessageBlock[];
 };
 
diff --git a/ee/packages/pdf-worker/src/templates/ChatTranscript/markup/elements/CodeSpan.tsx b/ee/packages/pdf-worker/src/templates/ChatTranscript/markup/elements/CodeSpan.tsx
index 6e95c6d428b88..87aa215a79742 100644
--- a/ee/packages/pdf-worker/src/templates/ChatTranscript/markup/elements/CodeSpan.tsx
+++ b/ee/packages/pdf-worker/src/templates/ChatTranscript/markup/elements/CodeSpan.tsx
@@ -22,7 +22,7 @@ export const codeStyles = StyleSheet.create({
 	},
 });
 
-type CodeSpanProps = {
+export type CodeSpanProps = {
 	code: string;
 };
 
diff --git a/ee/packages/pdf-worker/src/templates/ChatTranscript/markup/elements/EmojiSpan.tsx b/ee/packages/pdf-worker/src/templates/ChatTranscript/markup/elements/EmojiSpan.tsx
index 8adaeab5192ae..adca7f0cd85db 100644
--- a/ee/packages/pdf-worker/src/templates/ChatTranscript/markup/elements/EmojiSpan.tsx
+++ b/ee/packages/pdf-worker/src/templates/ChatTranscript/markup/elements/EmojiSpan.tsx
@@ -2,7 +2,7 @@ import { Text } from '@react-pdf/renderer';
 import type * as MessageParser from '@rocket.chat/message-parser';
 import emojione from 'emoji-toolkit';
 
-type EmojiSpanProps = MessageParser.Emoji;
+export type EmojiSpanProps = MessageParser.Emoji;
 
 const EmojiSpan = (emoji: EmojiSpanProps) => <Text>{emoji.value ? `:${emoji.value?.value}:` : emojione.toShort(emoji.unicode)}</Text>;
 
diff --git a/ee/packages/pdf-worker/src/templates/ChatTranscript/markup/elements/InlineElements.tsx b/ee/packages/pdf-worker/src/templates/ChatTranscript/markup/elements/InlineElements.tsx
index 735a095fbeeea..1c21a235a45da 100644
--- a/ee/packages/pdf-worker/src/templates/ChatTranscript/markup/elements/InlineElements.tsx
+++ b/ee/packages/pdf-worker/src/templates/ChatTranscript/markup/elements/InlineElements.tsx
@@ -8,7 +8,7 @@ import ItalicSpan from './ItalicSpan';
 import LinkSpan from './LinkSpan';
 import StrikeSpan from './StrikeSpan';
 
-type InlineElementsProps = {
+export type InlineElementsProps = {
 	children: MessageParser.Inlines[];
 };
 
diff --git a/ee/packages/pdf-worker/src/templates/ChatTranscript/markup/elements/ItalicSpan.tsx b/ee/packages/pdf-worker/src/templates/ChatTranscript/markup/elements/ItalicSpan.tsx
index b568d23609df0..172f459887b61 100644
--- a/ee/packages/pdf-worker/src/templates/ChatTranscript/markup/elements/ItalicSpan.tsx
+++ b/ee/packages/pdf-worker/src/templates/ChatTranscript/markup/elements/ItalicSpan.tsx
@@ -20,7 +20,7 @@ type MessageBlock =
 	| MessageParser.MarkupExcluding<MessageParser.Italic>
 	| MessageParser.InlineCode;
 
-type ItalicSpanProps = {
+export type ItalicSpanProps = {
 	children: MessageBlock[];
 };
 
diff --git a/ee/packages/pdf-worker/src/templates/ChatTranscript/markup/elements/LinkSpan.tsx b/ee/packages/pdf-worker/src/templates/ChatTranscript/markup/elements/LinkSpan.tsx
index 64d675becaa8d..f38a6c29486cb 100644
--- a/ee/packages/pdf-worker/src/templates/ChatTranscript/markup/elements/LinkSpan.tsx
+++ b/ee/packages/pdf-worker/src/templates/ChatTranscript/markup/elements/LinkSpan.tsx
@@ -6,7 +6,7 @@ import BoldSpan from './BoldSpan';
 import ItalicSpan from './ItalicSpan';
 import StrikeSpan from './StrikeSpan';
 
-type LinkSpanProps = {
+export type LinkSpanProps = {
 	label: MessageParser.Markup | MessageParser.Markup[];
 };
 
diff --git a/ee/packages/pdf-worker/src/templates/ChatTranscript/markup/elements/StrikeSpan.tsx b/ee/packages/pdf-worker/src/templates/ChatTranscript/markup/elements/StrikeSpan.tsx
index a4ce9473971f7..4be52cabd8442 100644
--- a/ee/packages/pdf-worker/src/templates/ChatTranscript/markup/elements/StrikeSpan.tsx
+++ b/ee/packages/pdf-worker/src/templates/ChatTranscript/markup/elements/StrikeSpan.tsx
@@ -21,7 +21,7 @@ type MessageBlock =
 	| MessageParser.MarkupExcluding<MessageParser.Strike>
 	| MessageParser.InlineCode;
 
-type StrikeSpanProps = {
+export type StrikeSpanProps = {
 	children: MessageBlock[];
 };
 
diff --git a/packages/fuselage-ui-kit/src/blocks/ActionsBlock.Action.tsx b/packages/fuselage-ui-kit/src/blocks/ActionsBlock.Action.tsx
index bed6735e42953..04183d96cdd08 100644
--- a/packages/fuselage-ui-kit/src/blocks/ActionsBlock.Action.tsx
+++ b/packages/fuselage-ui-kit/src/blocks/ActionsBlock.Action.tsx
@@ -2,7 +2,7 @@ import { Box } from '@rocket.chat/fuselage';
 import * as UiKit from '@rocket.chat/ui-kit';
 import type { ReactElement } from 'react';
 
-type ActionProps = {
+export type ActionProps = {
 	element: UiKit.ActionsBlock['elements'][number];
 	parser: UiKit.SurfaceRenderer<ReactElement<any>>;
 	index: number;
diff --git a/packages/fuselage-ui-kit/src/blocks/ActionsBlock.tsx b/packages/fuselage-ui-kit/src/blocks/ActionsBlock.tsx
index d3d9b5652289d..34472203fb985 100644
--- a/packages/fuselage-ui-kit/src/blocks/ActionsBlock.tsx
+++ b/packages/fuselage-ui-kit/src/blocks/ActionsBlock.tsx
@@ -6,7 +6,7 @@ import Action from './ActionsBlock.Action';
 import { useSurfaceType } from '../hooks/useSurfaceType';
 import type { BlockProps } from '../utils/BlockProps';
 
-type ActionsBlockProps = BlockProps<UiKit.ActionsBlock>;
+export type ActionsBlockProps = BlockProps<UiKit.ActionsBlock>;
 
 const ActionsBlock = ({ className, block, surfaceRenderer }: ActionsBlockProps) => {
 	const surfaceType = useSurfaceType();
diff --git a/packages/fuselage-ui-kit/src/blocks/CalloutBlock.tsx b/packages/fuselage-ui-kit/src/blocks/CalloutBlock.tsx
index 0a4ec52b7a722..038e39f55520e 100644
--- a/packages/fuselage-ui-kit/src/blocks/CalloutBlock.tsx
+++ b/packages/fuselage-ui-kit/src/blocks/CalloutBlock.tsx
@@ -3,7 +3,7 @@ import * as UiKit from '@rocket.chat/ui-kit';
 
 import type { BlockProps } from '../utils/BlockProps';
 
-type CalloutBlockProps = BlockProps<UiKit.CalloutBlock>;
+export type CalloutBlockProps = BlockProps<UiKit.CalloutBlock>;
 
 const CalloutBlock = ({ block, surfaceRenderer }: CalloutBlockProps) => (
 	<Callout
diff --git a/packages/fuselage-ui-kit/src/blocks/ContextBlock.Item.tsx b/packages/fuselage-ui-kit/src/blocks/ContextBlock.Item.tsx
index b38c4392d18a8..c5b8a7c3da587 100644
--- a/packages/fuselage-ui-kit/src/blocks/ContextBlock.Item.tsx
+++ b/packages/fuselage-ui-kit/src/blocks/ContextBlock.Item.tsx
@@ -2,7 +2,7 @@ import { Box } from '@rocket.chat/fuselage';
 import * as UiKit from '@rocket.chat/ui-kit';
 import type { ReactElement } from 'react';
 
-type ItemProps = {
+export type ItemProps = {
 	block: UiKit.ContextBlock['elements'][number];
 	surfaceRenderer: UiKit.SurfaceRenderer<ReactElement<any>>;
 	index: number;
diff --git a/packages/fuselage-ui-kit/src/blocks/ContextBlock.tsx b/packages/fuselage-ui-kit/src/blocks/ContextBlock.tsx
index 8d39ba657b095..178179e66f8a1 100644
--- a/packages/fuselage-ui-kit/src/blocks/ContextBlock.tsx
+++ b/packages/fuselage-ui-kit/src/blocks/ContextBlock.tsx
@@ -5,7 +5,7 @@ import { memo, useMemo } from 'react';
 import Item from './ContextBlock.Item';
 import type { BlockProps } from '../utils/BlockProps';
 
-type ContextBlockProps = BlockProps<UiKit.ContextBlock>;
+export type ContextBlockProps = BlockProps<UiKit.ContextBlock>;
 
 const ContextBlock = ({ className, block, surfaceRenderer }: ContextBlockProps) => {
 	const itemElements = useMemo(
diff --git a/packages/fuselage-ui-kit/src/blocks/DividerBlock.tsx b/packages/fuselage-ui-kit/src/blocks/DividerBlock.tsx
index 41df69cbc0400..bd0ea70362527 100644
--- a/packages/fuselage-ui-kit/src/blocks/DividerBlock.tsx
+++ b/packages/fuselage-ui-kit/src/blocks/DividerBlock.tsx
@@ -4,7 +4,7 @@ import { memo } from 'react';
 
 import type { BlockProps } from '../utils/BlockProps';
 
-type DividerBlockProps = BlockProps<UiKit.DividerBlock>;
+export type DividerBlockProps = BlockProps<UiKit.DividerBlock>;
 
 const DividerBlock = ({ className }: DividerBlockProps) => <Divider className={className} marginBlock={24} />;
 
diff --git a/packages/fuselage-ui-kit/src/blocks/ImageBlock.tsx b/packages/fuselage-ui-kit/src/blocks/ImageBlock.tsx
index 32ff51b622475..755020dae5c30 100644
--- a/packages/fuselage-ui-kit/src/blocks/ImageBlock.tsx
+++ b/packages/fuselage-ui-kit/src/blocks/ImageBlock.tsx
@@ -29,7 +29,7 @@ const fetchImageState = (img: HTMLImageElement) => {
 	};
 };
 
-type ImageBlockProps = BlockProps<UiKit.ImageBlock>;
+export type ImageBlockProps = BlockProps<UiKit.ImageBlock>;
 
 const ImageBlock = ({ className, block, surfaceRenderer }: ImageBlockProps) => {
 	const surface = useSurfaceType();
diff --git a/packages/fuselage-ui-kit/src/blocks/InfoCard.tsx b/packages/fuselage-ui-kit/src/blocks/InfoCard.tsx
index 4263f06d7aaef..d11fbf3603367 100644
--- a/packages/fuselage-ui-kit/src/blocks/InfoCard.tsx
+++ b/packages/fuselage-ui-kit/src/blocks/InfoCard.tsx
@@ -4,7 +4,7 @@ import * as UiKit from '@rocket.chat/ui-kit';
 import IconElement from '../elements/IconElement';
 import type { BlockProps } from '../utils/BlockProps';
 
-type InfoCardProps = BlockProps<UiKit.InfoCardBlock>;
+export type InfoCardProps = BlockProps<UiKit.InfoCardBlock>;
 
 const InfoCard = ({ block, surfaceRenderer, context }: InfoCardProps) => {
 	const { rows, blockId } = block;
diff --git a/packages/fuselage-ui-kit/src/blocks/InputBlock.tsx b/packages/fuselage-ui-kit/src/blocks/InputBlock.tsx
index 6dbc8563d4e2f..d1b8be85d1258 100644
--- a/packages/fuselage-ui-kit/src/blocks/InputBlock.tsx
+++ b/packages/fuselage-ui-kit/src/blocks/InputBlock.tsx
@@ -5,7 +5,7 @@ import { memo, useMemo } from 'react';
 import { useUiKitState } from '../hooks/useUiKitState';
 import type { BlockProps } from '../utils/BlockProps';
 
-type InputBlockProps = BlockProps<UiKit.InputBlock>;
+export type InputBlockProps = BlockProps<UiKit.InputBlock>;
 
 const InputBlock = ({ className, block, surfaceRenderer, context }: InputBlockProps) => {
 	const inputElement = useMemo(
diff --git a/packages/fuselage-ui-kit/src/blocks/PreviewBlock.tsx b/packages/fuselage-ui-kit/src/blocks/PreviewBlock.tsx
index 6ec7847bc6ed7..9bb5ca93c4593 100644
--- a/packages/fuselage-ui-kit/src/blocks/PreviewBlock.tsx
+++ b/packages/fuselage-ui-kit/src/blocks/PreviewBlock.tsx
@@ -15,7 +15,7 @@ import { memo } from 'react';
 import ContextBlock from './ContextBlock';
 import type { BlockProps } from '../utils/BlockProps';
 
-type PreviewBlockProps = BlockProps<UiKit.PreviewBlock>;
+export type PreviewBlockProps = BlockProps<UiKit.PreviewBlock>;
 
 const PreviewBlock = ({ block, surfaceRenderer }: PreviewBlockProps) => (
 	<Box>
diff --git a/packages/fuselage-ui-kit/src/blocks/SectionBlock.Fields.tsx b/packages/fuselage-ui-kit/src/blocks/SectionBlock.Fields.tsx
index 6c9fa5171e3c8..fe3c5edf4a0dd 100644
--- a/packages/fuselage-ui-kit/src/blocks/SectionBlock.Fields.tsx
+++ b/packages/fuselage-ui-kit/src/blocks/SectionBlock.Fields.tsx
@@ -10,7 +10,7 @@ const breakpoints = {
 	xl: 6,
 } as const;
 
-type FieldsProps = {
+export type FieldsProps = {
 	fields: readonly UiKit.TextObject[];
 	surfaceRenderer: UiKit.SurfaceRenderer<ReactElement<any>>;
 };
diff --git a/packages/fuselage-ui-kit/src/blocks/SectionBlock.tsx b/packages/fuselage-ui-kit/src/blocks/SectionBlock.tsx
index d2ecfb0a4cb02..3f0a31592626e 100644
--- a/packages/fuselage-ui-kit/src/blocks/SectionBlock.tsx
+++ b/packages/fuselage-ui-kit/src/blocks/SectionBlock.tsx
@@ -5,7 +5,7 @@ import { memo, useMemo } from 'react';
 import Fields from './SectionBlock.Fields';
 import type { BlockProps } from '../utils/BlockProps';
 
-type SectionBlockProps = BlockProps<UiKit.SectionBlock>;
+export type SectionBlockProps = BlockProps<UiKit.SectionBlock>;
 
 const SectionBlock = ({ className, block, surfaceRenderer }: SectionBlockProps) => {
 	const { text, fields } = block;
diff --git a/packages/fuselage-ui-kit/src/blocks/TabNavigationBlock.tsx b/packages/fuselage-ui-kit/src/blocks/TabNavigationBlock.tsx
index 795a26223b107..46d13b574728b 100644
--- a/packages/fuselage-ui-kit/src/blocks/TabNavigationBlock.tsx
+++ b/packages/fuselage-ui-kit/src/blocks/TabNavigationBlock.tsx
@@ -5,7 +5,7 @@ import { memo, useState } from 'react';
 import { TabElement } from '../elements/TabElement';
 import type { BlockProps } from '../utils/BlockProps';
 
-type TabNavigationBlockProps = BlockProps<ExperimentalTabNavigationBlock>;
+export type TabNavigationBlockProps = BlockProps<ExperimentalTabNavigationBlock>;
 
 const TabNavigationBlock = (blockProps: TabNavigationBlockProps) => {
 	const {
diff --git a/packages/fuselage-ui-kit/src/blocks/VideoConferenceBlock/VideoConferenceBlock.tsx b/packages/fuselage-ui-kit/src/blocks/VideoConferenceBlock/VideoConferenceBlock.tsx
index 9a339c44eb44f..8f0ac94243756 100644
--- a/packages/fuselage-ui-kit/src/blocks/VideoConferenceBlock/VideoConferenceBlock.tsx
+++ b/packages/fuselage-ui-kit/src/blocks/VideoConferenceBlock/VideoConferenceBlock.tsx
@@ -23,7 +23,7 @@ import { useVideoConfDataStream } from './hooks/useVideoConfDataStream';
 import { useSurfaceType } from '../../hooks/useSurfaceType';
 import type { BlockProps } from '../../utils/BlockProps';
 
-type VideoConferenceBlockProps = BlockProps<UiKit.VideoConferenceBlock>;
+export type VideoConferenceBlockProps = BlockProps<UiKit.VideoConferenceBlock>;
 
 const MAX_USERS = 3;
 
diff --git a/packages/fuselage-ui-kit/src/contexts/AppIdContext.tsx b/packages/fuselage-ui-kit/src/contexts/AppIdContext.tsx
index d3d6dc597df2a..549292385e487 100644
--- a/packages/fuselage-ui-kit/src/contexts/AppIdContext.tsx
+++ b/packages/fuselage-ui-kit/src/contexts/AppIdContext.tsx
@@ -5,7 +5,7 @@ import { UiKitContext } from './UiKitContext';
 
 const AppIdContext = createContext<string | undefined>(undefined);
 
-type AppIdProviderProps = {
+export type AppIdProviderProps = {
 	children: ReactNode;
 	appId?: string;
 };
diff --git a/packages/fuselage-ui-kit/src/elements/ButtonElement.tsx b/packages/fuselage-ui-kit/src/elements/ButtonElement.tsx
index 240cb589fda02..ecbc814daeab9 100644
--- a/packages/fuselage-ui-kit/src/elements/ButtonElement.tsx
+++ b/packages/fuselage-ui-kit/src/elements/ButtonElement.tsx
@@ -5,7 +5,7 @@ import type { MouseEventHandler } from 'react';
 import { useUiKitState } from '../hooks/useUiKitState';
 import type { BlockProps } from '../utils/BlockProps';
 
-type ButtonElementProps = BlockProps<UiKit.ButtonElement>;
+export type ButtonElementProps = BlockProps<UiKit.ButtonElement>;
 
 const ButtonElement = ({ block, context, surfaceRenderer }: ButtonElementProps) => {
 	const [{ loading }, action] = useUiKitState(block, context);
diff --git a/packages/fuselage-ui-kit/src/elements/ChannelsSelectElement/ChannelsSelectElement.tsx b/packages/fuselage-ui-kit/src/elements/ChannelsSelectElement/ChannelsSelectElement.tsx
index 758edbb41a5b0..8788bf31cd4f3 100644
--- a/packages/fuselage-ui-kit/src/elements/ChannelsSelectElement/ChannelsSelectElement.tsx
+++ b/packages/fuselage-ui-kit/src/elements/ChannelsSelectElement/ChannelsSelectElement.tsx
@@ -8,7 +8,7 @@ import { useChannelsData } from './hooks/useChannelsData';
 import { useUiKitState } from '../../hooks/useUiKitState';
 import type { BlockProps } from '../../utils/BlockProps';
 
-type ChannelsSelectElementProps = BlockProps<UiKit.ChannelsSelectElement>;
+export type ChannelsSelectElementProps = BlockProps<UiKit.ChannelsSelectElement>;
 
 const ChannelsSelectElement = ({ block, context }: ChannelsSelectElementProps) => {
 	const [{ value, loading }, action] = useUiKitState(block, context);
diff --git a/packages/fuselage-ui-kit/src/elements/CheckboxElement.tsx b/packages/fuselage-ui-kit/src/elements/CheckboxElement.tsx
index 2a8dafda1e02e..a424336cc1e8e 100644
--- a/packages/fuselage-ui-kit/src/elements/CheckboxElement.tsx
+++ b/packages/fuselage-ui-kit/src/elements/CheckboxElement.tsx
@@ -4,7 +4,7 @@ import * as UiKit from '@rocket.chat/ui-kit';
 import { useUiKitState } from '../hooks/useUiKitState';
 import type { BlockProps } from '../utils/BlockProps';
 
-type CheckboxElementProps = BlockProps<UiKit.CheckboxElement>;
+export type CheckboxElementProps = BlockProps<UiKit.CheckboxElement>;
 
 const CheckboxElement = ({ block, context, surfaceRenderer }: CheckboxElementProps) => {
 	const [{ loading, value }, action] = useUiKitState(block, context);
diff --git a/packages/fuselage-ui-kit/src/elements/DatePickerElement.tsx b/packages/fuselage-ui-kit/src/elements/DatePickerElement.tsx
index 0b93aae925a5d..241c8a18a0cc7 100644
--- a/packages/fuselage-ui-kit/src/elements/DatePickerElement.tsx
+++ b/packages/fuselage-ui-kit/src/elements/DatePickerElement.tsx
@@ -5,7 +5,7 @@ import { useStringFromTextObject } from '../hooks/useStringFromTextObject';
 import { useUiKitState } from '../hooks/useUiKitState';
 import type { BlockProps } from '../utils/BlockProps';
 
-type DatePickerElementProps = BlockProps<UiKit.DatePickerElement>;
+export type DatePickerElementProps = BlockProps<UiKit.DatePickerElement>;
 
 const DatePickerElement = ({ block, context }: DatePickerElementProps) => {
 	const [{ loading, value, error }, action] = useUiKitState(block, context);
diff --git a/packages/fuselage-ui-kit/src/elements/IconButtonElement.tsx b/packages/fuselage-ui-kit/src/elements/IconButtonElement.tsx
index d5c62cd2714ad..c3dc3f97cdc5a 100644
--- a/packages/fuselage-ui-kit/src/elements/IconButtonElement.tsx
+++ b/packages/fuselage-ui-kit/src/elements/IconButtonElement.tsx
@@ -5,7 +5,7 @@ import type { MouseEventHandler } from 'react';
 import { useUiKitState } from '../hooks/useUiKitState';
 import type { BlockProps } from '../utils/BlockProps';
 
-type IconButtonElementProps = BlockProps<UiKit.IconButtonElement>;
+export type IconButtonElementProps = BlockProps<UiKit.IconButtonElement>;
 
 const IconButtonElement = ({ block, context }: IconButtonElementProps) => {
 	const [{ loading }, action] = useUiKitState(block, context);
diff --git a/packages/fuselage-ui-kit/src/elements/IconElement.tsx b/packages/fuselage-ui-kit/src/elements/IconElement.tsx
index d47b4519f7dba..838bfc394a2b4 100644
--- a/packages/fuselage-ui-kit/src/elements/IconElement.tsx
+++ b/packages/fuselage-ui-kit/src/elements/IconElement.tsx
@@ -4,7 +4,7 @@ import type { ComponentProps } from 'react';
 
 import type { BlockProps } from '../utils/BlockProps';
 
-type IconElementProps = BlockProps<UiKit.FrameableIconElement>;
+export type IconElementProps = BlockProps<UiKit.FrameableIconElement>;
 
 const getVariantColor = (variant: UiKit.FrameableIconElement['variant']): string => {
 	switch (variant) {
diff --git a/packages/fuselage-ui-kit/src/elements/ImageElement.tsx b/packages/fuselage-ui-kit/src/elements/ImageElement.tsx
index 546c79bfe6aab..83ae4adb02385 100644
--- a/packages/fuselage-ui-kit/src/elements/ImageElement.tsx
+++ b/packages/fuselage-ui-kit/src/elements/ImageElement.tsx
@@ -3,7 +3,7 @@ import * as UiKit from '@rocket.chat/ui-kit';
 import { Element } from './ImageElement.styles';
 import type { BlockProps } from '../utils/BlockProps';
 
-type ImageElementProps = BlockProps<UiKit.ImageElement>;
+export type ImageElementProps = BlockProps<UiKit.ImageElement>;
 
 const ImageElement = ({ block, context }: ImageElementProps) => {
 	const size = (context === UiKit.BlockContext.SECTION && 88) || (context === UiKit.BlockContext.CONTEXT && 20) || undefined;
diff --git a/packages/fuselage-ui-kit/src/elements/LinearScaleElement.tsx b/packages/fuselage-ui-kit/src/elements/LinearScaleElement.tsx
index 50d23728c8030..58cab56d72e91 100644
--- a/packages/fuselage-ui-kit/src/elements/LinearScaleElement.tsx
+++ b/packages/fuselage-ui-kit/src/elements/LinearScaleElement.tsx
@@ -5,7 +5,7 @@ import { memo, useMemo } from 'react';
 import { useUiKitState } from '../hooks/useUiKitState';
 import type { BlockProps } from '../utils/BlockProps';
 
-type LinearScaleElementProps = BlockProps<UiKit.LinearScaleElement>;
+export type LinearScaleElementProps = BlockProps<UiKit.LinearScaleElement>;
 
 const LinearScaleElement = ({ className, block, context, surfaceRenderer }: LinearScaleElementProps) => {
 	const { minValue = 0, maxValue = 10, initialValue, preLabel, postLabel } = block;
diff --git a/packages/fuselage-ui-kit/src/elements/MarkdownTextElement.tsx b/packages/fuselage-ui-kit/src/elements/MarkdownTextElement.tsx
index 2b5719f0aebd3..2e07c5daa0e4a 100644
--- a/packages/fuselage-ui-kit/src/elements/MarkdownTextElement.tsx
+++ b/packages/fuselage-ui-kit/src/elements/MarkdownTextElement.tsx
@@ -6,7 +6,9 @@ import { Suspense } from 'react';
 
 import { useAppTranslation } from '../hooks/useAppTranslation';
 
-const MarkdownTextElement = ({ textObject }: { textObject: TextObject }) => {
+export type MarkdownTextElementProps = { textObject: TextObject };
+
+const MarkdownTextElement = ({ textObject }: MarkdownTextElementProps) => {
 	const { t } = useAppTranslation();
 
 	const text = textObject.i18n ? t(textObject.i18n.key, { ...textObject.i18n.args }) : textObject.text;
diff --git a/packages/fuselage-ui-kit/src/elements/MultiStaticSelectElement.tsx b/packages/fuselage-ui-kit/src/elements/MultiStaticSelectElement.tsx
index f76e7989756a3..0dbbca11eaaf2 100644
--- a/packages/fuselage-ui-kit/src/elements/MultiStaticSelectElement.tsx
+++ b/packages/fuselage-ui-kit/src/elements/MultiStaticSelectElement.tsx
@@ -7,7 +7,7 @@ import { useStringFromTextObject } from '../hooks/useStringFromTextObject';
 import { useUiKitState } from '../hooks/useUiKitState';
 import type { BlockProps } from '../utils/BlockProps';
 
-type MultiStaticSelectElementProps = BlockProps<UiKit.MultiStaticSelectElement>;
+export type MultiStaticSelectElementProps = BlockProps<UiKit.MultiStaticSelectElement>;
 
 const MultiStaticSelectElement = ({ block, context }: MultiStaticSelectElementProps) => {
 	const [{ loading, value, error }, action] = useUiKitState(block, context);
diff --git a/packages/fuselage-ui-kit/src/elements/OverflowElement.tsx b/packages/fuselage-ui-kit/src/elements/OverflowElement.tsx
index 8f79ecebb2b97..42e6007539d5e 100644
--- a/packages/fuselage-ui-kit/src/elements/OverflowElement.tsx
+++ b/packages/fuselage-ui-kit/src/elements/OverflowElement.tsx
@@ -7,7 +7,7 @@ import { useStringFromTextObject } from '../hooks/useStringFromTextObject';
 import { useUiKitState } from '../hooks/useUiKitState';
 import type { BlockProps } from '../utils/BlockProps';
 
-type OverflowElementProps = BlockProps<UiKit.OverflowElement>;
+export type OverflowElementProps = BlockProps<UiKit.OverflowElement>;
 
 const OverflowElement = ({ block, context }: OverflowElementProps) => {
 	const [{ loading }, action] = useUiKitState(block, context);
diff --git a/packages/fuselage-ui-kit/src/elements/PlainTextElement.tsx b/packages/fuselage-ui-kit/src/elements/PlainTextElement.tsx
index 0888cb5e5289a..2d469d29db6df 100644
--- a/packages/fuselage-ui-kit/src/elements/PlainTextElement.tsx
+++ b/packages/fuselage-ui-kit/src/elements/PlainTextElement.tsx
@@ -2,7 +2,9 @@ import type { TextObject } from '@rocket.chat/ui-kit';
 
 import { useAppTranslation } from '../hooks/useAppTranslation';
 
-const PlainTextElement = ({ textObject }: { textObject: TextObject }) => {
+export type PlainTextElementProps = { textObject: TextObject };
+
+const PlainTextElement = ({ textObject }: PlainTextElementProps) => {
 	const { t } = useAppTranslation();
 
 	const text = textObject.i18n ? t(textObject.i18n.key, { ...textObject.i18n.args }) : textObject.text;
diff --git a/packages/fuselage-ui-kit/src/elements/PlainTextInputElement.tsx b/packages/fuselage-ui-kit/src/elements/PlainTextInputElement.tsx
index 69d2762f6d444..e002ffbcdbd3a 100644
--- a/packages/fuselage-ui-kit/src/elements/PlainTextInputElement.tsx
+++ b/packages/fuselage-ui-kit/src/elements/PlainTextInputElement.tsx
@@ -6,7 +6,7 @@ import { useStringFromTextObject } from '../hooks/useStringFromTextObject';
 import { useUiKitState } from '../hooks/useUiKitState';
 import type { BlockProps } from '../utils/BlockProps';
 
-type PlainTextInputElementProps = BlockProps<UiKit.PlainTextInputElement>;
+export type PlainTextInputElementProps = BlockProps<UiKit.PlainTextInputElement>;
 
 const PlainTextInputElement = ({ block, context }: PlainTextInputElementProps) => {
 	const [{ loading, value, error }, action] = useUiKitState(block, context);
diff --git a/packages/fuselage-ui-kit/src/elements/RadioButtonElement.tsx b/packages/fuselage-ui-kit/src/elements/RadioButtonElement.tsx
index d467f74bf9d66..f70bb1a3016ce 100644
--- a/packages/fuselage-ui-kit/src/elements/RadioButtonElement.tsx
+++ b/packages/fuselage-ui-kit/src/elements/RadioButtonElement.tsx
@@ -4,7 +4,7 @@ import * as UiKit from '@rocket.chat/ui-kit';
 import { useUiKitState } from '../hooks/useUiKitState';
 import type { BlockProps } from '../utils/BlockProps';
 
-type RadioButtonElementProps = BlockProps<UiKit.RadioButtonElement>;
+export type RadioButtonElementProps = BlockProps<UiKit.RadioButtonElement>;
 
 const RadioButtonElement = ({ block, context, surfaceRenderer }: RadioButtonElementProps) => {
 	const [{ loading, value }, action] = useUiKitState(block, context);
diff --git a/packages/fuselage-ui-kit/src/elements/StaticSelectElement.tsx b/packages/fuselage-ui-kit/src/elements/StaticSelectElement.tsx
index 53e2955383d34..28b677ec88d2d 100644
--- a/packages/fuselage-ui-kit/src/elements/StaticSelectElement.tsx
+++ b/packages/fuselage-ui-kit/src/elements/StaticSelectElement.tsx
@@ -6,7 +6,7 @@ import { useStringFromTextObject } from '../hooks/useStringFromTextObject';
 import { useUiKitState } from '../hooks/useUiKitState';
 import type { BlockProps } from '../utils/BlockProps';
 
-type StaticSelectElementProps = BlockProps<UiKit.StaticSelectElement>;
+export type StaticSelectElementProps = BlockProps<UiKit.StaticSelectElement>;
 
 const StaticSelectElement = ({ block, context }: StaticSelectElementProps) => {
 	const [{ loading, value, error }, action] = useUiKitState(block, context);
diff --git a/packages/fuselage-ui-kit/src/elements/TimePickerElement.tsx b/packages/fuselage-ui-kit/src/elements/TimePickerElement.tsx
index 21ff9826c7c8a..8281882df26f3 100644
--- a/packages/fuselage-ui-kit/src/elements/TimePickerElement.tsx
+++ b/packages/fuselage-ui-kit/src/elements/TimePickerElement.tsx
@@ -5,7 +5,7 @@ import { useStringFromTextObject } from '../hooks/useStringFromTextObject';
 import { useUiKitState } from '../hooks/useUiKitState';
 import type { BlockProps } from '../utils/BlockProps';
 
-type TimePickerElementProps = BlockProps<UiKit.TimePickerElement>;
+export type TimePickerElementProps = BlockProps<UiKit.TimePickerElement>;
 
 const TimePickerElement = ({ block, context }: TimePickerElementProps) => {
 	const [{ loading, value, error }, action] = useUiKitState(block, context);
diff --git a/packages/fuselage-ui-kit/src/elements/ToggleSwitchElement.tsx b/packages/fuselage-ui-kit/src/elements/ToggleSwitchElement.tsx
index c38d72e39c9e2..b064f4812f5af 100644
--- a/packages/fuselage-ui-kit/src/elements/ToggleSwitchElement.tsx
+++ b/packages/fuselage-ui-kit/src/elements/ToggleSwitchElement.tsx
@@ -4,7 +4,7 @@ import * as UiKit from '@rocket.chat/ui-kit';
 import { useUiKitState } from '../hooks/useUiKitState';
 import type { BlockProps } from '../utils/BlockProps';
 
-type ToggleSwitchElementProps = BlockProps<UiKit.ToggleSwitchElement>;
+export type ToggleSwitchElementProps = BlockProps<UiKit.ToggleSwitchElement>;
 
 const ToggleSwitchElement = ({ block, context, surfaceRenderer }: ToggleSwitchElementProps) => {
 	const [{ value, loading }, action] = useUiKitState(block, context);
diff --git a/packages/fuselage-ui-kit/src/elements/UsersSelectElement/MultiUsersSelectElement.tsx b/packages/fuselage-ui-kit/src/elements/UsersSelectElement/MultiUsersSelectElement.tsx
index 3aab56a4beb34..700c38548c630 100644
--- a/packages/fuselage-ui-kit/src/elements/UsersSelectElement/MultiUsersSelectElement.tsx
+++ b/packages/fuselage-ui-kit/src/elements/UsersSelectElement/MultiUsersSelectElement.tsx
@@ -8,7 +8,7 @@ import { useUsersData } from './hooks/useUsersData';
 import { useUiKitState } from '../../hooks/useUiKitState';
 import type { BlockProps } from '../../utils/BlockProps';
 
-type MultiUsersSelectElementProps = BlockProps<UiKit.MultiUsersSelectElement>;
+export type MultiUsersSelectElementProps = BlockProps<UiKit.MultiUsersSelectElement>;
 
 const MultiUsersSelectElement = ({ block, context }: MultiUsersSelectElementProps) => {
 	const [{ loading, value }, action] = useUiKitState(block, context);
diff --git a/packages/fuselage-ui-kit/src/elements/UsersSelectElement/UsersSelectElement.tsx b/packages/fuselage-ui-kit/src/elements/UsersSelectElement/UsersSelectElement.tsx
index 77cd02ce25f3d..98d960fb7819c 100644
--- a/packages/fuselage-ui-kit/src/elements/UsersSelectElement/UsersSelectElement.tsx
+++ b/packages/fuselage-ui-kit/src/elements/UsersSelectElement/UsersSelectElement.tsx
@@ -8,7 +8,7 @@ import { useUsersData } from './hooks/useUsersData';
 import { useUiKitState } from '../../hooks/useUiKitState';
 import type { BlockProps } from '../../utils/BlockProps';
 
-type UsersSelectElementProps = BlockProps<UiKit.UsersSelectElement>;
+export type UsersSelectElementProps = BlockProps<UiKit.UsersSelectElement>;
 
 export type UserAutoCompleteOptionType = {
 	value: string;
diff --git a/packages/fuselage-ui-kit/src/surfaces/BannerSurface.tsx b/packages/fuselage-ui-kit/src/surfaces/BannerSurface.tsx
index 272404de16d55..d355c9e96d4a2 100644
--- a/packages/fuselage-ui-kit/src/surfaces/BannerSurface.tsx
+++ b/packages/fuselage-ui-kit/src/surfaces/BannerSurface.tsx
@@ -3,7 +3,7 @@ import type { ReactNode } from 'react';
 
 import { Surface } from './Surface';
 
-type BannerSurfaceProps = {
+export type BannerSurfaceProps = {
 	children?: ReactNode;
 };
 
diff --git a/packages/fuselage-ui-kit/src/surfaces/ContextualBarSurface.tsx b/packages/fuselage-ui-kit/src/surfaces/ContextualBarSurface.tsx
index fd00b0e5c5dd7..a2bcd6252de70 100644
--- a/packages/fuselage-ui-kit/src/surfaces/ContextualBarSurface.tsx
+++ b/packages/fuselage-ui-kit/src/surfaces/ContextualBarSurface.tsx
@@ -3,7 +3,7 @@ import type { ReactNode } from 'react';
 
 import { Surface } from './Surface';
 
-type ContextualBarSurfaceProps = {
+export type ContextualBarSurfaceProps = {
 	children?: ReactNode;
 };
 
diff --git a/packages/fuselage-ui-kit/src/surfaces/MessageSurface.tsx b/packages/fuselage-ui-kit/src/surfaces/MessageSurface.tsx
index c99c3385682b3..f4c1d1def7a49 100644
--- a/packages/fuselage-ui-kit/src/surfaces/MessageSurface.tsx
+++ b/packages/fuselage-ui-kit/src/surfaces/MessageSurface.tsx
@@ -3,7 +3,7 @@ import type { ReactNode } from 'react';
 
 import { Surface } from './Surface';
 
-type MessageSurfaceProps = {
+export type MessageSurfaceProps = {
 	children?: ReactNode;
 };
 
diff --git a/packages/fuselage-ui-kit/src/surfaces/ModalSurface.tsx b/packages/fuselage-ui-kit/src/surfaces/ModalSurface.tsx
index 925888ceb8b25..ff27e9fb12c45 100644
--- a/packages/fuselage-ui-kit/src/surfaces/ModalSurface.tsx
+++ b/packages/fuselage-ui-kit/src/surfaces/ModalSurface.tsx
@@ -3,7 +3,7 @@ import type { ReactNode } from 'react';
 
 import { Surface } from './Surface';
 
-type ModalSurfaceProps = {
+export type ModalSurfaceProps = {
 	children?: ReactNode;
 };
 
diff --git a/packages/fuselage-ui-kit/src/surfaces/Surface.tsx b/packages/fuselage-ui-kit/src/surfaces/Surface.tsx
index e21aae515cae3..e37bf1dcff804 100644
--- a/packages/fuselage-ui-kit/src/surfaces/Surface.tsx
+++ b/packages/fuselage-ui-kit/src/surfaces/Surface.tsx
@@ -2,7 +2,7 @@ import type { ContextType, ReactNode } from 'react';
 
 import { SurfaceContext } from '../contexts/SurfaceContext';
 
-type SurfaceProps = {
+export type SurfaceProps = {
 	children: ReactNode;
 	type: ContextType<typeof SurfaceContext>;
 };
diff --git a/packages/fuselage-ui-kit/src/utils/UiKitComponent.tsx b/packages/fuselage-ui-kit/src/utils/UiKitComponent.tsx
index ae1573971193e..e586dddafe553 100644
--- a/packages/fuselage-ui-kit/src/utils/UiKitComponent.tsx
+++ b/packages/fuselage-ui-kit/src/utils/UiKitComponent.tsx
@@ -2,7 +2,7 @@ import type * as UiKit from '@rocket.chat/ui-kit';
 
 import type { UiKitBanner, UiKitContextualBar, UiKitMessage, UiKitModal } from '../surfaces';
 
-type UiKitComponentProps = {
+export type UiKitComponentProps = {
 	render: typeof UiKitBanner | typeof UiKitMessage | typeof UiKitModal | typeof UiKitContextualBar;
 	blocks: UiKit.LayoutBlock[];
 };
diff --git a/packages/gazzodown/src/Markup.tsx b/packages/gazzodown/src/Markup.tsx
index e7608656b0d93..562f15141e361 100644
--- a/packages/gazzodown/src/Markup.tsx
+++ b/packages/gazzodown/src/Markup.tsx
@@ -16,7 +16,7 @@ import KatexErrorBoundary from './katex/KatexErrorBoundary';
 const CodeBlock = lazy(() => import('./code/CodeBlock'));
 const KatexBlock = lazy(() => import('./katex/KatexBlock'));
 
-type MarkupProps = {
+export type MarkupProps = {
 	tokens: MessageParser.Root;
 	/** Original message source, used to render the `fallback` of blocks without a dedicated renderer. */
 	source?: string;
diff --git a/packages/gazzodown/src/PreviewMarkup.tsx b/packages/gazzodown/src/PreviewMarkup.tsx
index d9136bdd6ffd0..028d2fb307d00 100644
--- a/packages/gazzodown/src/PreviewMarkup.tsx
+++ b/packages/gazzodown/src/PreviewMarkup.tsx
@@ -10,7 +10,7 @@ import PreviewKatexBlock from './katex/PreviewKatexBlock';
 const isOnlyBigEmojiBlock = (tokens: MessageParser.Root): tokens is [MessageParser.BigEmoji] =>
 	tokens.length === 1 && tokens[0].type === 'BIG_EMOJI';
 
-type PreviewMarkupProps = {
+export type PreviewMarkupProps = {
 	tokens: MessageParser.Root;
 	/** Original message source, used to render the `fallback` of blocks without a dedicated renderer. */
 	source?: string;
diff --git a/packages/gazzodown/src/blocks/HeadingBlock.tsx b/packages/gazzodown/src/blocks/HeadingBlock.tsx
index e6459c349385b..781fe0d84f275 100644
--- a/packages/gazzodown/src/blocks/HeadingBlock.tsx
+++ b/packages/gazzodown/src/blocks/HeadingBlock.tsx
@@ -2,7 +2,7 @@ import type * as MessageParser from '@rocket.chat/message-parser';
 
 import InlineElements from '../elements/InlineElements';
 
-type HeadingBlockProps = {
+export type HeadingBlockProps = {
 	children?: MessageParser.Inlines[];
 	level?: 1 | 2 | 3 | 4;
 };
diff --git a/packages/gazzodown/src/blocks/OrderedListBlock.tsx b/packages/gazzodown/src/blocks/OrderedListBlock.tsx
index 5f616da0515a2..b4fac42f50478 100644
--- a/packages/gazzodown/src/blocks/OrderedListBlock.tsx
+++ b/packages/gazzodown/src/blocks/OrderedListBlock.tsx
@@ -2,7 +2,7 @@ import type * as MessageParser from '@rocket.chat/message-parser';
 
 import InlineElements from '../elements/InlineElements';
 
-type OrderedListBlockProps = {
+export type OrderedListBlockProps = {
 	items: MessageParser.ListItem[];
 };
 
diff --git a/packages/gazzodown/src/blocks/ParagraphBlock.tsx b/packages/gazzodown/src/blocks/ParagraphBlock.tsx
index 94197b202032a..d481dc758394a 100644
--- a/packages/gazzodown/src/blocks/ParagraphBlock.tsx
+++ b/packages/gazzodown/src/blocks/ParagraphBlock.tsx
@@ -2,7 +2,7 @@ import type * as MessageParser from '@rocket.chat/message-parser';
 
 import InlineElements from '../elements/InlineElements';
 
-type ParagraphBlockProps = {
+export type ParagraphBlockProps = {
 	children: MessageParser.Inlines[];
 };
 
diff --git a/packages/gazzodown/src/blocks/QuoteBlock.tsx b/packages/gazzodown/src/blocks/QuoteBlock.tsx
index 85f25d9176fbb..128cb87b3e0d8 100644
--- a/packages/gazzodown/src/blocks/QuoteBlock.tsx
+++ b/packages/gazzodown/src/blocks/QuoteBlock.tsx
@@ -2,7 +2,7 @@ import type * as MessageParser from '@rocket.chat/message-parser';
 
 import ParagraphBlock from './ParagraphBlock';
 
-type QuoteBlockProps = {
+export type QuoteBlockProps = {
 	children: MessageParser.Paragraph[];
 };
 
diff --git a/packages/gazzodown/src/blocks/SpoilerBlock.tsx b/packages/gazzodown/src/blocks/SpoilerBlock.tsx
index 6d13ccfb7c04d..cbdcf785f4bf7 100644
--- a/packages/gazzodown/src/blocks/SpoilerBlock.tsx
+++ b/packages/gazzodown/src/blocks/SpoilerBlock.tsx
@@ -5,7 +5,7 @@ import { useTranslation } from 'react-i18next';
 
 import ParagraphBlock from './ParagraphBlock';
 
-type SpoilerBlockProps = {
+export type SpoilerBlockProps = {
 	children: MessageParser.Paragraph[];
 };
 
diff --git a/packages/gazzodown/src/blocks/TableBlock.tsx b/packages/gazzodown/src/blocks/TableBlock.tsx
index 2a0ee116c0e3b..1b10f7661ccc8 100644
--- a/packages/gazzodown/src/blocks/TableBlock.tsx
+++ b/packages/gazzodown/src/blocks/TableBlock.tsx
@@ -3,7 +3,7 @@ import type * as MessageParser from '@rocket.chat/message-parser';
 
 import InlineElements from '../elements/InlineElements';
 
-type TableBlockProps = {
+export type TableBlockProps = {
 	header: MessageParser.TableCell[];
 	rows: MessageParser.TableRow[];
 };
diff --git a/packages/gazzodown/src/blocks/TaskListBlock.tsx b/packages/gazzodown/src/blocks/TaskListBlock.tsx
index 7d27aaa3621d2..9452c2146866e 100644
--- a/packages/gazzodown/src/blocks/TaskListBlock.tsx
+++ b/packages/gazzodown/src/blocks/TaskListBlock.tsx
@@ -5,7 +5,7 @@ import { useContext } from 'react';
 import { MarkupInteractionContext } from '../MarkupInteractionContext';
 import InlineElements from '../elements/InlineElements';
 
-type TaskListBlockProps = {
+export type TaskListBlockProps = {
 	tasks: MessageParser.Task[];
 };
 
diff --git a/packages/gazzodown/src/blocks/UnorderedListBlock.tsx b/packages/gazzodown/src/blocks/UnorderedListBlock.tsx
index 618fc9d1c1ea7..52d8553c47a5b 100644
--- a/packages/gazzodown/src/blocks/UnorderedListBlock.tsx
+++ b/packages/gazzodown/src/blocks/UnorderedListBlock.tsx
@@ -2,7 +2,7 @@ import type * as MessageParser from '@rocket.chat/message-parser';
 
 import InlineElements from '../elements/InlineElements';
 
-type UnorderedListBlockProps = {
+export type UnorderedListBlockProps = {
 	items: MessageParser.ListItem[];
 };
 
diff --git a/packages/gazzodown/src/code/CodeBlock.tsx b/packages/gazzodown/src/code/CodeBlock.tsx
index 08295cba3046e..bd390d19ed76e 100644
--- a/packages/gazzodown/src/code/CodeBlock.tsx
+++ b/packages/gazzodown/src/code/CodeBlock.tsx
@@ -8,7 +8,7 @@ import { useTranslation } from 'react-i18next';
 
 import { MarkupInteractionContext } from '../MarkupInteractionContext';
 
-type CodeBlockProps = {
+export type CodeBlockProps = {
 	language?: string;
 	lines: MessageParser.CodeLine[];
 };
diff --git a/packages/gazzodown/src/code/CodeElement.tsx b/packages/gazzodown/src/code/CodeElement.tsx
index 2c39b554acd4d..f3d928c0c4904 100644
--- a/packages/gazzodown/src/code/CodeElement.tsx
+++ b/packages/gazzodown/src/code/CodeElement.tsx
@@ -1,6 +1,6 @@
 import PlainSpan from '../elements/PlainSpan';
 
-type CodeElementProps = {
+export type CodeElementProps = {
 	code: string;
 };
 
diff --git a/packages/gazzodown/src/code/PreviewCodeBlock.tsx b/packages/gazzodown/src/code/PreviewCodeBlock.tsx
index 513081117ae75..ff5380cc335cc 100644
--- a/packages/gazzodown/src/code/PreviewCodeBlock.tsx
+++ b/packages/gazzodown/src/code/PreviewCodeBlock.tsx
@@ -1,7 +1,7 @@
 import type * as MessageParser from '@rocket.chat/message-parser';
 import { useMemo } from 'react';
 
-type PreviewCodeBlockProps = {
+export type PreviewCodeBlockProps = {
 	language?: string;
 	lines: MessageParser.CodeLine[];
 };
diff --git a/packages/gazzodown/src/code/PreviewCodeElement.tsx b/packages/gazzodown/src/code/PreviewCodeElement.tsx
index 4b0960e06dd38..8f1efec3920f3 100644
--- a/packages/gazzodown/src/code/PreviewCodeElement.tsx
+++ b/packages/gazzodown/src/code/PreviewCodeElement.tsx
@@ -1,4 +1,4 @@
-type PreviewCodeElementProps = {
+export type PreviewCodeElementProps = {
 	code: string;
 };
 
diff --git a/packages/gazzodown/src/colors/ColorElement.tsx b/packages/gazzodown/src/colors/ColorElement.tsx
index 8119ca35901dd..c8be456c9a04e 100644
--- a/packages/gazzodown/src/colors/ColorElement.tsx
+++ b/packages/gazzodown/src/colors/ColorElement.tsx
@@ -1,6 +1,6 @@
 import { memo } from 'react';
 
-type ColorElementProps = {
+export type ColorElementProps = {
 	r: number;
 	g: number;
 	b: number;
diff --git a/packages/gazzodown/src/colors/PreviewColorElement.tsx b/packages/gazzodown/src/colors/PreviewColorElement.tsx
index 889fe4715aa4c..0dcd56a3d64c7 100644
--- a/packages/gazzodown/src/colors/PreviewColorElement.tsx
+++ b/packages/gazzodown/src/colors/PreviewColorElement.tsx
@@ -2,7 +2,7 @@ import { memo } from 'react';
 
 const toHexByte = (value: number): string => value.toString(16).padStart(2, '0');
 
-type PreviewColorElementProps = {
+export type PreviewColorElementProps = {
 	r: number;
 	g: number;
 	b: number;
diff --git a/packages/gazzodown/src/elements/BoldSpan.tsx b/packages/gazzodown/src/elements/BoldSpan.tsx
index cc7f2e886570b..49a3f5b9e287f 100644
--- a/packages/gazzodown/src/elements/BoldSpan.tsx
+++ b/packages/gazzodown/src/elements/BoldSpan.tsx
@@ -17,7 +17,7 @@ type MessageBlock =
 	| MessageParser.MarkupExcluding<MessageParser.Bold>
 	| MessageParser.InlineCode;
 
-type BoldSpanProps = {
+export type BoldSpanProps = {
 	children: MessageBlock[];
 };
 
diff --git a/packages/gazzodown/src/elements/ImageElement.tsx b/packages/gazzodown/src/elements/ImageElement.tsx
index 59965747f2a53..5898e755783ce 100644
--- a/packages/gazzodown/src/elements/ImageElement.tsx
+++ b/packages/gazzodown/src/elements/ImageElement.tsx
@@ -41,7 +41,7 @@ const style = {
 	maxWidth: '100%',
 };
 
-type ImageElementProps = {
+export type ImageElementProps = {
 	src: string;
 	alt: MessageParser.Markup;
 };
diff --git a/packages/gazzodown/src/elements/InlineElements.tsx b/packages/gazzodown/src/elements/InlineElements.tsx
index 19aecfb7a01b1..6549736982ed4 100644
--- a/packages/gazzodown/src/elements/InlineElements.tsx
+++ b/packages/gazzodown/src/elements/InlineElements.tsx
@@ -18,7 +18,7 @@ import UserMentionElement from '../mentions/UserMentionElement';
 
 const KatexElement = lazy(() => import('../katex/KatexElement'));
 
-type InlineElementsProps = {
+export type InlineElementsProps = {
 	children: (MessageParser.Inlines | { fallback: MessageParser.Plain; type: undefined })[];
 };
 
diff --git a/packages/gazzodown/src/elements/ItalicSpan.tsx b/packages/gazzodown/src/elements/ItalicSpan.tsx
index 08005f6a58e4b..dc2a2fe119bef 100644
--- a/packages/gazzodown/src/elements/ItalicSpan.tsx
+++ b/packages/gazzodown/src/elements/ItalicSpan.tsx
@@ -17,7 +17,7 @@ type MessageBlock =
 	| MessageParser.MarkupExcluding<MessageParser.Italic>
 	| MessageParser.InlineCode;
 
-type ItalicSpanProps = {
+export type ItalicSpanProps = {
 	children: MessageBlock[];
 };
 
diff --git a/packages/gazzodown/src/elements/LinkSpan.tsx b/packages/gazzodown/src/elements/LinkSpan.tsx
index 801f9695a5b39..1fc362bdda44e 100644
--- a/packages/gazzodown/src/elements/LinkSpan.tsx
+++ b/packages/gazzodown/src/elements/LinkSpan.tsx
@@ -9,7 +9,7 @@ import PlainSpan from './PlainSpan';
 import StrikeSpan from './StrikeSpan';
 import { sanitizeUrl } from './sanitizeUrl';
 
-type LinkSpanProps = {
+export type LinkSpanProps = {
 	href: string;
 	label: MessageParser.Markup | MessageParser.Markup[];
 };
diff --git a/packages/gazzodown/src/elements/PlainSpan.tsx b/packages/gazzodown/src/elements/PlainSpan.tsx
index fa298600b04a9..94836ef5c4b93 100644
--- a/packages/gazzodown/src/elements/PlainSpan.tsx
+++ b/packages/gazzodown/src/elements/PlainSpan.tsx
@@ -3,7 +3,7 @@ import { useTranslation } from 'react-i18next';
 
 import { MarkupInteractionContext } from '../MarkupInteractionContext';
 
-type PlainSpanProps = {
+export type PlainSpanProps = {
 	text: string;
 };
 
diff --git a/packages/gazzodown/src/elements/PreviewInlineElements.tsx b/packages/gazzodown/src/elements/PreviewInlineElements.tsx
index 3e839d3784a67..5b5306969da60 100644
--- a/packages/gazzodown/src/elements/PreviewInlineElements.tsx
+++ b/packages/gazzodown/src/elements/PreviewInlineElements.tsx
@@ -12,7 +12,7 @@ import PreviewKatexElement from '../katex/PreviewKatexElement';
 import PreviewChannelMentionElement from '../mentions/PreviewChannelMentionElement';
 import PreviewUserMentionElement from '../mentions/PreviewUserMentionElement';
 
-type PreviewInlineElementsProps = {
+export type PreviewInlineElementsProps = {
 	children: MessageParser.Inlines[];
 };
 
diff --git a/packages/gazzodown/src/elements/SpoilerSpan.tsx b/packages/gazzodown/src/elements/SpoilerSpan.tsx
index d14032df4f46a..c339bd5417d8f 100644
--- a/packages/gazzodown/src/elements/SpoilerSpan.tsx
+++ b/packages/gazzodown/src/elements/SpoilerSpan.tsx
@@ -19,7 +19,7 @@ import UserMentionElement from '../mentions/UserMentionElement';
 
 const KatexElement = lazy(() => import('../katex/KatexElement'));
 
-type SpoilerSpanProps = {
+export type SpoilerSpanProps = {
 	children: MessageParser.Spoiler['value'];
 };
 
diff --git a/packages/gazzodown/src/elements/StrikeSpan.tsx b/packages/gazzodown/src/elements/StrikeSpan.tsx
index add2af4011c4e..55475b389fabf 100644
--- a/packages/gazzodown/src/elements/StrikeSpan.tsx
+++ b/packages/gazzodown/src/elements/StrikeSpan.tsx
@@ -18,7 +18,7 @@ type MessageBlock =
 	| MessageParser.MarkupExcluding<MessageParser.Strike>
 	| MessageParser.InlineCode;
 
-type StrikeSpanProps = {
+export type StrikeSpanProps = {
 	children: MessageBlock[];
 };
 
diff --git a/packages/gazzodown/src/elements/Timestamp/index.tsx b/packages/gazzodown/src/elements/Timestamp/index.tsx
index 65edd89235c91..662ed240e6633 100644
--- a/packages/gazzodown/src/elements/Timestamp/index.tsx
+++ b/packages/gazzodown/src/elements/Timestamp/index.tsx
@@ -10,7 +10,9 @@ type BoldSpanProps = {
 	children: MessageParser.Timestamp;
 };
 
-const Timestamp = ({ format, value }: { format: 't' | 'T' | 'd' | 'D' | 'f' | 'F' | 'R'; value: Date }) => {
+export type TimestampProps = { format: 't' | 'T' | 'd' | 'D' | 'f' | 'F' | 'R'; value: Date };
+
+const Timestamp = ({ format, value }: TimestampProps) => {
 	switch (format) {
 		case 't': // Short time format
 			return <ShortTime value={value} />;
@@ -41,26 +43,40 @@ const TimestampWrapper = ({ children }: BoldSpanProps) => (
 	</ErrorBoundary>
 );
 
+export type ShortTimeProps = { value: Date };
+
 // eslint-disable-next-line react/no-multi-comp
-const ShortTime = ({ value }: { value: Date }) => <Time value={format(value, 'p')} dateTime={value.toISOString()} />;
+const ShortTime = ({ value }: ShortTimeProps) => <Time value={format(value, 'p')} dateTime={value.toISOString()} />;
+
+export type LongTimeProps = { value: Date };
 
 // eslint-disable-next-line react/no-multi-comp
-const LongTime = ({ value }: { value: Date }) => <Time value={format(value, 'pp')} dateTime={value.toISOString()} />;
+const LongTime = ({ value }: LongTimeProps) => <Time value={format(value, 'pp')} dateTime={value.toISOString()} />;
+
+export type ShortDateProps = { value: Date };
 
 // eslint-disable-next-line react/no-multi-comp
-const ShortDate = ({ value }: { value: Date }) => <Time value={format(value, 'P')} dateTime={value.toISOString()} />;
+const ShortDate = ({ value }: ShortDateProps) => <Time value={format(value, 'P')} dateTime={value.toISOString()} />;
+
+export type LongDateProps = { value: Date };
 
 // eslint-disable-next-line react/no-multi-comp
-const LongDate = ({ value }: { value: Date }) => <Time value={format(value, 'Pp')} dateTime={value.toISOString()} />;
+const LongDate = ({ value }: LongDateProps) => <Time value={format(value, 'Pp')} dateTime={value.toISOString()} />;
+
+export type FullDateProps = { value: Date };
 
 // eslint-disable-next-line react/no-multi-comp
-const FullDate = ({ value }: { value: Date }) => <Time value={format(value, 'PPPP p')} dateTime={value.toISOString()} />;
+const FullDate = ({ value }: FullDateProps) => <Time value={format(value, 'PPPP p')} dateTime={value.toISOString()} />;
+
+export type FullDateLongProps = { value: Date };
 
 // eslint-disable-next-line react/no-multi-comp
-const FullDateLong = ({ value }: { value: Date }) => <Time value={format(value, 'PPPP pp')} dateTime={value.toISOString()} />;
+const FullDateLong = ({ value }: FullDateLongProps) => <Time value={format(value, 'PPPP pp')} dateTime={value.toISOString()} />;
+
+export type TimeProps = { value: string; dateTime: string };
 
 // eslint-disable-next-line react/no-multi-comp
-const Time = ({ value, dateTime }: { value: string; dateTime: string }) => (
+const Time = ({ value, dateTime }: TimeProps) => (
 	<time
 		title={new Date(dateTime).toLocaleString()}
 		dateTime={dateTime}
@@ -72,8 +88,10 @@ const Time = ({ value, dateTime }: { value: string; dateTime: string }) => (
 	</time>
 );
 
+export type RelativeTimeProps = { value: Date };
+
 // eslint-disable-next-line react/no-multi-comp
-const RelativeTime = ({ value }: { value: Date }) => {
+const RelativeTime = ({ value }: RelativeTimeProps) => {
 	const time = value.getTime();
 
 	const { language } = useContext(MarkupInteractionContext);
diff --git a/packages/gazzodown/src/emoji/BigEmojiBlock.tsx b/packages/gazzodown/src/emoji/BigEmojiBlock.tsx
index 72a94729ca3f0..2c5c0e3c90521 100644
--- a/packages/gazzodown/src/emoji/BigEmojiBlock.tsx
+++ b/packages/gazzodown/src/emoji/BigEmojiBlock.tsx
@@ -2,7 +2,7 @@ import type * as MessageParser from '@rocket.chat/message-parser';
 
 import BigEmojiElement from './BigEmojiElement';
 
-type BigEmojiBlockProps = {
+export type BigEmojiBlockProps = {
 	emoji: MessageParser.Emoji[];
 };
 
diff --git a/packages/gazzodown/src/emoji/BigEmojiElement.tsx b/packages/gazzodown/src/emoji/BigEmojiElement.tsx
index 58a8b8858f9f4..52246052d3326 100644
--- a/packages/gazzodown/src/emoji/BigEmojiElement.tsx
+++ b/packages/gazzodown/src/emoji/BigEmojiElement.tsx
@@ -2,7 +2,7 @@ import type * as MessageParser from '@rocket.chat/message-parser';
 
 import Emoji from './Emoji';
 
-type BigEmojiElementProps = MessageParser.Emoji;
+export type BigEmojiElementProps = MessageParser.Emoji;
 
 const BigEmojiElement = (emoji: BigEmojiElementProps) => <Emoji big {...emoji} />;
 
diff --git a/packages/gazzodown/src/emoji/Emoji.tsx b/packages/gazzodown/src/emoji/Emoji.tsx
index b33b33c6f05c8..a524efc4bfbc0 100644
--- a/packages/gazzodown/src/emoji/Emoji.tsx
+++ b/packages/gazzodown/src/emoji/Emoji.tsx
@@ -5,7 +5,7 @@ import { MarkupInteractionContext } from '../MarkupInteractionContext';
 import EmojiRenderer from './EmojiRenderer';
 import PlainSpan from '../elements/PlainSpan';
 
-type EmojiProps = MessageParser.Emoji & {
+export type EmojiProps = MessageParser.Emoji & {
 	big?: boolean;
 	preview?: boolean;
 };
diff --git a/packages/gazzodown/src/emoji/EmojiElement.tsx b/packages/gazzodown/src/emoji/EmojiElement.tsx
index a0080c5af9874..c2dfcb452db9f 100644
--- a/packages/gazzodown/src/emoji/EmojiElement.tsx
+++ b/packages/gazzodown/src/emoji/EmojiElement.tsx
@@ -3,7 +3,7 @@ import { memo } from 'react';
 
 import Emoji from './Emoji';
 
-type EmojiElementProps = MessageParser.Emoji;
+export type EmojiElementProps = MessageParser.Emoji;
 
 const EmojiElement = (emoji: EmojiElementProps) => <Emoji {...emoji} />;
 
diff --git a/packages/gazzodown/src/emoji/PreviewBigEmojiBlock.tsx b/packages/gazzodown/src/emoji/PreviewBigEmojiBlock.tsx
index cc4d8c92b84b8..078424e00f5c3 100644
--- a/packages/gazzodown/src/emoji/PreviewBigEmojiBlock.tsx
+++ b/packages/gazzodown/src/emoji/PreviewBigEmojiBlock.tsx
@@ -2,7 +2,7 @@ import type * as MessageParser from '@rocket.chat/message-parser';
 
 import PreviewEmojiElement from './PreviewEmojiElement';
 
-type PreviewBigEmojiBlockProps = {
+export type PreviewBigEmojiBlockProps = {
 	emoji: MessageParser.Emoji[];
 };
 
diff --git a/packages/gazzodown/src/emoji/PreviewEmojiElement.tsx b/packages/gazzodown/src/emoji/PreviewEmojiElement.tsx
index f8629efd16f5d..1ab83ff56651c 100644
--- a/packages/gazzodown/src/emoji/PreviewEmojiElement.tsx
+++ b/packages/gazzodown/src/emoji/PreviewEmojiElement.tsx
@@ -2,7 +2,7 @@ import type * as MessageParser from '@rocket.chat/message-parser';
 
 import Emoji from './Emoji';
 
-type PreviewEmojiElementProps = MessageParser.Emoji;
+export type PreviewEmojiElementProps = MessageParser.Emoji;
 
 const PreviewEmojiElement = (emoji: PreviewEmojiElementProps) => <Emoji preview {...emoji} />;
 
diff --git a/packages/gazzodown/src/katex/KatexBlock.tsx b/packages/gazzodown/src/katex/KatexBlock.tsx
index 874007f47150e..68537dc91adaa 100644
--- a/packages/gazzodown/src/katex/KatexBlock.tsx
+++ b/packages/gazzodown/src/katex/KatexBlock.tsx
@@ -3,7 +3,7 @@ import { useMemo } from 'react';
 
 import 'katex/dist/katex.css';
 
-type KatexBlockProps = {
+export type KatexBlockProps = {
 	code: string;
 };
 
diff --git a/packages/gazzodown/src/katex/KatexElement.tsx b/packages/gazzodown/src/katex/KatexElement.tsx
index 6b3fc1829f0e6..82c25c0cca6b3 100644
--- a/packages/gazzodown/src/katex/KatexElement.tsx
+++ b/packages/gazzodown/src/katex/KatexElement.tsx
@@ -3,7 +3,7 @@ import { useMemo } from 'react';
 
 import 'katex/dist/katex.css';
 
-type KatexElementProps = {
+export type KatexElementProps = {
 	code: string;
 };
 
diff --git a/packages/gazzodown/src/katex/KatexErrorBoundary.tsx b/packages/gazzodown/src/katex/KatexErrorBoundary.tsx
index a94cb23eae79f..8beae065f23a6 100644
--- a/packages/gazzodown/src/katex/KatexErrorBoundary.tsx
+++ b/packages/gazzodown/src/katex/KatexErrorBoundary.tsx
@@ -4,7 +4,7 @@ import type { PropsWithChildren } from 'react';
 import { useState } from 'react';
 import { ErrorBoundary } from 'react-error-boundary';
 
-type KatexErrorBoundaryProps = PropsWithChildren<{ code: string }>;
+export type KatexErrorBoundaryProps = PropsWithChildren<{ code: string }>;
 
 const Fallback = styled('span')`
 	text-decoration: underline;
diff --git a/packages/gazzodown/src/katex/PreviewKatexBlock.tsx b/packages/gazzodown/src/katex/PreviewKatexBlock.tsx
index 8aae72a541b35..276659beff80b 100644
--- a/packages/gazzodown/src/katex/PreviewKatexBlock.tsx
+++ b/packages/gazzodown/src/katex/PreviewKatexBlock.tsx
@@ -1,6 +1,6 @@
 import 'katex/dist/katex.css';
 
-type PreviewKatexBlockProps = {
+export type PreviewKatexBlockProps = {
 	code: string;
 };
 
diff --git a/packages/gazzodown/src/katex/PreviewKatexElement.tsx b/packages/gazzodown/src/katex/PreviewKatexElement.tsx
index 7fd6ec7275a26..ef3eeec2482e2 100644
--- a/packages/gazzodown/src/katex/PreviewKatexElement.tsx
+++ b/packages/gazzodown/src/katex/PreviewKatexElement.tsx
@@ -1,6 +1,6 @@
 import 'katex/dist/katex.css';
 
-type PreviewKatexElementProps = {
+export type PreviewKatexElementProps = {
 	code: string;
 };
 
diff --git a/packages/gazzodown/src/mentions/ChannelMentionElement.tsx b/packages/gazzodown/src/mentions/ChannelMentionElement.tsx
index d0b73de5ba283..4b081e604e7bd 100644
--- a/packages/gazzodown/src/mentions/ChannelMentionElement.tsx
+++ b/packages/gazzodown/src/mentions/ChannelMentionElement.tsx
@@ -5,7 +5,7 @@ import { useTranslation } from 'react-i18next';
 
 import { MarkupInteractionContext } from '../MarkupInteractionContext';
 
-type ChannelMentionElementProps = {
+export type ChannelMentionElementProps = {
 	mention: string;
 };
 
diff --git a/packages/gazzodown/src/mentions/PreviewChannelMentionElement.tsx b/packages/gazzodown/src/mentions/PreviewChannelMentionElement.tsx
index 075b9bd87a53e..a99ee0ee6def7 100644
--- a/packages/gazzodown/src/mentions/PreviewChannelMentionElement.tsx
+++ b/packages/gazzodown/src/mentions/PreviewChannelMentionElement.tsx
@@ -1,6 +1,6 @@
 import { memo } from 'react';
 
-type PreviewChannelMentionElementProps = {
+export type PreviewChannelMentionElementProps = {
 	mention: string;
 };
 
diff --git a/packages/gazzodown/src/mentions/PreviewUserMentionElement.tsx b/packages/gazzodown/src/mentions/PreviewUserMentionElement.tsx
index deb7f982bfc40..8f5ffdb4ccdb9 100644
--- a/packages/gazzodown/src/mentions/PreviewUserMentionElement.tsx
+++ b/packages/gazzodown/src/mentions/PreviewUserMentionElement.tsx
@@ -1,6 +1,6 @@
 import { memo } from 'react';
 
-type PreviewUserMentionElementProps = {
+export type PreviewUserMentionElementProps = {
 	mention: string;
 };
 
diff --git a/packages/gazzodown/src/mentions/UserMentionElement.tsx b/packages/gazzodown/src/mentions/UserMentionElement.tsx
index 5701c1af1bea5..e8db1eb2f2003 100644
--- a/packages/gazzodown/src/mentions/UserMentionElement.tsx
+++ b/packages/gazzodown/src/mentions/UserMentionElement.tsx
@@ -5,7 +5,7 @@ import { useTranslation } from 'react-i18next';
 
 import { MarkupInteractionContext } from '../MarkupInteractionContext';
 
-type UserMentionElementProps = {
+export type UserMentionElementProps = {
 	mention: string;
 };
 
diff --git a/packages/livechat/src/components/Alert/index.tsx b/packages/livechat/src/components/Alert/index.tsx
index e95306f6dae78..6ef136fa062b2 100644
--- a/packages/livechat/src/components/Alert/index.tsx
+++ b/packages/livechat/src/components/Alert/index.tsx
@@ -7,7 +7,7 @@ import styles from './styles.scss';
 import { createClassName } from '../../helpers/createClassName';
 import CloseIcon from '../../icons/close.svg';
 
-type AlertProps = {
+export type AlertProps = {
 	id?: string;
 	onDismiss?: (id?: string) => void;
 	success?: boolean;
diff --git a/packages/livechat/src/components/Button/index.tsx b/packages/livechat/src/components/Button/index.tsx
index 20303561fe3e8..99de02a415704 100644
--- a/packages/livechat/src/components/Button/index.tsx
+++ b/packages/livechat/src/components/Button/index.tsx
@@ -9,7 +9,7 @@ import { createClassName } from '../../helpers/createClassName';
 const handleMouseUp: JSXInternal.EventHandler<JSXInternal.TargetedMouseEvent<HTMLButtonElement>> = ({ target }) =>
 	(target as HTMLButtonElement)?.blur();
 
-type ButtonProps = {
+export type ButtonProps = {
 	children?: ComponentChildren;
 	submit?: boolean;
 	form?: string;