From c12eebf8640e7abd7e475cd12f12c89291a2b4e5 Mon Sep 17 00:00:00 2001
From: Tasso Evangelista <tasso.evangelista@rocket.chat>
Date: Fri, 3 Jul 2026 17:37:18 -0300
Subject: [PATCH 01/20] 
 refactor(apps/meteor/client/components/RoomIcon/OmnichannelRoomIcon): export
 component props types

---
 .../OmnichannelRoomIcon/OmnichannelAppSourceRoomIcon.tsx        | 2 +-
 .../OmnichannelRoomIcon/OmnichannelCoreSourceRoomIcon.tsx       | 2 +-
 .../RoomIcon/OmnichannelRoomIcon/OmnichannelRoomIcon.tsx        | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/meteor/client/components/RoomIcon/OmnichannelRoomIcon/OmnichannelAppSourceRoomIcon.tsx b/apps/meteor/client/components/RoomIcon/OmnichannelRoomIcon/OmnichannelAppSourceRoomIcon.tsx
index 268143a7dcd1d..a20bafce8e34b 100644
--- a/apps/meteor/client/components/RoomIcon/OmnichannelRoomIcon/OmnichannelAppSourceRoomIcon.tsx
+++ b/apps/meteor/client/components/RoomIcon/OmnichannelRoomIcon/OmnichannelAppSourceRoomIcon.tsx
@@ -4,7 +4,7 @@ import type { ComponentProps } from 'react';
 
 import { useOmnichannelRoomIcon } from './context/OmnichannelRoomIconContext';
 
-type OmnichannelAppSourceRoomIconProps = {
+export type OmnichannelAppSourceRoomIconProps = {
 	source: IOmnichannelSourceFromApp;
 	color: ComponentProps<typeof Box>['color'];
 	size: ComponentProps<typeof Icon>['size'];
diff --git a/apps/meteor/client/components/RoomIcon/OmnichannelRoomIcon/OmnichannelCoreSourceRoomIcon.tsx b/apps/meteor/client/components/RoomIcon/OmnichannelRoomIcon/OmnichannelCoreSourceRoomIcon.tsx
index bf82549f5a50b..063f74c32165f 100644
--- a/apps/meteor/client/components/RoomIcon/OmnichannelRoomIcon/OmnichannelCoreSourceRoomIcon.tsx
+++ b/apps/meteor/client/components/RoomIcon/OmnichannelRoomIcon/OmnichannelCoreSourceRoomIcon.tsx
@@ -11,7 +11,7 @@ const iconMap = {
 	other: 'headset',
 } as const;
 
-type OmnichannelCoreSourceRoomIconProps = {
+export type OmnichannelCoreSourceRoomIconProps = {
 	source: IOmnichannelSource;
 	color: ComponentProps<typeof Icon>['color'];
 	size: ComponentProps<typeof Icon>['size'];
diff --git a/apps/meteor/client/components/RoomIcon/OmnichannelRoomIcon/OmnichannelRoomIcon.tsx b/apps/meteor/client/components/RoomIcon/OmnichannelRoomIcon/OmnichannelRoomIcon.tsx
index 6e6861ea1c861..2dc0fbfcded1f 100644
--- a/apps/meteor/client/components/RoomIcon/OmnichannelRoomIcon/OmnichannelRoomIcon.tsx
+++ b/apps/meteor/client/components/RoomIcon/OmnichannelRoomIcon/OmnichannelRoomIcon.tsx
@@ -14,7 +14,7 @@ const colors = {
 	disabled: 'annotation',
 } as const;
 
-type OmnichannelRoomIconProps = {
+export type OmnichannelRoomIconProps = {
 	source: IOmnichannelSource;
 	color?: ComponentProps<typeof Icon>['color'];
 	status?: UserStatus;

From 490df3850f257ad3dde5d2750f48f17d999d7405 Mon Sep 17 00:00:00 2001
From: Tasso Evangelista <tasso.evangelista@rocket.chat>
Date: Fri, 3 Jul 2026 17:37:19 -0300
Subject: [PATCH 02/20] 
 refactor(apps/meteor/client/components/RoomIcon/OmnichannelRoomIcon/provider):
 export component props types

---
 .../provider/OmnichannelRoomIconProvider.tsx                    | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/meteor/client/components/RoomIcon/OmnichannelRoomIcon/provider/OmnichannelRoomIconProvider.tsx b/apps/meteor/client/components/RoomIcon/OmnichannelRoomIcon/provider/OmnichannelRoomIconProvider.tsx
index 5aacd297a8f76..169a6258f8fd1 100644
--- a/apps/meteor/client/components/RoomIcon/OmnichannelRoomIcon/provider/OmnichannelRoomIconProvider.tsx
+++ b/apps/meteor/client/components/RoomIcon/OmnichannelRoomIcon/provider/OmnichannelRoomIconProvider.tsx
@@ -8,7 +8,7 @@ import OmnichannelRoomIconManager from '../lib/OmnichannelRoomIconManager';
 
 let icons = Array.from(OmnichannelRoomIconManager.icons.values());
 
-type OmnichannelRoomIconProviderProps = {
+export type OmnichannelRoomIconProviderProps = {
 	children?: ReactNode;
 };
 

From 9d2730ec752288cdd22a6cad5c9b05e02035d113 Mon Sep 17 00:00:00 2001
From: Tasso Evangelista <tasso.evangelista@rocket.chat>
Date: Fri, 3 Jul 2026 17:37:19 -0300
Subject: [PATCH 03/20] refactor(apps/meteor/client/components/Sidebar): export
 component props types

---
 apps/meteor/client/components/Sidebar/Content.tsx               | 2 +-
 apps/meteor/client/components/Sidebar/Header.tsx                | 2 +-
 apps/meteor/client/components/Sidebar/ListItem.tsx              | 2 +-
 apps/meteor/client/components/Sidebar/Sidebar.tsx               | 2 +-
 apps/meteor/client/components/Sidebar/SidebarGenericItem.tsx    | 2 +-
 apps/meteor/client/components/Sidebar/SidebarItemsAssembler.tsx | 2 +-
 apps/meteor/client/components/Sidebar/SidebarNavigationItem.tsx | 2 +-
 7 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/apps/meteor/client/components/Sidebar/Content.tsx b/apps/meteor/client/components/Sidebar/Content.tsx
index b7a3fef60ea49..d1b244606aa7e 100644
--- a/apps/meteor/client/components/Sidebar/Content.tsx
+++ b/apps/meteor/client/components/Sidebar/Content.tsx
@@ -2,7 +2,7 @@ import { Box } from '@rocket.chat/fuselage';
 import { CustomScrollbars } from '@rocket.chat/ui-client';
 import type { ComponentPropsWithoutRef } from 'react';
 
-type ContentProps = ComponentPropsWithoutRef<typeof CustomScrollbars>;
+export type ContentProps = ComponentPropsWithoutRef<typeof CustomScrollbars>;
 
 const Content = ({ children, ...props }: ContentProps) => (
 	<Box display='flex' flexDirection='column' flexGrow={1} flexShrink={1} overflow='hidden'>
diff --git a/apps/meteor/client/components/Sidebar/Header.tsx b/apps/meteor/client/components/Sidebar/Header.tsx
index 528e8aa5d3fa3..386ec132a7f78 100644
--- a/apps/meteor/client/components/Sidebar/Header.tsx
+++ b/apps/meteor/client/components/Sidebar/Header.tsx
@@ -2,7 +2,7 @@ import { Box, IconButton } from '@rocket.chat/fuselage';
 import type { ReactNode } from 'react';
 import { useTranslation } from 'react-i18next';
 
-type HeaderProps = {
+export type HeaderProps = {
 	children?: ReactNode;
 	title?: ReactNode;
 	onClose?: () => void;
diff --git a/apps/meteor/client/components/Sidebar/ListItem.tsx b/apps/meteor/client/components/Sidebar/ListItem.tsx
index 5ab5d2a43c743..d8dbe6f4d7d12 100644
--- a/apps/meteor/client/components/Sidebar/ListItem.tsx
+++ b/apps/meteor/client/components/Sidebar/ListItem.tsx
@@ -18,7 +18,7 @@ type ListItemConditionalProps =
 			gap?: boolean;
 	  };
 
-type ListItemProps = ListItemCommonProps & ListItemConditionalProps;
+export type ListItemProps = ListItemCommonProps & ListItemConditionalProps;
 
 const ListItem = ({ icon, text, input, children, gap, ...props }: ListItemProps) => (
 	<Option {...props}>
diff --git a/apps/meteor/client/components/Sidebar/Sidebar.tsx b/apps/meteor/client/components/Sidebar/Sidebar.tsx
index 46ca2fd941258..07325a602920e 100644
--- a/apps/meteor/client/components/Sidebar/Sidebar.tsx
+++ b/apps/meteor/client/components/Sidebar/Sidebar.tsx
@@ -1,7 +1,7 @@
 import { Sidebar as FuselageSidebar } from '@rocket.chat/fuselage';
 import type { ComponentPropsWithoutRef } from 'react';
 
-type SidebarProps = ComponentPropsWithoutRef<typeof FuselageSidebar>;
+export type SidebarProps = ComponentPropsWithoutRef<typeof FuselageSidebar>;
 
 const Sidebar = (props: SidebarProps) => <FuselageSidebar {...props} role='navigation' display='flex' flexDirection='column' h='full' />;
 
diff --git a/apps/meteor/client/components/Sidebar/SidebarGenericItem.tsx b/apps/meteor/client/components/Sidebar/SidebarGenericItem.tsx
index f36ec4c773e68..95f3ffd29d6d8 100644
--- a/apps/meteor/client/components/Sidebar/SidebarGenericItem.tsx
+++ b/apps/meteor/client/components/Sidebar/SidebarGenericItem.tsx
@@ -2,7 +2,7 @@ import { Box, SidebarItem } from '@rocket.chat/fuselage';
 import type { ReactNode } from 'react';
 import { memo } from 'react';
 
-type SidebarGenericItemProps = {
+export type SidebarGenericItemProps = {
 	href?: string;
 	active?: boolean;
 	featured?: boolean;
diff --git a/apps/meteor/client/components/Sidebar/SidebarItemsAssembler.tsx b/apps/meteor/client/components/Sidebar/SidebarItemsAssembler.tsx
index efe67748af777..53a25970e1a30 100644
--- a/apps/meteor/client/components/Sidebar/SidebarItemsAssembler.tsx
+++ b/apps/meteor/client/components/Sidebar/SidebarItemsAssembler.tsx
@@ -6,7 +6,7 @@ import SidebarNavigationItem from './SidebarNavigationItem';
 import type { SidebarItem } from '../../lib/createSidebarItems';
 import { isSidebarItem } from '../../lib/createSidebarItems';
 
-type SidebarItemsAssemblerProps = {
+export type SidebarItemsAssemblerProps = {
 	items: SidebarItem[];
 	currentPath?: string;
 };
diff --git a/apps/meteor/client/components/Sidebar/SidebarNavigationItem.tsx b/apps/meteor/client/components/Sidebar/SidebarNavigationItem.tsx
index 1a07cc1440dc4..52f81cf923372 100644
--- a/apps/meteor/client/components/Sidebar/SidebarNavigationItem.tsx
+++ b/apps/meteor/client/components/Sidebar/SidebarNavigationItem.tsx
@@ -5,7 +5,7 @@ import { memo } from 'react';
 
 import SidebarGenericItem from './SidebarGenericItem';
 
-type SidebarNavigationItemProps = {
+export type SidebarNavigationItemProps = {
 	permissionGranted?: (() => boolean) | boolean;
 	pathSection: string;
 	icon?: IconName;

From 9e3bbacfabfa3f660ea71e4ba11c64c9bbbbfb8c Mon Sep 17 00:00:00 2001
From: Tasso Evangelista <tasso.evangelista@rocket.chat>
Date: Fri, 3 Jul 2026 17:37:19 -0300
Subject: [PATCH 04/20] refactor(apps/meteor/client/components/SidebarToggler):
 export component props types

---
 .../client/components/SidebarToggler/SidebarTogglerBadge.tsx    | 2 +-
 .../client/components/SidebarToggler/SidebarTogglerButton.tsx   | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/meteor/client/components/SidebarToggler/SidebarTogglerBadge.tsx b/apps/meteor/client/components/SidebarToggler/SidebarTogglerBadge.tsx
index 6de65e701bc89..a984bcbe9d883 100644
--- a/apps/meteor/client/components/SidebarToggler/SidebarTogglerBadge.tsx
+++ b/apps/meteor/client/components/SidebarToggler/SidebarTogglerBadge.tsx
@@ -2,7 +2,7 @@ import { css } from '@rocket.chat/css-in-js';
 import { Box, Badge } from '@rocket.chat/fuselage';
 import type { ReactNode } from 'react';
 
-type SidebarTogglerBadgeProps = {
+export type SidebarTogglerBadgeProps = {
 	children?: ReactNode;
 };
 
diff --git a/apps/meteor/client/components/SidebarToggler/SidebarTogglerButton.tsx b/apps/meteor/client/components/SidebarToggler/SidebarTogglerButton.tsx
index 6da63f4786a78..a13c51b34e941 100644
--- a/apps/meteor/client/components/SidebarToggler/SidebarTogglerButton.tsx
+++ b/apps/meteor/client/components/SidebarToggler/SidebarTogglerButton.tsx
@@ -4,7 +4,7 @@ import { useTranslation } from 'react-i18next';
 
 import SidebarTogglerBadge from './SidebarTogglerBadge';
 
-type SideBarTogglerButtonProps = {
+export type SideBarTogglerButtonProps = {
 	pressed?: boolean;
 	badge?: ReactNode;
 	onClick: () => void;

From b2efa1cce227baa7484adc3abf5c0c719a85f69e Mon Sep 17 00:00:00 2001
From: Tasso Evangelista <tasso.evangelista@rocket.chat>
Date: Fri, 3 Jul 2026 17:37:19 -0300
Subject: [PATCH 05/20] refactor(apps/meteor/client/components/TwoFactorModal):
 export component props types

---
 .../client/components/TwoFactorModal/TwoFactorEmailModal.tsx    | 2 +-
 apps/meteor/client/components/TwoFactorModal/TwoFactorModal.tsx | 2 +-
 .../client/components/TwoFactorModal/TwoFactorPasswordModal.tsx | 2 +-
 .../client/components/TwoFactorModal/TwoFactorTotpModal.tsx     | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/meteor/client/components/TwoFactorModal/TwoFactorEmailModal.tsx b/apps/meteor/client/components/TwoFactorModal/TwoFactorEmailModal.tsx
index 8fc9c9df7bee2..7c7ac9b619d8c 100644
--- a/apps/meteor/client/components/TwoFactorModal/TwoFactorEmailModal.tsx
+++ b/apps/meteor/client/components/TwoFactorModal/TwoFactorEmailModal.tsx
@@ -9,7 +9,7 @@ import { useTranslation } from 'react-i18next';
 import type { OnConfirm } from './TwoFactorModal';
 import { Method } from './TwoFactorModal';
 
-type TwoFactorEmailModalProps = {
+export type TwoFactorEmailModalProps = {
 	onConfirm: OnConfirm;
 	onClose: () => void;
 	invalidAttempt?: boolean;
diff --git a/apps/meteor/client/components/TwoFactorModal/TwoFactorModal.tsx b/apps/meteor/client/components/TwoFactorModal/TwoFactorModal.tsx
index 40bd42706eefa..718edbfa845a1 100644
--- a/apps/meteor/client/components/TwoFactorModal/TwoFactorModal.tsx
+++ b/apps/meteor/client/components/TwoFactorModal/TwoFactorModal.tsx
@@ -10,7 +10,7 @@ export enum Method {
 
 export type OnConfirm = (code: string, method: Method) => void | Promise<void>;
 
-type TwoFactorModalProps = {
+export type TwoFactorModalProps = {
 	onConfirm: OnConfirm;
 	onClose: () => void;
 	invalidAttempt?: boolean;
diff --git a/apps/meteor/client/components/TwoFactorModal/TwoFactorPasswordModal.tsx b/apps/meteor/client/components/TwoFactorModal/TwoFactorPasswordModal.tsx
index 33fe3a7db7a73..2ff889f5cf9ab 100644
--- a/apps/meteor/client/components/TwoFactorModal/TwoFactorPasswordModal.tsx
+++ b/apps/meteor/client/components/TwoFactorModal/TwoFactorPasswordModal.tsx
@@ -8,7 +8,7 @@ import { useTranslation } from 'react-i18next';
 import type { OnConfirm } from './TwoFactorModal';
 import { Method } from './TwoFactorModal';
 
-type TwoFactorPasswordModalProps = {
+export type TwoFactorPasswordModalProps = {
 	onConfirm: OnConfirm;
 	onClose: () => void;
 	invalidAttempt?: boolean;
diff --git a/apps/meteor/client/components/TwoFactorModal/TwoFactorTotpModal.tsx b/apps/meteor/client/components/TwoFactorModal/TwoFactorTotpModal.tsx
index 65f8fe00d440d..629330680bf45 100644
--- a/apps/meteor/client/components/TwoFactorModal/TwoFactorTotpModal.tsx
+++ b/apps/meteor/client/components/TwoFactorModal/TwoFactorTotpModal.tsx
@@ -8,7 +8,7 @@ import { useTranslation } from 'react-i18next';
 import type { OnConfirm } from './TwoFactorModal';
 import { Method } from './TwoFactorModal';
 
-type TwoFactorTotpModalProps = {
+export type TwoFactorTotpModalProps = {
 	onConfirm: OnConfirm;
 	onClose: () => void;
 	onDismiss?: () => void;

From 164008d48761dc741bb3b06e0415570090e3e98e Mon Sep 17 00:00:00 2001
From: Tasso Evangelista <tasso.evangelista@rocket.chat>
Date: Fri, 3 Jul 2026 17:37:20 -0300
Subject: [PATCH 06/20] 
 refactor(apps/meteor/client/components/UserAndRoomAutoCompleteMultiple):
 export component props types

---
 .../UserAndRoomAutoCompleteMultiple.tsx                         | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/meteor/client/components/UserAndRoomAutoCompleteMultiple/UserAndRoomAutoCompleteMultiple.tsx b/apps/meteor/client/components/UserAndRoomAutoCompleteMultiple/UserAndRoomAutoCompleteMultiple.tsx
index fe0937b2ed657..b380ef2dee1c6 100644
--- a/apps/meteor/client/components/UserAndRoomAutoCompleteMultiple/UserAndRoomAutoCompleteMultiple.tsx
+++ b/apps/meteor/client/components/UserAndRoomAutoCompleteMultiple/UserAndRoomAutoCompleteMultiple.tsx
@@ -10,7 +10,7 @@ import { memo, useMemo, useState } from 'react';
 import { roomCoordinator } from '../../lib/rooms/roomCoordinator';
 import { Rooms } from '../../stores';
 
-type UserAndRoomAutoCompleteMultipleProps = Omit<ComponentProps<typeof AutoComplete>, 'filter'> & {
+export type UserAndRoomAutoCompleteMultipleProps = Omit<ComponentProps<typeof AutoComplete>, 'filter'> & {
 	limit?: number;
 };
 

From 42decfdb19f3a93181b98531ce5afcfe8592759f Mon Sep 17 00:00:00 2001
From: Tasso Evangelista <tasso.evangelista@rocket.chat>
Date: Fri, 3 Jul 2026 17:37:20 -0300
Subject: [PATCH 07/20] 
 refactor(apps/meteor/client/components/UserAutoCompleteMultiple): export
 component props types

---
 .../UserAutoCompleteMultiple/UserAutoCompleteMultiple.tsx       | 2 +-
 .../UserAutoCompleteMultiple/UserAutoCompleteMultipleOption.tsx | 2 +-
 .../components/UserAutoCompleteMultiple/UserAvatarChip.tsx      | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/meteor/client/components/UserAutoCompleteMultiple/UserAutoCompleteMultiple.tsx b/apps/meteor/client/components/UserAutoCompleteMultiple/UserAutoCompleteMultiple.tsx
index 27af26f58128a..3825d4f705b7b 100644
--- a/apps/meteor/client/components/UserAutoCompleteMultiple/UserAutoCompleteMultiple.tsx
+++ b/apps/meteor/client/components/UserAutoCompleteMultiple/UserAutoCompleteMultiple.tsx
@@ -9,7 +9,7 @@ import AutocompleteOptions, { OptionsContext } from './UserAutoCompleteMultipleO
 import UserAvatarChip from './UserAvatarChip';
 import { usersQueryKeys } from '../../lib/queryKeys';
 
-type UserAutoCompleteMultipleProps = {
+export type UserAutoCompleteMultipleProps = {
 	onChange: (value: Array<string>) => void;
 	value: Array<string> | undefined;
 	placeholder?: string;
diff --git a/apps/meteor/client/components/UserAutoCompleteMultiple/UserAutoCompleteMultipleOption.tsx b/apps/meteor/client/components/UserAutoCompleteMultiple/UserAutoCompleteMultipleOption.tsx
index b1508a8b33cb0..41ee009007029 100644
--- a/apps/meteor/client/components/UserAutoCompleteMultiple/UserAutoCompleteMultipleOption.tsx
+++ b/apps/meteor/client/components/UserAutoCompleteMultiple/UserAutoCompleteMultipleOption.tsx
@@ -6,7 +6,7 @@ import { useMemo } from 'react';
 import type { UserLabel } from './UserAutoCompleteMultipleOptions';
 import { normalizeUsername } from '../../../lib/utils/normalizeUsername';
 
-type UserAutoCompleteMultipleOptionProps = {
+export type UserAutoCompleteMultipleOptionProps = {
 	label: UserLabel;
 	value: string | number;
 	selected?: boolean;
diff --git a/apps/meteor/client/components/UserAutoCompleteMultiple/UserAvatarChip.tsx b/apps/meteor/client/components/UserAutoCompleteMultiple/UserAvatarChip.tsx
index f22e3355e419b..c601f345d308f 100644
--- a/apps/meteor/client/components/UserAutoCompleteMultiple/UserAvatarChip.tsx
+++ b/apps/meteor/client/components/UserAutoCompleteMultiple/UserAvatarChip.tsx
@@ -3,7 +3,7 @@ import { UserAvatar } from '@rocket.chat/ui-avatar';
 import { useUserDisplayName } from '@rocket.chat/ui-client';
 import type { ComponentProps } from 'react';
 
-type UserAvatarChipProps = ComponentProps<typeof Chip> & {
+export type UserAvatarChipProps = ComponentProps<typeof Chip> & {
 	federated?: boolean;
 	username: string;
 	name?: string;

From 23be3ac80b41a3273e22555d68d3795f1d1947a2 Mon Sep 17 00:00:00 2001
From: Tasso Evangelista <tasso.evangelista@rocket.chat>
Date: Fri, 3 Jul 2026 17:37:20 -0300
Subject: [PATCH 08/20] refactor(apps/meteor/client/components/UserCard):
 export component props types

---
 apps/meteor/client/components/UserCard/UserCard.tsx         | 2 +-
 apps/meteor/client/components/UserCard/UserCardAction.tsx   | 2 +-
 apps/meteor/client/components/UserCard/UserCardActions.tsx  | 2 +-
 apps/meteor/client/components/UserCard/UserCardDialog.tsx   | 2 +-
 apps/meteor/client/components/UserCard/UserCardRole.tsx     | 4 +++-
 apps/meteor/client/components/UserCard/UserCardRoles.tsx    | 4 +++-
 apps/meteor/client/components/UserCard/UserCardUsername.tsx | 2 +-
 7 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/apps/meteor/client/components/UserCard/UserCard.tsx b/apps/meteor/client/components/UserCard/UserCard.tsx
index b44fd11201b4d..d47a85961bc06 100644
--- a/apps/meteor/client/components/UserCard/UserCard.tsx
+++ b/apps/meteor/client/components/UserCard/UserCard.tsx
@@ -21,7 +21,7 @@ const clampStyle = css`
 	word-break: break-word;
 `;
 
-type UserCardProps = {
+export type UserCardProps = {
 	user?: {
 		nickname?: string;
 		name?: string;
diff --git a/apps/meteor/client/components/UserCard/UserCardAction.tsx b/apps/meteor/client/components/UserCard/UserCardAction.tsx
index 64522bfa88d43..6e397789664a2 100644
--- a/apps/meteor/client/components/UserCard/UserCardAction.tsx
+++ b/apps/meteor/client/components/UserCard/UserCardAction.tsx
@@ -1,7 +1,7 @@
 import { IconButton } from '@rocket.chat/fuselage';
 import type { ComponentProps } from 'react';
 
-type UserCardActionProps = ComponentProps<typeof IconButton>;
+export type UserCardActionProps = ComponentProps<typeof IconButton>;
 
 const UserCardAction = ({ label, icon, ...props }: UserCardActionProps) => <IconButton icon={icon} small title={label} {...props} />;
 
diff --git a/apps/meteor/client/components/UserCard/UserCardActions.tsx b/apps/meteor/client/components/UserCard/UserCardActions.tsx
index 01f9c0a6986a3..ddcc64aabe221 100644
--- a/apps/meteor/client/components/UserCard/UserCardActions.tsx
+++ b/apps/meteor/client/components/UserCard/UserCardActions.tsx
@@ -3,7 +3,7 @@ import { ButtonGroup } from '@rocket.chat/fuselage';
 import type { ComponentProps } from 'react';
 import { useRef } from 'react';
 
-type UserCardActionsProps = ComponentProps<typeof ButtonGroup>;
+export type UserCardActionsProps = ComponentProps<typeof ButtonGroup>;
 
 const UserCardActions = (props: UserCardActionsProps) => {
 	const ref = useRef<HTMLDivElement>(null);
diff --git a/apps/meteor/client/components/UserCard/UserCardDialog.tsx b/apps/meteor/client/components/UserCard/UserCardDialog.tsx
index 8fbaee04aa7c0..cdcdcbf864775 100644
--- a/apps/meteor/client/components/UserCard/UserCardDialog.tsx
+++ b/apps/meteor/client/components/UserCard/UserCardDialog.tsx
@@ -4,7 +4,7 @@ import { Box } from '@rocket.chat/fuselage';
 import type { ComponentProps } from 'react';
 import { useRef } from 'react';
 
-type UserCardDialogProps = AriaDialogProps & ComponentProps<typeof Box>;
+export type UserCardDialogProps = AriaDialogProps & ComponentProps<typeof Box>;
 
 const UserCardDialog = (props: UserCardDialogProps) => {
 	const ref = useRef(null);
diff --git a/apps/meteor/client/components/UserCard/UserCardRole.tsx b/apps/meteor/client/components/UserCard/UserCardRole.tsx
index 542990704d4ad..976b099cd785c 100644
--- a/apps/meteor/client/components/UserCard/UserCardRole.tsx
+++ b/apps/meteor/client/components/UserCard/UserCardRole.tsx
@@ -1,7 +1,9 @@
 import { Box, Tag } from '@rocket.chat/fuselage';
 import type { ReactNode } from 'react';
 
-const UserCardRole = ({ children }: { children: ReactNode }) => (
+export type UserCardRoleProps = { children: ReactNode };
+
+const UserCardRole = ({ children }: UserCardRoleProps) => (
 	<Box m={2} fontScale='c2'>
 		<Tag>{children}</Tag>
 	</Box>
diff --git a/apps/meteor/client/components/UserCard/UserCardRoles.tsx b/apps/meteor/client/components/UserCard/UserCardRoles.tsx
index 1077a6ee911fc..274812498ea3c 100644
--- a/apps/meteor/client/components/UserCard/UserCardRoles.tsx
+++ b/apps/meteor/client/components/UserCard/UserCardRoles.tsx
@@ -3,7 +3,9 @@ import type { ReactNode } from 'react';
 
 import UserCardInfo from './UserCardInfo';
 
-const UserCardRoles = ({ children }: { children: ReactNode }) => (
+export type UserCardRolesProps = { children: ReactNode };
+
+const UserCardRoles = ({ children }: UserCardRolesProps) => (
 	<Box m='neg-x2'>
 		<UserCardInfo flexWrap='wrap' display='flex' flexShrink={0}>
 			{children}
diff --git a/apps/meteor/client/components/UserCard/UserCardUsername.tsx b/apps/meteor/client/components/UserCard/UserCardUsername.tsx
index cf54660d5748e..2340f464847bc 100644
--- a/apps/meteor/client/components/UserCard/UserCardUsername.tsx
+++ b/apps/meteor/client/components/UserCard/UserCardUsername.tsx
@@ -3,7 +3,7 @@ import type { ReactNode, ComponentProps } from 'react';
 
 import * as UserStatus from '../UserStatus';
 
-type UserCardUsernameProps = ComponentProps<typeof Box> & {
+export type UserCardUsernameProps = ComponentProps<typeof Box> & {
 	name: ReactNode;
 	status: ReactNode;
 };

From 853a80d88aff28715797865833553aa885496f5f Mon Sep 17 00:00:00 2001
From: Tasso Evangelista <tasso.evangelista@rocket.chat>
Date: Fri, 3 Jul 2026 17:37:21 -0300
Subject: [PATCH 09/20] refactor(apps/meteor/client/components/UserInfo):
 export component props types

---
 apps/meteor/client/components/UserInfo/UserInfo.tsx             | 2 +-
 .../meteor/client/components/UserInfo/UserInfoABACAttribute.tsx | 2 +-
 .../client/components/UserInfo/UserInfoABACAttributes.tsx       | 2 +-
 apps/meteor/client/components/UserInfo/UserInfoAction.tsx       | 2 +-
 apps/meteor/client/components/UserInfo/UserInfoUsername.tsx     | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/apps/meteor/client/components/UserInfo/UserInfo.tsx b/apps/meteor/client/components/UserInfo/UserInfo.tsx
index 8ecf4b6b697fc..f6dcd5a83185b 100644
--- a/apps/meteor/client/components/UserInfo/UserInfo.tsx
+++ b/apps/meteor/client/components/UserInfo/UserInfo.tsx
@@ -44,7 +44,7 @@ type UserInfoDataProps = Serialized<
 	>
 >;
 
-type UserInfoProps = UserInfoDataProps & {
+export type UserInfoProps = UserInfoDataProps & {
 	status: ReactNode;
 	customStatus?: ReactNode;
 	email?: string;
diff --git a/apps/meteor/client/components/UserInfo/UserInfoABACAttribute.tsx b/apps/meteor/client/components/UserInfo/UserInfoABACAttribute.tsx
index babc25832b05b..73ee7b9de96f9 100644
--- a/apps/meteor/client/components/UserInfo/UserInfoABACAttribute.tsx
+++ b/apps/meteor/client/components/UserInfo/UserInfoABACAttribute.tsx
@@ -1,6 +1,6 @@
 import { Tag } from '@rocket.chat/fuselage';
 
-type UserInfoABACAttributeProps = {
+export type UserInfoABACAttributeProps = {
 	attribute: string;
 };
 
diff --git a/apps/meteor/client/components/UserInfo/UserInfoABACAttributes.tsx b/apps/meteor/client/components/UserInfo/UserInfoABACAttributes.tsx
index 952e7a9afc693..ab84ca30a5e21 100644
--- a/apps/meteor/client/components/UserInfo/UserInfoABACAttributes.tsx
+++ b/apps/meteor/client/components/UserInfo/UserInfoABACAttributes.tsx
@@ -3,7 +3,7 @@ import { Box, Margins } from '@rocket.chat/fuselage';
 
 import UserInfoABACAttribute from './UserInfoABACAttribute';
 
-type UserInfoABACAttributesProps = {
+export type UserInfoABACAttributesProps = {
 	abacAttributes: IAbacAttributeDefinition[];
 };
 
diff --git a/apps/meteor/client/components/UserInfo/UserInfoAction.tsx b/apps/meteor/client/components/UserInfo/UserInfoAction.tsx
index 4507ef10e1985..1e4568ad33f47 100644
--- a/apps/meteor/client/components/UserInfo/UserInfoAction.tsx
+++ b/apps/meteor/client/components/UserInfo/UserInfoAction.tsx
@@ -2,7 +2,7 @@ import { Button, IconButton } from '@rocket.chat/fuselage';
 import type { Keys as IconName } from '@rocket.chat/icons';
 import type { ComponentProps } from 'react';
 
-type UserInfoActionProps = {
+export type UserInfoActionProps = {
 	icon: IconName;
 } & ComponentProps<typeof Button>;
 
diff --git a/apps/meteor/client/components/UserInfo/UserInfoUsername.tsx b/apps/meteor/client/components/UserInfo/UserInfoUsername.tsx
index 93a24895d89a2..e854766351a6b 100644
--- a/apps/meteor/client/components/UserInfo/UserInfoUsername.tsx
+++ b/apps/meteor/client/components/UserInfo/UserInfoUsername.tsx
@@ -4,7 +4,7 @@ import type { ComponentProps, ReactNode } from 'react';
 
 import { UserCardUsername } from '../UserCard';
 
-type UserInfoUsernameProps = {
+export type UserInfoUsernameProps = {
 	username: IUser['username'];
 	status: ReactNode;
 } & ComponentProps<typeof Box>;

From 8e6f07f1fa3ebf1ec6e8780c952bc00503617e73 Mon Sep 17 00:00:00 2001
From: Tasso Evangelista <tasso.evangelista@rocket.chat>
Date: Fri, 3 Jul 2026 17:37:21 -0300
Subject: [PATCH 10/20] refactor(apps/meteor/client/components/UserStatus):
 export component props types

---
 apps/meteor/client/components/UserStatus/ReactiveUserStatus.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/meteor/client/components/UserStatus/ReactiveUserStatus.tsx b/apps/meteor/client/components/UserStatus/ReactiveUserStatus.tsx
index 332acbe8fc9d4..c77ad13c8e6b9 100644
--- a/apps/meteor/client/components/UserStatus/ReactiveUserStatus.tsx
+++ b/apps/meteor/client/components/UserStatus/ReactiveUserStatus.tsx
@@ -4,7 +4,7 @@ import { useUserPresence } from '@rocket.chat/ui-contexts';
 import type { ComponentProps } from 'react';
 import { memo } from 'react';
 
-type ReactiveUserStatusProps = {
+export type ReactiveUserStatusProps = {
 	uid: IUser['_id'];
 } & ComponentProps<typeof UserStatus.UserStatus>;
 

From 585ff3b103cb7485fe3d6bf3c0a1dd4377f11427 Mon Sep 17 00:00:00 2001
From: Tasso Evangelista <tasso.evangelista@rocket.chat>
Date: Fri, 3 Jul 2026 17:37:21 -0300
Subject: [PATCH 11/20] refactor(apps/meteor/client/components/UserStatusText):
 export component props types

---
 .../client/components/UserStatusText/ReactiveUserStatusText.tsx | 2 +-
 apps/meteor/client/components/UserStatusText/UserStatusText.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/meteor/client/components/UserStatusText/ReactiveUserStatusText.tsx b/apps/meteor/client/components/UserStatusText/ReactiveUserStatusText.tsx
index 5851087a09224..4598ebdc0153a 100644
--- a/apps/meteor/client/components/UserStatusText/ReactiveUserStatusText.tsx
+++ b/apps/meteor/client/components/UserStatusText/ReactiveUserStatusText.tsx
@@ -4,7 +4,7 @@ import { memo } from 'react';
 
 import UserStatusText from './UserStatusText';
 
-type ReactiveUserStatusTextProps = {
+export type ReactiveUserStatusTextProps = {
 	uid: IUser['_id'];
 };
 
diff --git a/apps/meteor/client/components/UserStatusText/UserStatusText.tsx b/apps/meteor/client/components/UserStatusText/UserStatusText.tsx
index 65bfc9541b209..b21b168e87790 100644
--- a/apps/meteor/client/components/UserStatusText/UserStatusText.tsx
+++ b/apps/meteor/client/components/UserStatusText/UserStatusText.tsx
@@ -14,7 +14,7 @@ const STATUS_LABEL_KEYS: Record<UserStatus, string> = {
 	[UserStatus.DISABLED]: 'Disabled',
 };
 
-type UserStatusTextProps = {
+export type UserStatusTextProps = {
 	status?: UserStatus;
 	statusText?: string;
 	statusExpiresAt?: Date | string;

From 262d20628c19090a0381f21494eb3d2035a7deaa Mon Sep 17 00:00:00 2001
From: Tasso Evangelista <tasso.evangelista@rocket.chat>
Date: Fri, 3 Jul 2026 17:37:21 -0300
Subject: [PATCH 12/20] refactor(apps/meteor/client/components/Wizard): export
 component props types

---
 apps/meteor/client/components/Wizard/WizardActions.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/meteor/client/components/Wizard/WizardActions.tsx b/apps/meteor/client/components/Wizard/WizardActions.tsx
index 82c3b22fb55ce..7c505f5214b82 100644
--- a/apps/meteor/client/components/Wizard/WizardActions.tsx
+++ b/apps/meteor/client/components/Wizard/WizardActions.tsx
@@ -1,7 +1,7 @@
 import { Box, ButtonGroup } from '@rocket.chat/fuselage';
 import type { ReactNode } from 'react';
 
-type WizardActionsProps = {
+export type WizardActionsProps = {
 	children: ReactNode;
 };
 

From bffc8c46f829224e7e71e67d88b061d3eaa81fff Mon Sep 17 00:00:00 2001
From: Tasso Evangelista <tasso.evangelista@rocket.chat>
Date: Fri, 3 Jul 2026 17:37:21 -0300
Subject: [PATCH 13/20] refactor(apps/meteor/client/hooks): export component
 props types

---
 apps/meteor/client/hooks/useUserStatusTooltip.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/apps/meteor/client/hooks/useUserStatusTooltip.tsx b/apps/meteor/client/hooks/useUserStatusTooltip.tsx
index 3894b07c84136..66e38b2e4cfd7 100644
--- a/apps/meteor/client/hooks/useUserStatusTooltip.tsx
+++ b/apps/meteor/client/hooks/useUserStatusTooltip.tsx
@@ -5,7 +5,9 @@ import { useCallback, useContext, useMemo } from 'react';
 
 import { UserStatusText } from '../components/UserStatusText';
 
-const UserStatusTooltipContent = ({ uid }: { uid: string }) => {
+export type UserStatusTooltipContentProps = { uid: string };
+
+const UserStatusTooltipContent = ({ uid }: UserStatusTooltipContentProps) => {
 	const presence = useUserPresence(uid);
 
 	if (!presence) {

From c0ca2bd52e5d35def9ca2c7a8b10d84ab2e7371c Mon Sep 17 00:00:00 2001
From: Tasso Evangelista <tasso.evangelista@rocket.chat>
Date: Fri, 3 Jul 2026 17:37:22 -0300
Subject: [PATCH 14/20] refactor(apps/meteor/client/navbar/NavBarControls):
 export component props types

---
 apps/meteor/client/navbar/NavBarControls/NavBarControlsMenu.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/meteor/client/navbar/NavBarControls/NavBarControlsMenu.tsx b/apps/meteor/client/navbar/NavBarControls/NavBarControlsMenu.tsx
index 1ed6e9e83172b..62d88dced5b88 100644
--- a/apps/meteor/client/navbar/NavBarControls/NavBarControlsMenu.tsx
+++ b/apps/meteor/client/navbar/NavBarControls/NavBarControlsMenu.tsx
@@ -6,7 +6,7 @@ import { useTranslation } from 'react-i18next';
 
 import { useOmnichannelEnabled } from '../../views/omnichannel/hooks/useOmnichannelEnabled';
 
-type NavBarControlsMenuProps = Omit<HTMLAttributes<HTMLElement>, 'is'> & {
+export type NavBarControlsMenuProps = Omit<HTMLAttributes<HTMLElement>, 'is'> & {
 	omnichannelItems: GenericMenuItemProps[];
 	isPressed: boolean;
 	callItem?: GenericMenuItemProps;

From 0550831f8e7c88fd3d23be37f0d86c7c0793440e Mon Sep 17 00:00:00 2001
From: Tasso Evangelista <tasso.evangelista@rocket.chat>
Date: Fri, 3 Jul 2026 17:37:22 -0300
Subject: [PATCH 15/20] 
 refactor(apps/meteor/client/navbar/NavBarOmnichannelGroup): export component
 props types

---
 .../NavBarOmnichannelGroup/NavBarItemOmnichannelContact.tsx     | 2 +-
 .../NavBarItemOmnichannelLivechatToggle.tsx                     | 2 +-
 .../NavBarOmnichannelGroup/NavBarItemOmnichannelQueue.tsx       | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/meteor/client/navbar/NavBarOmnichannelGroup/NavBarItemOmnichannelContact.tsx b/apps/meteor/client/navbar/NavBarOmnichannelGroup/NavBarItemOmnichannelContact.tsx
index 7bf1f125dd52b..2049e1f93e02b 100644
--- a/apps/meteor/client/navbar/NavBarOmnichannelGroup/NavBarItemOmnichannelContact.tsx
+++ b/apps/meteor/client/navbar/NavBarOmnichannelGroup/NavBarItemOmnichannelContact.tsx
@@ -3,7 +3,7 @@ import type { HTMLAttributes } from 'react';
 
 import { useOmnichannelContactAction } from './hooks/useOmnichannelContactAction';
 
-type NavBarItemOmnichannelContactProps = Omit<HTMLAttributes<HTMLElement>, 'is'>;
+export type NavBarItemOmnichannelContactProps = Omit<HTMLAttributes<HTMLElement>, 'is'>;
 
 const NavBarItemOmnichannelContact = (props: NavBarItemOmnichannelContactProps) => {
 	const { icon, isPressed, title, handleGoToContactCenter } = useOmnichannelContactAction();
diff --git a/apps/meteor/client/navbar/NavBarOmnichannelGroup/NavBarItemOmnichannelLivechatToggle.tsx b/apps/meteor/client/navbar/NavBarOmnichannelGroup/NavBarItemOmnichannelLivechatToggle.tsx
index 47252f0e9f856..f73da9a42a7d6 100644
--- a/apps/meteor/client/navbar/NavBarOmnichannelGroup/NavBarItemOmnichannelLivechatToggle.tsx
+++ b/apps/meteor/client/navbar/NavBarOmnichannelGroup/NavBarItemOmnichannelLivechatToggle.tsx
@@ -3,7 +3,7 @@ import type { HTMLAttributes } from 'react';
 
 import { useOmnichannelLivechatToggle } from './hooks/useOmnichannelLivechatToggle';
 
-type NavBarItemOmnichannelLivechatToggleProps = Omit<HTMLAttributes<HTMLElement>, 'is'>;
+export type NavBarItemOmnichannelLivechatToggleProps = Omit<HTMLAttributes<HTMLElement>, 'is'>;
 
 const NavBarItemOmnichannelLivechatToggle = (props: NavBarItemOmnichannelLivechatToggleProps) => {
 	const { handleAvailableStatusChange, title, icon, isSuccess } = useOmnichannelLivechatToggle();
diff --git a/apps/meteor/client/navbar/NavBarOmnichannelGroup/NavBarItemOmnichannelQueue.tsx b/apps/meteor/client/navbar/NavBarOmnichannelGroup/NavBarItemOmnichannelQueue.tsx
index 56fc6a59c4e16..9078a1a7c8503 100644
--- a/apps/meteor/client/navbar/NavBarOmnichannelGroup/NavBarItemOmnichannelQueue.tsx
+++ b/apps/meteor/client/navbar/NavBarOmnichannelGroup/NavBarItemOmnichannelQueue.tsx
@@ -3,7 +3,7 @@ import type { HTMLAttributes } from 'react';
 
 import { useOmnichannelQueueAction } from './hooks/useOmnichannelQueueAction';
 
-type NavBarItemOmnichannelQueueProps = Omit<HTMLAttributes<HTMLElement>, 'is'>;
+export type NavBarItemOmnichannelQueueProps = Omit<HTMLAttributes<HTMLElement>, 'is'>;
 
 const NavBarItemOmnichannelQueue = (props: NavBarItemOmnichannelQueueProps) => {
 	const { isEnabled, title, icon, isPressed, handleGoToQueue } = useOmnichannelQueueAction();

From 7d821cec08eaa9de4db8a0ea3826b27c63feaf1f Mon Sep 17 00:00:00 2001
From: Tasso Evangelista <tasso.evangelista@rocket.chat>
Date: Fri, 3 Jul 2026 17:37:22 -0300
Subject: [PATCH 16/20] refactor(apps/meteor/client/navbar/NavBarPagesGroup):
 export component props types

---
 .../client/navbar/NavBarPagesGroup/NavBarItemDirectoryPage.tsx  | 2 +-
 .../client/navbar/NavBarPagesGroup/NavBarItemHomePage.tsx       | 2 +-
 .../navbar/NavBarPagesGroup/NavBarItemMarketPlaceMenu.tsx       | 2 +-
 apps/meteor/client/navbar/NavBarPagesGroup/NavBarItemSort.tsx   | 2 +-
 .../client/navbar/NavBarPagesGroup/NavBarPagesStackMenu.tsx     | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/apps/meteor/client/navbar/NavBarPagesGroup/NavBarItemDirectoryPage.tsx b/apps/meteor/client/navbar/NavBarPagesGroup/NavBarItemDirectoryPage.tsx
index 65f1b6edee44d..f18401f3f0037 100644
--- a/apps/meteor/client/navbar/NavBarPagesGroup/NavBarItemDirectoryPage.tsx
+++ b/apps/meteor/client/navbar/NavBarPagesGroup/NavBarItemDirectoryPage.tsx
@@ -3,7 +3,7 @@ import { useStableCallback } from '@rocket.chat/fuselage-hooks';
 import { useRouter, useCurrentRoutePath } from '@rocket.chat/ui-contexts';
 import type { HTMLAttributes } from 'react';
 
-type NavBarItemDirectoryPageProps = Omit<HTMLAttributes<HTMLElement>, 'is'>;
+export type NavBarItemDirectoryPageProps = Omit<HTMLAttributes<HTMLElement>, 'is'>;
 
 const NavBarItemDirectoryPage = (props: NavBarItemDirectoryPageProps) => {
 	const router = useRouter();
diff --git a/apps/meteor/client/navbar/NavBarPagesGroup/NavBarItemHomePage.tsx b/apps/meteor/client/navbar/NavBarPagesGroup/NavBarItemHomePage.tsx
index 920e424a6c43e..c84d8068602e2 100644
--- a/apps/meteor/client/navbar/NavBarPagesGroup/NavBarItemHomePage.tsx
+++ b/apps/meteor/client/navbar/NavBarPagesGroup/NavBarItemHomePage.tsx
@@ -3,7 +3,7 @@ import { useStableCallback } from '@rocket.chat/fuselage-hooks';
 import { useRouter, useLayout, useSetting, useCurrentRoutePath } from '@rocket.chat/ui-contexts';
 import type { HTMLAttributes } from 'react';
 
-type NavBarItemHomePageProps = Omit<HTMLAttributes<HTMLElement>, 'is'>;
+export type NavBarItemHomePageProps = Omit<HTMLAttributes<HTMLElement>, 'is'>;
 
 const NavBarItemHomePage = (props: NavBarItemHomePageProps) => {
 	const router = useRouter();
diff --git a/apps/meteor/client/navbar/NavBarPagesGroup/NavBarItemMarketPlaceMenu.tsx b/apps/meteor/client/navbar/NavBarPagesGroup/NavBarItemMarketPlaceMenu.tsx
index 0ebcf0478775a..769dd2cd2a994 100644
--- a/apps/meteor/client/navbar/NavBarPagesGroup/NavBarItemMarketPlaceMenu.tsx
+++ b/apps/meteor/client/navbar/NavBarPagesGroup/NavBarItemMarketPlaceMenu.tsx
@@ -6,7 +6,7 @@ import { useTranslation } from 'react-i18next';
 
 import { useMarketPlaceMenu } from './hooks/useMarketPlaceMenu';
 
-type NavBarItemMarketPlaceMenuProps = Omit<HTMLAttributes<HTMLElement>, 'is'>;
+export type NavBarItemMarketPlaceMenuProps = Omit<HTMLAttributes<HTMLElement>, 'is'>;
 
 const NavBarItemMarketPlaceMenu = (props: NavBarItemMarketPlaceMenuProps) => {
 	const { t } = useTranslation();
diff --git a/apps/meteor/client/navbar/NavBarPagesGroup/NavBarItemSort.tsx b/apps/meteor/client/navbar/NavBarPagesGroup/NavBarItemSort.tsx
index 430718e036820..b085eade8ff22 100644
--- a/apps/meteor/client/navbar/NavBarPagesGroup/NavBarItemSort.tsx
+++ b/apps/meteor/client/navbar/NavBarPagesGroup/NavBarItemSort.tsx
@@ -5,7 +5,7 @@ import { useTranslation } from 'react-i18next';
 
 import { useSortMenu } from './hooks/useSortMenu';
 
-type NavBarItemSortProps = Omit<HTMLAttributes<HTMLElement>, 'is'>;
+export type NavBarItemSortProps = Omit<HTMLAttributes<HTMLElement>, 'is'>;
 
 const NavBarItemSort = (props: NavBarItemSortProps) => {
 	const { t } = useTranslation();
diff --git a/apps/meteor/client/navbar/NavBarPagesGroup/NavBarPagesStackMenu.tsx b/apps/meteor/client/navbar/NavBarPagesGroup/NavBarPagesStackMenu.tsx
index 05180536d360e..d8ceff10be685 100644
--- a/apps/meteor/client/navbar/NavBarPagesGroup/NavBarPagesStackMenu.tsx
+++ b/apps/meteor/client/navbar/NavBarPagesGroup/NavBarPagesStackMenu.tsx
@@ -6,7 +6,7 @@ import { useCurrentRoutePath, useLayout, useRouter, useSetting } from '@rocket.c
 import type { HTMLAttributes } from 'react';
 import { useTranslation } from 'react-i18next';
 
-type NavBarPagesStackMenuProps = Omit<HTMLAttributes<HTMLElement>, 'is'>;
+export type NavBarPagesStackMenuProps = Omit<HTMLAttributes<HTMLElement>, 'is'>;
 
 const NavBarPagesStackMenu = (props: NavBarPagesStackMenuProps) => {
 	const { t } = useTranslation();

From 6247a9c3fd2e63d253b5d37fe287c8ca3820c09f Mon Sep 17 00:00:00 2001
From: Tasso Evangelista <tasso.evangelista@rocket.chat>
Date: Fri, 3 Jul 2026 17:37:22 -0300
Subject: [PATCH 17/20] 
 refactor(apps/meteor/client/navbar/NavBarPagesGroup/actions): export
 component props types

---
 .../navbar/NavBarPagesGroup/actions/CreateChannelModal.tsx      | 2 +-
 .../navbar/NavBarPagesGroup/actions/CreateDirectMessage.tsx     | 2 +-
 .../client/navbar/NavBarPagesGroup/actions/CreateTeamModal.tsx  | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/meteor/client/navbar/NavBarPagesGroup/actions/CreateChannelModal.tsx b/apps/meteor/client/navbar/NavBarPagesGroup/actions/CreateChannelModal.tsx
index 78cfa09914f13..5dedbd2448851 100644
--- a/apps/meteor/client/navbar/NavBarPagesGroup/actions/CreateChannelModal.tsx
+++ b/apps/meteor/client/navbar/NavBarPagesGroup/actions/CreateChannelModal.tsx
@@ -34,7 +34,7 @@ import { useHasLicenseModule } from '../../../hooks/useHasLicenseModule';
 import { useIsFederationEnabled } from '../../../hooks/useIsFederationEnabled';
 import { useGoToRoom } from '../../../views/room/hooks/useGoToRoom';
 
-type CreateChannelModalProps = {
+export type CreateChannelModalProps = {
 	teamId?: string;
 	mainRoom?: IRoom;
 	onClose: () => void;
diff --git a/apps/meteor/client/navbar/NavBarPagesGroup/actions/CreateDirectMessage.tsx b/apps/meteor/client/navbar/NavBarPagesGroup/actions/CreateDirectMessage.tsx
index a8b0272753db3..c5ba3134c61c1 100644
--- a/apps/meteor/client/navbar/NavBarPagesGroup/actions/CreateDirectMessage.tsx
+++ b/apps/meteor/client/navbar/NavBarPagesGroup/actions/CreateDirectMessage.tsx
@@ -19,7 +19,7 @@ import { useForm, Controller } from 'react-hook-form';
 import UserAutoCompleteMultiple from '../../../components/UserAutoCompleteMultiple';
 import { useGoToRoom } from '../../../views/room/hooks/useGoToRoom';
 
-type CreateDirectMessageProps = { onClose: () => void };
+export type CreateDirectMessageProps = { onClose: () => void };
 
 const CreateDirectMessage = ({ onClose }: CreateDirectMessageProps) => {
 	const t = useTranslation();
diff --git a/apps/meteor/client/navbar/NavBarPagesGroup/actions/CreateTeamModal.tsx b/apps/meteor/client/navbar/NavBarPagesGroup/actions/CreateTeamModal.tsx
index 8e1f8c8d27bc4..346214bbaaeb8 100644
--- a/apps/meteor/client/navbar/NavBarPagesGroup/actions/CreateTeamModal.tsx
+++ b/apps/meteor/client/navbar/NavBarPagesGroup/actions/CreateTeamModal.tsx
@@ -40,7 +40,7 @@ type CreateTeamModalInputs = {
 	members?: string[];
 };
 
-type CreateTeamModalProps = { onClose: () => void };
+export type CreateTeamModalProps = { onClose: () => void };
 
 const CreateTeamModal = ({ onClose }: CreateTeamModalProps) => {
 	const t = useTranslation();

From e3b011a532150e80a26ee071c8c1dd2728255736 Mon Sep 17 00:00:00 2001
From: Tasso Evangelista <tasso.evangelista@rocket.chat>
Date: Fri, 3 Jul 2026 17:37:23 -0300
Subject: [PATCH 18/20] refactor(apps/meteor/client/navbar/NavBarSearch):
 export component props types

---
 apps/meteor/client/navbar/NavBarSearch/NavBarSearchItem.tsx     | 2 +-
 .../client/navbar/NavBarSearch/NavBarSearchItemWithData.tsx     | 2 +-
 apps/meteor/client/navbar/NavBarSearch/NavBarSearchListbox.tsx  | 2 +-
 apps/meteor/client/navbar/NavBarSearch/NavBarSearchRow.tsx      | 2 +-
 apps/meteor/client/navbar/NavBarSearch/NavBarSearchUserRow.tsx  | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/apps/meteor/client/navbar/NavBarSearch/NavBarSearchItem.tsx b/apps/meteor/client/navbar/NavBarSearch/NavBarSearchItem.tsx
index aebff1416e0e9..7417b62fba279 100644
--- a/apps/meteor/client/navbar/NavBarSearch/NavBarSearchItem.tsx
+++ b/apps/meteor/client/navbar/NavBarSearch/NavBarSearchItem.tsx
@@ -1,7 +1,7 @@
 import { SidebarV2Item, SidebarV2ItemAvatarWrapper, SidebarV2ItemTitle } from '@rocket.chat/fuselage';
 import type { HTMLAttributes, ReactNode } from 'react';
 
-type NavBarSearchItemProps = {
+export type NavBarSearchItemProps = {
 	title: string;
 	avatar: ReactNode;
 	icon: ReactNode;
diff --git a/apps/meteor/client/navbar/NavBarSearch/NavBarSearchItemWithData.tsx b/apps/meteor/client/navbar/NavBarSearch/NavBarSearchItemWithData.tsx
index ccfac12183308..deb44f0935902 100644
--- a/apps/meteor/client/navbar/NavBarSearch/NavBarSearchItemWithData.tsx
+++ b/apps/meteor/client/navbar/NavBarSearch/NavBarSearchItemWithData.tsx
@@ -9,7 +9,7 @@ import { roomCoordinator } from '../../lib/rooms/roomCoordinator';
 import SidebarItemBadges from '../../sidebar/badges/SidebarItemBadges';
 import { useUnreadDisplay } from '../../sidebar/hooks/useUnreadDisplay';
 
-type NavBarSearchItemWithDataProps = {
+export type NavBarSearchItemWithDataProps = {
 	room: SubscriptionWithRoom;
 	id: string;
 	AvatarTemplate: ReactNode;
diff --git a/apps/meteor/client/navbar/NavBarSearch/NavBarSearchListbox.tsx b/apps/meteor/client/navbar/NavBarSearch/NavBarSearchListbox.tsx
index 5e02cd8412d86..0011bf42d4b91 100644
--- a/apps/meteor/client/navbar/NavBarSearch/NavBarSearchListbox.tsx
+++ b/apps/meteor/client/navbar/NavBarSearch/NavBarSearchListbox.tsx
@@ -14,7 +14,7 @@ import { useSearchItems } from './hooks/useSearchItems';
 import { useListboxNavigation } from './hooks/useSearchNavigation';
 import ResultsLiveRegion from '../../components/ResultsLiveRegion';
 
-type NavBarSearchListBoxProps = {
+export type NavBarSearchListBoxProps = {
 	state: OverlayTriggerState;
 	overlayProps: OverlayTriggerAria['overlayProps'];
 };
diff --git a/apps/meteor/client/navbar/NavBarSearch/NavBarSearchRow.tsx b/apps/meteor/client/navbar/NavBarSearch/NavBarSearchRow.tsx
index 5f635162f194b..0f64f9175dd22 100644
--- a/apps/meteor/client/navbar/NavBarSearch/NavBarSearchRow.tsx
+++ b/apps/meteor/client/navbar/NavBarSearch/NavBarSearchRow.tsx
@@ -5,7 +5,7 @@ import { memo } from 'react';
 import NavBarSearchItemWithData from './NavBarSearchItemWithData';
 import NavBarSearchUserRow from './NavBarSearchUserRow';
 
-type NavBarSearchRowProps = {
+export type NavBarSearchRowProps = {
 	room: SubscriptionWithRoom;
 	onClick: () => void;
 };
diff --git a/apps/meteor/client/navbar/NavBarSearch/NavBarSearchUserRow.tsx b/apps/meteor/client/navbar/NavBarSearch/NavBarSearchUserRow.tsx
index a78a822578777..47016263aad6d 100644
--- a/apps/meteor/client/navbar/NavBarSearch/NavBarSearchUserRow.tsx
+++ b/apps/meteor/client/navbar/NavBarSearch/NavBarSearchUserRow.tsx
@@ -8,7 +8,7 @@ import NavBarSearchItem from './NavBarSearchItem';
 import { ReactiveUserStatus } from '../../components/UserStatus';
 import { roomCoordinator } from '../../lib/rooms/roomCoordinator';
 
-type NavBarSearchUserRowProps = {
+export type NavBarSearchUserRowProps = {
 	room: SubscriptionWithRoom;
 	id: string;
 	AvatarTemplate: ReactNode;

From f3e75e5b568b22ad6096681995f5c03de0873154 Mon Sep 17 00:00:00 2001
From: Tasso Evangelista <tasso.evangelista@rocket.chat>
Date: Fri, 3 Jul 2026 17:37:23 -0300
Subject: [PATCH 19/20] 
 refactor(apps/meteor/client/navbar/NavBarSettingsToolbar): export component
 props types

---
 .../NavBarSettingsToolbar/NavBarItemAdministrationMenu.tsx      | 2 +-
 .../client/navbar/NavBarSettingsToolbar/NavBarItemLoginPage.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/meteor/client/navbar/NavBarSettingsToolbar/NavBarItemAdministrationMenu.tsx b/apps/meteor/client/navbar/NavBarSettingsToolbar/NavBarItemAdministrationMenu.tsx
index ed451873a741e..e1d2dab131c60 100644
--- a/apps/meteor/client/navbar/NavBarSettingsToolbar/NavBarItemAdministrationMenu.tsx
+++ b/apps/meteor/client/navbar/NavBarSettingsToolbar/NavBarItemAdministrationMenu.tsx
@@ -7,7 +7,7 @@ import { useTranslation } from 'react-i18next';
 import { useAdministrationMenu } from './hooks/useAdministrationMenu';
 import { useAuditMenu } from './hooks/useAuditMenu';
 
-type NavBarItemAdministrationMenuProps = Omit<HTMLAttributes<HTMLElement>, 'is'>;
+export type NavBarItemAdministrationMenuProps = Omit<HTMLAttributes<HTMLElement>, 'is'>;
 
 const NavBarItemAdministrationMenu = (props: NavBarItemAdministrationMenuProps) => {
 	const { t } = useTranslation();
diff --git a/apps/meteor/client/navbar/NavBarSettingsToolbar/NavBarItemLoginPage.tsx b/apps/meteor/client/navbar/NavBarSettingsToolbar/NavBarItemLoginPage.tsx
index cc0f2bb4ab3ad..96aa4021b0766 100644
--- a/apps/meteor/client/navbar/NavBarSettingsToolbar/NavBarItemLoginPage.tsx
+++ b/apps/meteor/client/navbar/NavBarSettingsToolbar/NavBarItemLoginPage.tsx
@@ -3,7 +3,7 @@ import { useSessionDispatch } from '@rocket.chat/ui-contexts';
 import type { HTMLAttributes } from 'react';
 import { useTranslation } from 'react-i18next';
 
-type NavBarItemLoginPageProps = Omit<HTMLAttributes<HTMLElement>, 'is'>;
+export type NavBarItemLoginPageProps = Omit<HTMLAttributes<HTMLElement>, 'is'>;
 
 const NavBarItemLoginPage = (props: NavBarItemLoginPageProps) => {
 	const setForceLogin = useSessionDispatch('forceLogin');

From 611811d6a530998b8b1e6e9e041ad4fbaf08d843 Mon Sep 17 00:00:00 2001
From: Tasso Evangelista <tasso.evangelista@rocket.chat>
Date: Fri, 3 Jul 2026 17:37:23 -0300
Subject: [PATCH 20/20] 
 refactor(apps/meteor/client/navbar/NavBarSettingsToolbar/UserMenu): export
 component props types

---
 .../navbar/NavBarSettingsToolbar/UserMenu/EditStatusModal.tsx   | 2 +-
 .../NavBarSettingsToolbar/UserMenu/KeyboardShortcutsModal.tsx   | 2 +-
 .../client/navbar/NavBarSettingsToolbar/UserMenu/UserMenu.tsx   | 2 +-
 .../navbar/NavBarSettingsToolbar/UserMenu/UserMenuButton.tsx    | 2 +-
 .../navbar/NavBarSettingsToolbar/UserMenu/UserMenuHeader.tsx    | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/apps/meteor/client/navbar/NavBarSettingsToolbar/UserMenu/EditStatusModal.tsx b/apps/meteor/client/navbar/NavBarSettingsToolbar/UserMenu/EditStatusModal.tsx
index a5ff9b29606ac..d84943c77e40b 100644
--- a/apps/meteor/client/navbar/NavBarSettingsToolbar/UserMenu/EditStatusModal.tsx
+++ b/apps/meteor/client/navbar/NavBarSettingsToolbar/UserMenu/EditStatusModal.tsx
@@ -14,7 +14,7 @@ import { USER_STATUS_TEXT_MAX_LENGTH } from '../../../lib/constants';
 import { getUserStatusInitialValues } from '../../../lib/getUserInitialStatus';
 import { STATUS_DURATION_OPTIONS, validateStatusExpiration } from '../../../lib/statusDurations';
 
-type EditStatusModalProps = {
+export type EditStatusModalProps = {
 	onClose: () => void;
 };
 
diff --git a/apps/meteor/client/navbar/NavBarSettingsToolbar/UserMenu/KeyboardShortcutsModal.tsx b/apps/meteor/client/navbar/NavBarSettingsToolbar/UserMenu/KeyboardShortcutsModal.tsx
index c959f762f08b3..0d6f716c9c585 100644
--- a/apps/meteor/client/navbar/NavBarSettingsToolbar/UserMenu/KeyboardShortcutsModal.tsx
+++ b/apps/meteor/client/navbar/NavBarSettingsToolbar/UserMenu/KeyboardShortcutsModal.tsx
@@ -82,7 +82,7 @@ const KEY_LABEL_TRANSLATIONS: Record<string, string> = {
 const isMacPlatform = (): boolean =>
 	typeof navigator !== 'undefined' && typeof navigator.platform === 'string' && navigator.platform.toLowerCase().includes('mac');
 
-type KeyboardShortcutsModalProps = {
+export type KeyboardShortcutsModalProps = {
 	onClose: () => void;
 };
 
diff --git a/apps/meteor/client/navbar/NavBarSettingsToolbar/UserMenu/UserMenu.tsx b/apps/meteor/client/navbar/NavBarSettingsToolbar/UserMenu/UserMenu.tsx
index 171b8762c3142..05c42b0eb9876 100644
--- a/apps/meteor/client/navbar/NavBarSettingsToolbar/UserMenu/UserMenu.tsx
+++ b/apps/meteor/client/navbar/NavBarSettingsToolbar/UserMenu/UserMenu.tsx
@@ -8,7 +8,7 @@ import { useTranslation } from 'react-i18next';
 import UserMenuButton from './UserMenuButton';
 import { useUserMenu } from './hooks/useUserMenu';
 
-type UserMenuProps = { user: IUser } & Omit<ComponentProps<typeof GenericMenu>, 'sections' | 'items' | 'title'>;
+export type UserMenuProps = { user: IUser } & Omit<ComponentProps<typeof GenericMenu>, 'sections' | 'items' | 'title'>;
 
 const UserMenu = function UserMenu({ user, ...props }: UserMenuProps) {
 	const { t } = useTranslation();
diff --git a/apps/meteor/client/navbar/NavBarSettingsToolbar/UserMenu/UserMenuButton.tsx b/apps/meteor/client/navbar/NavBarSettingsToolbar/UserMenu/UserMenuButton.tsx
index 2ae0808eb4507..1141e06932d46 100644
--- a/apps/meteor/client/navbar/NavBarSettingsToolbar/UserMenu/UserMenuButton.tsx
+++ b/apps/meteor/client/navbar/NavBarSettingsToolbar/UserMenu/UserMenuButton.tsx
@@ -14,7 +14,7 @@ const anon = {
 	avatarETag: undefined,
 } as const;
 
-type UserMenuButtonProps = ComponentPropsWithoutRef<typeof IconButton>;
+export type UserMenuButtonProps = ComponentPropsWithoutRef<typeof IconButton>;
 
 const UserMenuButton = forwardRef(function UserMenuButton(props: UserMenuButtonProps, ref: ForwardedRef<HTMLElement>) {
 	const user = useUser();
diff --git a/apps/meteor/client/navbar/NavBarSettingsToolbar/UserMenu/UserMenuHeader.tsx b/apps/meteor/client/navbar/NavBarSettingsToolbar/UserMenu/UserMenuHeader.tsx
index 775375306c274..bb110c60b637e 100644
--- a/apps/meteor/client/navbar/NavBarSettingsToolbar/UserMenu/UserMenuHeader.tsx
+++ b/apps/meteor/client/navbar/NavBarSettingsToolbar/UserMenu/UserMenuHeader.tsx
@@ -3,7 +3,7 @@ import { Box } from '@rocket.chat/fuselage';
 import { UserAvatar } from '@rocket.chat/ui-avatar';
 import { useUserDisplayName } from '@rocket.chat/ui-client';
 
-type UserMenuHeaderProps = { user: IUser };
+export type UserMenuHeaderProps = { user: IUser };
 
 const UserMenuHeader = ({ user }: UserMenuHeaderProps) => {
 	const displayName = useUserDisplayName(user);