diff --git a/apps/meteor/client/components/RoomAutoComplete/RoomAutoComplete.tsx b/apps/meteor/client/components/RoomAutoComplete/RoomAutoComplete.tsx
index 66e30775ed799..ee41f907d7ab3 100644
--- a/apps/meteor/client/components/RoomAutoComplete/RoomAutoComplete.tsx
+++ b/apps/meteor/client/components/RoomAutoComplete/RoomAutoComplete.tsx
@@ -71,7 +71,7 @@ const RoomAutoComplete = ({ value, onChange, scope = 'regular', renderRoomIcon,
 			renderSelected={({ selected: { value, label } }) => (
 				<>
 					<Box margin='none' mi={2}>
-						<RoomAvatar size={AVATAR_SIZE} room={{ type: label?.type || 'c', _id: value, ...label }} />
+						<RoomAvatar size={AVATAR_SIZE} room={{ ...label, type: label?.type || 'c', _id: value }} />
 					</Box>
 					<Box margin='none' mi={2}>
 						{label?.name}
diff --git a/apps/meteor/client/components/RoomAutoCompleteMultiple/RoomAutoCompleteMultiple.tsx b/apps/meteor/client/components/RoomAutoCompleteMultiple/RoomAutoCompleteMultiple.tsx
index 87ad4714cc001..401a8879e6093 100644
--- a/apps/meteor/client/components/RoomAutoCompleteMultiple/RoomAutoCompleteMultiple.tsx
+++ b/apps/meteor/client/components/RoomAutoCompleteMultiple/RoomAutoCompleteMultiple.tsx
@@ -52,7 +52,7 @@ const RoomAutoCompleteMultiple = ({ value, onChange, ...props }: RoomAutoComplet
 			multiple
 			renderSelected={({ selected: { value, label }, onRemove, ...props }): ReactElement => (
 				<Chip {...props} key={value} value={value} onClick={onRemove}>
-					<RoomAvatar size='x20' room={{ type: label?.type || 'c', _id: value, ...label }} />
+					<RoomAvatar size='x20' room={{ ...label, type: label?.type || 'c', _id: value }} />
 					<Box is='span' margin='none' mis={4}>
 						{label?.name}
 					</Box>
@@ -63,7 +63,7 @@ const RoomAutoCompleteMultiple = ({ value, onChange, ...props }: RoomAutoComplet
 					key={value}
 					{...props}
 					label={label.name}
-					avatar={<RoomAvatar size='x20' room={{ type: label?.type || 'c', _id: value, ...label }} />}
+					avatar={<RoomAvatar size='x20' room={{ ...label, type: label?.type || 'c', _id: value }} />}
 				/>
 			)}
 			options={options}
diff --git a/apps/meteor/client/components/UserAndRoomAutoCompleteMultiple/UserAndRoomAutoCompleteMultiple.tsx b/apps/meteor/client/components/UserAndRoomAutoCompleteMultiple/UserAndRoomAutoCompleteMultiple.tsx
index 804a0e5c72e0c..132faf03e2e5c 100644
--- a/apps/meteor/client/components/UserAndRoomAutoCompleteMultiple/UserAndRoomAutoCompleteMultiple.tsx
+++ b/apps/meteor/client/components/UserAndRoomAutoCompleteMultiple/UserAndRoomAutoCompleteMultiple.tsx
@@ -1,16 +1,27 @@
-import { isDirectMessageRoom } from '@rocket.chat/core-typings';
+import { type RoomType, isDirectMessageRoom } from '@rocket.chat/core-typings';
 import { AutoComplete, Box, Option, OptionAvatar, OptionContent, Chip } from '@rocket.chat/fuselage';
 import { useDebouncedValue } from '@rocket.chat/fuselage-hooks';
 import { escapeRegExp } from '@rocket.chat/string-helpers';
-import { RoomAvatar, UserAvatar } from '@rocket.chat/ui-avatar';
+import { RoomAvatar } from '@rocket.chat/ui-avatar';
 import { useUser, useUserSubscriptions } from '@rocket.chat/ui-contexts';
-import type { ComponentProps } from 'react';
+import type { ComponentProps, ReactElement } from 'react';
 import { memo, useMemo, useState } from 'react';
 
 import { roomCoordinator } from '../../lib/rooms/roomCoordinator';
 import { Rooms } from '../../stores';
 
-type UserAndRoomAutoCompleteMultipleProps = Omit<ComponentProps<typeof AutoComplete>, 'filter'> & { limit?: number };
+type UserAndRoomAutoCompleteMultipleProps = Omit<ComponentProps<typeof AutoComplete>, 'filter'> & {
+	limit?: number;
+};
+
+type OptionType = {
+	value: string;
+	label: {
+		name: string | undefined;
+		avatarETag: string | undefined;
+		type: RoomType;
+	};
+}[];
 
 const UserAndRoomAutoCompleteMultiple = ({ value, onChange, limit, ...props }: UserAndRoomAutoCompleteMultipleProps) => {
 	const user = useUser();
@@ -35,33 +46,31 @@ const UserAndRoomAutoCompleteMultiple = ({ value, onChange, limit, ...props }: U
 		),
 	);
 
-	const options = useMemo(() => {
-		if (!user) {
-			return [];
-		}
-
-		return rooms.reduce<Exclude<UserAndRoomAutoCompleteMultipleProps['options'], undefined>>((acc, room) => {
-			if (acc.length === limit) return acc;
+	const options = useMemo(
+		() =>
+			rooms.reduce<OptionType>((acc, room) => {
+				if (acc.length === limit) return acc;
 
-			if (isDirectMessageRoom(room) && (room.blocked || room.blocker)) {
-				return acc;
-			}
+				if (isDirectMessageRoom(room) && (room.blocked || room.blocker)) {
+					return acc;
+				}
 
-			if (roomCoordinator.readOnly(Rooms.state.get(room.rid), user)) return acc;
+				if (roomCoordinator.readOnly(Rooms.state.get(room.rid), user)) return acc;
 
-			return [
-				...acc,
-				{
-					value: room.rid,
-					label: {
-						name: room.fname || room.name,
-						avatarETag: room.avatarETag,
-						type: room.t,
+				return [
+					...acc,
+					{
+						value: room.rid,
+						label: {
+							name: room.fname || room.name,
+							avatarETag: room.avatarETag,
+							type: room.t,
+						},
 					},
-				},
-			];
-		}, []);
-	}, [limit, rooms, user]);
+				];
+			}, []),
+		[limit, rooms, user],
+	);
 
 	return (
 		<AutoComplete
@@ -71,13 +80,9 @@ const UserAndRoomAutoCompleteMultiple = ({ value, onChange, limit, ...props }: U
 			filter={filter}
 			setFilter={setFilter}
 			multiple
-			renderSelected={({ selected: { value, label }, onRemove, ...props }) => (
+			renderSelected={({ selected: { value, label }, onRemove, ...props }): ReactElement => (
 				<Chip {...props} height='x20' value={value} onClick={onRemove} mie={4}>
-					{label.t === 'd' ? (
-						<UserAvatar size='x20' username={value} />
-					) : (
-						<RoomAvatar size='x20' room={{ type: label?.type, _id: value, ...label }} />
-					)}
+					<RoomAvatar size='x20' room={{ ...label, _id: value }} />
 					<Box is='span' margin='none' mis={4}>
 						{label.name}
 					</Box>
@@ -86,11 +91,7 @@ const UserAndRoomAutoCompleteMultiple = ({ value, onChange, limit, ...props }: U
 			renderItem={({ value, label, ...props }) => (
 				<Option key={value} {...props}>
 					<OptionAvatar>
-						{label.t === 'd' ? (
-							<UserAvatar size='x20' username={value} />
-						) : (
-							<RoomAvatar size='x20' room={{ type: label?.type, _id: value, ...label }} />
-						)}
+						<RoomAvatar size='x20' room={{ ...label, _id: value }} />
 					</OptionAvatar>
 					<OptionContent>{label.name}</OptionContent>
 				</Option>
diff --git a/apps/meteor/client/components/UserAutoCompleteMultiple/UserAutoCompleteMultipleFederated.tsx b/apps/meteor/client/components/UserAutoCompleteMultiple/UserAutoCompleteMultipleFederated.tsx
index 9c097f5109660..e7ca3e76dd39a 100644
--- a/apps/meteor/client/components/UserAutoCompleteMultiple/UserAutoCompleteMultipleFederated.tsx
+++ b/apps/meteor/client/components/UserAutoCompleteMultiple/UserAutoCompleteMultipleFederated.tsx
@@ -1,4 +1,3 @@
-import type { OptionType } from '@rocket.chat/fuselage';
 import { MultiSelectFiltered } from '@rocket.chat/fuselage';
 import { useDebouncedValue } from '@rocket.chat/fuselage-hooks';
 import { useEndpoint } from '@rocket.chat/ui-contexts';
@@ -94,7 +93,7 @@ const UserAutoCompleteMultipleFederated = ({
 	);
 
 	return (
-		<OptionsContext.Provider value={{ options: options as unknown as OptionType[] }}>
+		<OptionsContext.Provider value={{ options }}>
 			<MultiSelectFiltered
 				{...props}
 				data-qa-type='user-auto-complete-input'
diff --git a/apps/meteor/client/components/UserAutoCompleteMultiple/UserAutoCompleteMultipleOption.tsx b/apps/meteor/client/components/UserAutoCompleteMultiple/UserAutoCompleteMultipleOption.tsx
index 318cbdc0365e8..f234cad7ec6da 100644
--- a/apps/meteor/client/components/UserAutoCompleteMultiple/UserAutoCompleteMultipleOption.tsx
+++ b/apps/meteor/client/components/UserAutoCompleteMultiple/UserAutoCompleteMultipleOption.tsx
@@ -1,15 +1,17 @@
-import type { IUser } from '@rocket.chat/core-typings';
 import { Option, OptionDescription } from '@rocket.chat/fuselage';
 import { UserAvatar } from '@rocket.chat/ui-avatar';
-import type { ReactElement } from 'react';
+
+import type { UserLabel } from './UserAutoCompleteMultipleOptions';
 
 type UserAutoCompleteMultipleOptionProps = {
-	label: {
-		_federated?: boolean;
-	} & Pick<IUser, 'username' | 'name'>;
+	label: UserLabel;
+	value: string | number;
+	selected?: boolean;
+	focus?: boolean;
+	role?: string;
 };
 
-const UserAutoCompleteMultipleOption = ({ label, ...props }: UserAutoCompleteMultipleOptionProps): ReactElement => {
+const UserAutoCompleteMultipleOption = ({ label, ...props }: UserAutoCompleteMultipleOptionProps) => {
 	const { name, username, _federated } = label;
 
 	return (
@@ -20,13 +22,10 @@ const UserAutoCompleteMultipleOption = ({ label, ...props }: UserAutoCompleteMul
 			icon={_federated ? 'globe' : undefined}
 			key={username}
 			label={
-				(
-					<>
-						{name || username} {!_federated && <OptionDescription>({username})</OptionDescription>}
-					</>
-				) as any
+				<>
+					{name || username} {!_federated && <OptionDescription>({username})</OptionDescription>}
+				</>
 			}
-			children={undefined}
 		/>
 	);
 };
diff --git a/apps/meteor/client/components/UserAutoCompleteMultiple/UserAutoCompleteMultipleOptions.tsx b/apps/meteor/client/components/UserAutoCompleteMultiple/UserAutoCompleteMultipleOptions.tsx
index 4d8901ff6b661..084bd3a4e388b 100644
--- a/apps/meteor/client/components/UserAutoCompleteMultiple/UserAutoCompleteMultipleOptions.tsx
+++ b/apps/meteor/client/components/UserAutoCompleteMultiple/UserAutoCompleteMultipleOptions.tsx
@@ -9,8 +9,14 @@ import UserAutoCompleteMultipleOption from './UserAutoCompleteMultipleOption';
 // The select requires a forwarded ref component in the renderOptions property
 // but we also need to pass internal state to this renderer, as well as the props that also come from the Select.
 
+export type UserLabel = {
+	_federated?: boolean;
+	username: string;
+	name?: string;
+};
+
 type OptionsContextValue = {
-	options: OptionType[];
+	options: OptionType<string, UserLabel>[];
 };
 
 export const OptionsContext = createContext<OptionsContextValue>({
diff --git a/apps/meteor/client/views/omnichannel/components/AutoCompleteDepartmentMultiple.tsx b/apps/meteor/client/views/omnichannel/components/AutoCompleteDepartmentMultiple.tsx
index 2d95ed8661b6e..11882bdcf9d82 100644
--- a/apps/meteor/client/views/omnichannel/components/AutoCompleteDepartmentMultiple.tsx
+++ b/apps/meteor/client/views/omnichannel/components/AutoCompleteDepartmentMultiple.tsx
@@ -66,7 +66,7 @@ const AutoCompleteDepartmentMultiple = ({
 			flexShrink={0}
 			flexGrow={0}
 			placeholder={t('Select_an_option')}
-			renderItem={({ label, value, ref: _ref, ...props }) => {
+			renderItem={({ label, value, ...props }) => {
 				if (withCheckbox) {
 					return (
 						<CheckOption
diff --git a/apps/meteor/client/views/omnichannel/components/AutoCompleteMonitors.tsx b/apps/meteor/client/views/omnichannel/components/AutoCompleteMonitors.tsx
index 3ee618092751d..e8a4067bbbfe1 100644
--- a/apps/meteor/client/views/omnichannel/components/AutoCompleteMonitors.tsx
+++ b/apps/meteor/client/views/omnichannel/components/AutoCompleteMonitors.tsx
@@ -31,7 +31,7 @@ const AutoCompleteMonitors = ({ value = [], onBlur, onChange, ...props }: AutoCo
 			endReached={() => fetchNextPage()}
 			onBlur={onBlur}
 			onChange={onChange}
-			renderItem={({ label, value, ref: _ref, ...props }) => (
+			renderItem={({ label, value, ...props }) => (
 				<CheckOption {...props} label={label} selected={value ? selectedValues.has(value) : false} />
 			)}
 		/>
diff --git a/apps/meteor/client/views/teams/contextualBar/channels/AddExistingModal/RoomsAvailableForTeamsAutoComplete.tsx b/apps/meteor/client/views/teams/contextualBar/channels/AddExistingModal/RoomsAvailableForTeamsAutoComplete.tsx
index d9a15f61b09a6..d0a56dd4cb496 100644
--- a/apps/meteor/client/views/teams/contextualBar/channels/AddExistingModal/RoomsAvailableForTeamsAutoComplete.tsx
+++ b/apps/meteor/client/views/teams/contextualBar/channels/AddExistingModal/RoomsAvailableForTeamsAutoComplete.tsx
@@ -47,7 +47,7 @@ const RoomsAvailableForTeamsAutoComplete = ({ value, onChange, ...props }: Rooms
 			setFilter={setFilter}
 			renderSelected={({ selected: { value, label }, onRemove }) => (
 				<Chip key={value} height='x20' value={value} onClick={onRemove} mb={2} mie={4}>
-					<RoomAvatar size='x20' room={{ type: label?.type || 'c', _id: value, ...label }} />
+					<RoomAvatar size='x20' room={{ ...label, type: label?.type || 'c', _id: value }} />
 					<Box is='span' margin='none' mis={4}>
 						{label.name}
 					</Box>
diff --git a/apps/meteor/package.json b/apps/meteor/package.json
index 8c64f529100a9..983981fd0a7b3 100644
--- a/apps/meteor/package.json
+++ b/apps/meteor/package.json
@@ -100,7 +100,7 @@
 		"@rocket.chat/federation-matrix": "workspace:^",
 		"@rocket.chat/federation-sdk": "0.3.2",
 		"@rocket.chat/freeswitch": "workspace:^",
-		"@rocket.chat/fuselage": "~0.68.1",
+		"@rocket.chat/fuselage": "^0.69.0",
 		"@rocket.chat/fuselage-forms": "~0.1.1",
 		"@rocket.chat/fuselage-hooks": "~0.38.1",
 		"@rocket.chat/fuselage-toastbar": "~0.35.1",
diff --git a/apps/uikit-playground/package.json b/apps/uikit-playground/package.json
index 9048d50aea638..8fea30c69fef2 100644
--- a/apps/uikit-playground/package.json
+++ b/apps/uikit-playground/package.json
@@ -18,7 +18,7 @@
 		"@lezer/highlight": "^1.2.3",
 		"@rocket.chat/core-typings": "workspace:^",
 		"@rocket.chat/css-in-js": "~0.31.25",
-		"@rocket.chat/fuselage": "~0.68.1",
+		"@rocket.chat/fuselage": "^0.69.0",
 		"@rocket.chat/fuselage-hooks": "~0.38.1",
 		"@rocket.chat/fuselage-toastbar": "~0.35.1",
 		"@rocket.chat/fuselage-tokens": "~0.33.2",
diff --git a/ee/packages/ui-theming/package.json b/ee/packages/ui-theming/package.json
index 6cb1e02ce4d9e..2e027d299fc10 100644
--- a/ee/packages/ui-theming/package.json
+++ b/ee/packages/ui-theming/package.json
@@ -16,7 +16,7 @@
 	"devDependencies": {
 		"@rocket.chat/css-in-js": "~0.31.25",
 		"@rocket.chat/emitter": "~0.31.25",
-		"@rocket.chat/fuselage": "~0.68.1",
+		"@rocket.chat/fuselage": "^0.69.0",
 		"@rocket.chat/fuselage-hooks": "~0.38.1",
 		"@rocket.chat/fuselage-tokens": "~0.33.2",
 		"@rocket.chat/icons": "~0.45.0",
diff --git a/packages/fuselage-ui-kit/package.json b/packages/fuselage-ui-kit/package.json
index 3a3d6ba1b3b31..03aca9bd5867f 100644
--- a/packages/fuselage-ui-kit/package.json
+++ b/packages/fuselage-ui-kit/package.json
@@ -53,7 +53,7 @@
 		"@rocket.chat/core-typings": "workspace:^",
 		"@rocket.chat/emitter": "~0.31.25",
 		"@rocket.chat/eslint-config": "workspace:^",
-		"@rocket.chat/fuselage": "~0.68.1",
+		"@rocket.chat/fuselage": "^0.69.0",
 		"@rocket.chat/fuselage-hooks": "~0.38.1",
 		"@rocket.chat/fuselage-tokens": "~0.33.2",
 		"@rocket.chat/icons": "~0.45.0",
diff --git a/packages/gazzodown/package.json b/packages/gazzodown/package.json
index 4a97c975a4988..27b2bc94f3d96 100644
--- a/packages/gazzodown/package.json
+++ b/packages/gazzodown/package.json
@@ -32,7 +32,7 @@
 		"@rocket.chat/core-typings": "workspace:^",
 		"@rocket.chat/css-in-js": "~0.31.25",
 		"@rocket.chat/emitter": "~0.31.25",
-		"@rocket.chat/fuselage": "~0.68.1",
+		"@rocket.chat/fuselage": "^0.69.0",
 		"@rocket.chat/fuselage-hooks": "~0.38.1",
 		"@rocket.chat/fuselage-tokens": "~0.33.2",
 		"@rocket.chat/icons": "~0.45.0",
diff --git a/packages/storybook-config/package.json b/packages/storybook-config/package.json
index 5caabe2ce24ec..6ec940bcf2f63 100644
--- a/packages/storybook-config/package.json
+++ b/packages/storybook-config/package.json
@@ -37,7 +37,7 @@
 	},
 	"devDependencies": {
 		"@rocket.chat/eslint-config": "workspace:~",
-		"@rocket.chat/fuselage": "~0.68.1",
+		"@rocket.chat/fuselage": "^0.69.0",
 		"@rocket.chat/icons": "~0.45.0",
 		"@rocket.chat/tsconfig": "workspace:*",
 		"@storybook/react": "^8.6.14",
diff --git a/packages/ui-avatar/package.json b/packages/ui-avatar/package.json
index 753ab29107fcc..f6aef9203581b 100644
--- a/packages/ui-avatar/package.json
+++ b/packages/ui-avatar/package.json
@@ -17,7 +17,7 @@
 	"devDependencies": {
 		"@rocket.chat/core-typings": "workspace:~",
 		"@rocket.chat/emitter": "~0.31.25",
-		"@rocket.chat/fuselage": "~0.68.1",
+		"@rocket.chat/fuselage": "^0.69.0",
 		"@rocket.chat/fuselage-hooks": "~0.38.1",
 		"@rocket.chat/fuselage-tokens": "~0.33.2",
 		"@rocket.chat/icons": "~0.45.0",
diff --git a/packages/ui-client/package.json b/packages/ui-client/package.json
index 8496db56a41bb..046338c8e0dd8 100644
--- a/packages/ui-client/package.json
+++ b/packages/ui-client/package.json
@@ -25,7 +25,7 @@
 		"@rocket.chat/core-typings": "workspace:~",
 		"@rocket.chat/css-in-js": "~0.31.25",
 		"@rocket.chat/emitter": "~0.31.25",
-		"@rocket.chat/fuselage": "~0.68.1",
+		"@rocket.chat/fuselage": "^0.69.0",
 		"@rocket.chat/fuselage-hooks": "~0.38.1",
 		"@rocket.chat/fuselage-tokens": "~0.33.2",
 		"@rocket.chat/icons": "~0.45.0",
diff --git a/packages/ui-composer/package.json b/packages/ui-composer/package.json
index d7a2417ad7832..d3aa234181805 100644
--- a/packages/ui-composer/package.json
+++ b/packages/ui-composer/package.json
@@ -23,7 +23,7 @@
 		"@react-aria/toolbar": "^3.0.0-nightly.5042",
 		"@rocket.chat/emitter": "~0.31.25",
 		"@rocket.chat/eslint-config": "workspace:^",
-		"@rocket.chat/fuselage": "~0.68.1",
+		"@rocket.chat/fuselage": "^0.69.0",
 		"@rocket.chat/fuselage-hooks": "~0.38.1",
 		"@rocket.chat/fuselage-tokens": "~0.33.2",
 		"@rocket.chat/icons": "~0.45.0",
diff --git a/packages/ui-contexts/package.json b/packages/ui-contexts/package.json
index 486d322784e55..b0a0bbef2d64b 100644
--- a/packages/ui-contexts/package.json
+++ b/packages/ui-contexts/package.json
@@ -22,7 +22,7 @@
 		"@rocket.chat/core-typings": "workspace:^",
 		"@rocket.chat/ddp-client": "workspace:~",
 		"@rocket.chat/emitter": "~0.31.25",
-		"@rocket.chat/fuselage": "~0.68.1",
+		"@rocket.chat/fuselage": "^0.69.0",
 		"@rocket.chat/fuselage-hooks": "~0.38.1",
 		"@rocket.chat/fuselage-tokens": "~0.33.2",
 		"@rocket.chat/i18n": "workspace:~",
diff --git a/packages/ui-video-conf/package.json b/packages/ui-video-conf/package.json
index 78a22891a73bc..9d667fef5f5d9 100644
--- a/packages/ui-video-conf/package.json
+++ b/packages/ui-video-conf/package.json
@@ -23,7 +23,7 @@
 	"devDependencies": {
 		"@rocket.chat/css-in-js": "~0.31.25",
 		"@rocket.chat/eslint-config": "workspace:^",
-		"@rocket.chat/fuselage": "~0.68.1",
+		"@rocket.chat/fuselage": "^0.69.0",
 		"@rocket.chat/fuselage-hooks": "~0.38.1",
 		"@rocket.chat/fuselage-tokens": "~0.33.2",
 		"@rocket.chat/icons": "~0.45.0",
diff --git a/packages/ui-voip/package.json b/packages/ui-voip/package.json
index f6b630c1fc943..83f486f4038ef 100644
--- a/packages/ui-voip/package.json
+++ b/packages/ui-voip/package.json
@@ -31,7 +31,7 @@
 		"@react-spectrum/test-utils": "~1.0.0-alpha.8",
 		"@rocket.chat/css-in-js": "~0.31.25",
 		"@rocket.chat/eslint-config": "workspace:^",
-		"@rocket.chat/fuselage": "~0.68.1",
+		"@rocket.chat/fuselage": "^0.69.0",
 		"@rocket.chat/fuselage-hooks": "~0.38.1",
 		"@rocket.chat/fuselage-tokens": "~0.33.2",
 		"@rocket.chat/icons": "~0.45.0",
diff --git a/packages/web-ui-registration/package.json b/packages/web-ui-registration/package.json
index ae5ce974309ff..caa48504114a3 100644
--- a/packages/web-ui-registration/package.json
+++ b/packages/web-ui-registration/package.json
@@ -23,7 +23,7 @@
 		"@rocket.chat/core-typings": "workspace:~",
 		"@rocket.chat/css-in-js": "~0.31.25",
 		"@rocket.chat/emitter": "~0.31.25",
-		"@rocket.chat/fuselage": "~0.68.1",
+		"@rocket.chat/fuselage": "^0.69.0",
 		"@rocket.chat/fuselage-hooks": "~0.38.1",
 		"@rocket.chat/fuselage-tokens": "~0.33.2",
 		"@rocket.chat/i18n": "workspace:~",
diff --git a/yarn.lock b/yarn.lock
index be1851bc9b1f5..00d427ee6f20c 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -8628,7 +8628,7 @@ __metadata:
     "@rocket.chat/core-typings": "workspace:^"
     "@rocket.chat/emitter": "npm:~0.31.25"
     "@rocket.chat/eslint-config": "workspace:^"
-    "@rocket.chat/fuselage": "npm:~0.68.1"
+    "@rocket.chat/fuselage": "npm:^0.69.0"
     "@rocket.chat/fuselage-hooks": "npm:~0.38.1"
     "@rocket.chat/fuselage-tokens": "npm:~0.33.2"
     "@rocket.chat/gazzodown": "workspace:^"
@@ -8689,9 +8689,9 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@rocket.chat/fuselage@npm:~0.68.1":
-  version: 0.68.1
-  resolution: "@rocket.chat/fuselage@npm:0.68.1"
+"@rocket.chat/fuselage@npm:^0.69.0":
+  version: 0.69.0
+  resolution: "@rocket.chat/fuselage@npm:0.69.0"
   dependencies:
     "@rocket.chat/css-in-js": "npm:^0.31.25"
     "@rocket.chat/css-supports": "npm:^0.31.25"
@@ -8708,7 +8708,7 @@ __metadata:
     react: "*"
     react-dom: "*"
     react-virtuoso: "*"
-  checksum: 10/799ec07542242222b69997c3049a58171a402662ce3dea56c356a3f36111e2afe5e6f0f80afb153cf49f7df1d9ed977113db041a1e7658926393c16ac295881c
+  checksum: 10/245338f09bed2460446a8acbaff8e8587fcd49301aeb4a3e3104832b70e2d6a484c31310a9f52333e98ee424f430f2b66a85a2d5af087cda7e0c3f351fb2ac85
   languageName: node
   linkType: hard
 
@@ -8720,7 +8720,7 @@ __metadata:
     "@rocket.chat/core-typings": "workspace:^"
     "@rocket.chat/css-in-js": "npm:~0.31.25"
     "@rocket.chat/emitter": "npm:~0.31.25"
-    "@rocket.chat/fuselage": "npm:~0.68.1"
+    "@rocket.chat/fuselage": "npm:^0.69.0"
     "@rocket.chat/fuselage-hooks": "npm:~0.38.1"
     "@rocket.chat/fuselage-tokens": "npm:~0.33.2"
     "@rocket.chat/icons": "npm:~0.45.0"
@@ -9193,7 +9193,7 @@ __metadata:
     "@rocket.chat/federation-matrix": "workspace:^"
     "@rocket.chat/federation-sdk": "npm:0.3.2"
     "@rocket.chat/freeswitch": "workspace:^"
-    "@rocket.chat/fuselage": "npm:~0.68.1"
+    "@rocket.chat/fuselage": "npm:^0.69.0"
     "@rocket.chat/fuselage-forms": "npm:~0.1.1"
     "@rocket.chat/fuselage-hooks": "npm:~0.38.1"
     "@rocket.chat/fuselage-toastbar": "npm:~0.35.1"
@@ -10111,7 +10111,7 @@ __metadata:
   dependencies:
     "@rocket.chat/emitter": "npm:~0.31.25"
     "@rocket.chat/eslint-config": "workspace:~"
-    "@rocket.chat/fuselage": "npm:~0.68.1"
+    "@rocket.chat/fuselage": "npm:^0.69.0"
     "@rocket.chat/fuselage-hooks": "npm:~0.38.1"
     "@rocket.chat/fuselage-tokens": "npm:~0.33.2"
     "@rocket.chat/icons": "npm:~0.45.0"
@@ -10244,7 +10244,7 @@ __metadata:
   dependencies:
     "@rocket.chat/core-typings": "workspace:~"
     "@rocket.chat/emitter": "npm:~0.31.25"
-    "@rocket.chat/fuselage": "npm:~0.68.1"
+    "@rocket.chat/fuselage": "npm:^0.69.0"
     "@rocket.chat/fuselage-hooks": "npm:~0.38.1"
     "@rocket.chat/fuselage-tokens": "npm:~0.33.2"
     "@rocket.chat/icons": "npm:~0.45.0"
@@ -10275,7 +10275,7 @@ __metadata:
     "@rocket.chat/core-typings": "workspace:~"
     "@rocket.chat/css-in-js": "npm:~0.31.25"
     "@rocket.chat/emitter": "npm:~0.31.25"
-    "@rocket.chat/fuselage": "npm:~0.68.1"
+    "@rocket.chat/fuselage": "npm:^0.69.0"
     "@rocket.chat/fuselage-hooks": "npm:~0.38.1"
     "@rocket.chat/fuselage-tokens": "npm:~0.33.2"
     "@rocket.chat/icons": "npm:~0.45.0"
@@ -10333,7 +10333,7 @@ __metadata:
     "@react-aria/toolbar": "npm:^3.0.0-nightly.5042"
     "@rocket.chat/emitter": "npm:~0.31.25"
     "@rocket.chat/eslint-config": "workspace:^"
-    "@rocket.chat/fuselage": "npm:~0.68.1"
+    "@rocket.chat/fuselage": "npm:^0.69.0"
     "@rocket.chat/fuselage-hooks": "npm:~0.38.1"
     "@rocket.chat/fuselage-tokens": "npm:~0.33.2"
     "@rocket.chat/icons": "npm:~0.45.0"
@@ -10377,7 +10377,7 @@ __metadata:
     "@rocket.chat/core-typings": "workspace:^"
     "@rocket.chat/ddp-client": "workspace:~"
     "@rocket.chat/emitter": "npm:~0.31.25"
-    "@rocket.chat/fuselage": "npm:~0.68.1"
+    "@rocket.chat/fuselage": "npm:^0.69.0"
     "@rocket.chat/fuselage-hooks": "npm:~0.38.1"
     "@rocket.chat/fuselage-tokens": "npm:~0.33.2"
     "@rocket.chat/i18n": "workspace:~"
@@ -10436,7 +10436,7 @@ __metadata:
   dependencies:
     "@rocket.chat/css-in-js": "npm:~0.31.25"
     "@rocket.chat/emitter": "npm:~0.31.25"
-    "@rocket.chat/fuselage": "npm:~0.68.1"
+    "@rocket.chat/fuselage": "npm:^0.69.0"
     "@rocket.chat/fuselage-hooks": "npm:~0.38.1"
     "@rocket.chat/fuselage-tokens": "npm:~0.33.2"
     "@rocket.chat/icons": "npm:~0.45.0"
@@ -10470,7 +10470,7 @@ __metadata:
     "@rocket.chat/css-in-js": "npm:~0.31.25"
     "@rocket.chat/emitter": "npm:~0.31.25"
     "@rocket.chat/eslint-config": "workspace:^"
-    "@rocket.chat/fuselage": "npm:~0.68.1"
+    "@rocket.chat/fuselage": "npm:^0.69.0"
     "@rocket.chat/fuselage-hooks": "npm:~0.38.1"
     "@rocket.chat/fuselage-tokens": "npm:~0.33.2"
     "@rocket.chat/icons": "npm:~0.45.0"
@@ -10526,7 +10526,7 @@ __metadata:
     "@rocket.chat/desktop-api": "workspace:^"
     "@rocket.chat/emitter": "npm:~0.31.25"
     "@rocket.chat/eslint-config": "workspace:^"
-    "@rocket.chat/fuselage": "npm:~0.68.1"
+    "@rocket.chat/fuselage": "npm:^0.69.0"
     "@rocket.chat/fuselage-hooks": "npm:~0.38.1"
     "@rocket.chat/fuselage-tokens": "npm:~0.33.2"
     "@rocket.chat/icons": "npm:~0.45.0"
@@ -10596,7 +10596,7 @@ __metadata:
     "@rocket.chat/core-typings": "workspace:^"
     "@rocket.chat/css-in-js": "npm:~0.31.25"
     "@rocket.chat/emitter": "npm:~0.31.25"
-    "@rocket.chat/fuselage": "npm:~0.68.1"
+    "@rocket.chat/fuselage": "npm:^0.69.0"
     "@rocket.chat/fuselage-hooks": "npm:~0.38.1"
     "@rocket.chat/fuselage-toastbar": "npm:~0.35.1"
     "@rocket.chat/fuselage-tokens": "npm:~0.33.2"
@@ -10641,7 +10641,7 @@ __metadata:
     "@rocket.chat/core-typings": "workspace:~"
     "@rocket.chat/css-in-js": "npm:~0.31.25"
     "@rocket.chat/emitter": "npm:~0.31.25"
-    "@rocket.chat/fuselage": "npm:~0.68.1"
+    "@rocket.chat/fuselage": "npm:^0.69.0"
     "@rocket.chat/fuselage-hooks": "npm:~0.38.1"
     "@rocket.chat/fuselage-tokens": "npm:~0.33.2"
     "@rocket.chat/i18n": "workspace:~"