@rocket.chat/fuselage 0.70.1 → 0.71.0

package/dist/fuselage.development.js

@@ -1635,8 +1635,6 @@ Object.defineProperty(exports, "IconButton", ({ enumerable: true, get: function
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 const jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
 const react_1 = __webpack_require__(/*! react */ "react");
-const appendClassName_1 = __webpack_require__(/*! ../../helpers/appendClassName */ "./src/helpers/appendClassName.ts");
-const patchChildren_1 = __webpack_require__(/*! ../../helpers/patchChildren */ "./src/helpers/patchChildren.ts");
 const ButtonGroup = (0, react_1.forwardRef)(function ButtonGroup({ align = 'start', children, stretch, vertical, wrap, small, large, className, ...props }, ref) {
     return ((0, jsx_runtime_1.jsx)("div", { ref: ref, className: [
             'rcx-button-group',
@@ -1649,9 +1647,7 @@ const ButtonGroup = (0, react_1.forwardRef)(function ButtonGroup({ align = 'star
             className,
         ]
             .filter(Boolean)
-            .join(' '), role: 'group', ...props, children: (0, patchChildren_1.patchChildren)(children, (childProps) => ({
-            className: (0, appendClassName_1.appendClassName)(childProps.className, 'rcx-button-group__item'),
-        })) }));
+            .join(' '), role: 'group', ...props, children: children }));
 });
 exports["default"] = ButtonGroup;
 
@@ -2526,7 +2522,7 @@ const jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-ru
 const css_in_js_1 = __webpack_require__(/*! @rocket.chat/css-in-js */ "@rocket.chat/css-in-js");
 const react_1 = __webpack_require__(/*! react */ "react");
 const Box_1 = __webpack_require__(/*! ../Box */ "./src/components/Box/index.ts");
-const ContextualbarHeader = ({ children, ...props }) => ((0, jsx_runtime_1.jsx)(Box_1.Box, { display: 'flex', alignItems: 'center', height: 'x44', pi: 16, borderBlockEndWidth: 'default', borderBlockColor: 'extra-light', flexShrink: 0, ...props, children: (0, jsx_runtime_1.jsx)(Box_1.Box, { display: 'flex', alignItems: 'center', justifyContent: 'space-between', flexGrow: 1, height: '100%', overflow: 'hidden', className: (0, css_in_js_1.css) `
+const ContextualbarHeader = ({ children, ...props }) => ((0, jsx_runtime_1.jsx)(Box_1.Box, { display: 'flex', alignItems: 'center', height: 'x44', pi: 16, borderBlockEndWidth: 'default', borderBlockColor: 'extra-light', flexShrink: 0, ...props, children: (0, jsx_runtime_1.jsx)(Box_1.Box, { display: 'flex', alignItems: 'center', justifyContent: 'space-between', flexGrow: 1, height: '100%', overflow: 'hidden', mi: -4, pi: 4, className: (0, css_in_js_1.css) `
         gap: 8px;
       `, children: children }) }));
 exports["default"] = (0, react_1.memo)(ContextualbarHeader);
@@ -2606,7 +2602,7 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 const jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
 const react_1 = __webpack_require__(/*! react */ "react");
 const Box_1 = __webpack_require__(/*! ../Box */ "./src/components/Box/index.ts");
-const ContextualbarTitle = (props) => ((0, jsx_runtime_1.jsx)(Box_1.Box, { flexShrink: 1, flexGrow: 1, fontScale: 'h5', withTruncatedText: true, ...props }));
+const ContextualbarTitle = (props) => ((0, jsx_runtime_1.jsx)(Box_1.Box, { flexShrink: 1, flexGrow: 1, fontScale: 'h5', withTruncatedText: true, is: 'h5', ...props }));
 exports["default"] = (0, react_1.memo)(ContextualbarTitle);
 
 
@@ -4164,33 +4160,14 @@ __exportStar(__webpack_require__(/*! ./V2 */ "./src/components/Menu/V2/index.ts"
 /*!********************************************!*\
   !*** ./src/components/Message/Message.tsx ***!
   \********************************************/
-/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 const jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
 const react_1 = __webpack_require__(/*! react */ "react");
 const prependClassName_1 = __webpack_require__(/*! ../../helpers/prependClassName */ "./src/helpers/prependClassName.ts");
-const MessageBlock_1 = __importDefault(__webpack_require__(/*! ./MessageBlock */ "./src/components/Message/MessageBlock.tsx"));
-const MessageBody_1 = __importDefault(__webpack_require__(/*! ./MessageBody */ "./src/components/Message/MessageBody.tsx"));
-const MessageContainer_1 = __importDefault(__webpack_require__(/*! ./MessageContainer */ "./src/components/Message/MessageContainer.tsx"));
-const MessageContainerFixed_1 = __importDefault(__webpack_require__(/*! ./MessageContainerFixed */ "./src/components/Message/MessageContainerFixed.tsx"));
-const MessageDivider_1 = __webpack_require__(/*! ./MessageDivider */ "./src/components/Message/MessageDivider/index.ts");
-const MessageHeader_1 = __importDefault(__webpack_require__(/*! ./MessageHeader */ "./src/components/Message/MessageHeader.tsx"));
-const MessageHighlight_1 = __importDefault(__webpack_require__(/*! ./MessageHighlight */ "./src/components/Message/MessageHighlight.tsx"));
-const MessageLeftContainer_1 = __importDefault(__webpack_require__(/*! ./MessageLeftContainer */ "./src/components/Message/MessageLeftContainer.tsx"));
-const MessageMetrics_1 = __webpack_require__(/*! ./MessageMetrics */ "./src/components/Message/MessageMetrics/index.ts");
-const MessageName_1 = __importDefault(__webpack_require__(/*! ./MessageName */ "./src/components/Message/MessageName.tsx"));
-const MessageNameContainer_1 = __importDefault(__webpack_require__(/*! ./MessageNameContainer */ "./src/components/Message/MessageNameContainer.tsx"));
-const MessageRole_1 = __importDefault(__webpack_require__(/*! ./MessageRole */ "./src/components/Message/MessageRole.tsx"));
-const MessageRoles_1 = __importDefault(__webpack_require__(/*! ./MessageRoles */ "./src/components/Message/MessageRoles.tsx"));
-const MessageTimestamp_1 = __importDefault(__webpack_require__(/*! ./MessageTimestamp */ "./src/components/Message/MessageTimestamp.tsx"));
-const MessageToolbar_1 = __webpack_require__(/*! ./MessageToolbar */ "./src/components/Message/MessageToolbar/index.ts");
-const MessageUsername_1 = __importDefault(__webpack_require__(/*! ./MessageUsername */ "./src/components/Message/MessageUsername.tsx"));
-const Message = Object.assign((0, react_1.forwardRef)(function Message({ className, clickable, sequential, isSelected, isEditing, isPending, highlight, ...props }, ref) {
+const Message = (0, react_1.forwardRef)(function Message({ className, clickable, sequential, isSelected, isEditing, isPending, highlight, ...props }, ref) {
     return ((0, jsx_runtime_1.jsx)("div", { ref: ref, className: (0, prependClassName_1.prependClassName)(className, [
             'rcx-message',
             (clickable || props.onClick) && 'rcx-message--clickable',
@@ -4202,23 +4179,6 @@ const Message = Object.assign((0, react_1.forwardRef)(function Message({ classNa
         ]
             .filter(Boolean)
             .join(' ')), ...props }));
-}), {
-    Metrics: MessageMetrics_1.MessageMetrics,
-    Toolbar: MessageToolbar_1.MessageToolbar,
-    Container: MessageContainer_1.default,
-    ContainerFixed: MessageContainerFixed_1.default,
-    LeftContainer: MessageLeftContainer_1.default,
-    Header: MessageHeader_1.default,
-    Body: MessageBody_1.default,
-    Block: MessageBlock_1.default,
-    Timestamp: MessageTimestamp_1.default,
-    NameContainer: MessageNameContainer_1.default,
-    Name: MessageName_1.default,
-    Username: MessageUsername_1.default,
-    Roles: MessageRoles_1.default,
-    Role: MessageRole_1.default,
-    Divider: MessageDivider_1.MessageDivider,
-    Highlight: MessageHighlight_1.default,
 });
 exports["default"] = Message;
 
@@ -4332,13 +4292,16 @@ Object.defineProperty(exports, "MessageDivider", ({ enumerable: true, get: funct
 /*!*************************************************!*\
   !*** ./src/components/Message/MessageEmoji.tsx ***!
   \*************************************************/
-/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 const jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
-const MessageEmojiBase_1 = __webpack_require__(/*! ./MessageEmojiBase */ "./src/components/Message/MessageEmojiBase.tsx");
-const MessageEmoji = ({ name, className, image, big, ...props }) => ((0, jsx_runtime_1.jsx)(MessageEmojiBase_1.MessageEmojiBase, { className: [
+const MessageEmojiBase_1 = __importDefault(__webpack_require__(/*! ./MessageEmojiBase */ "./src/components/Message/MessageEmojiBase.tsx"));
+const MessageEmoji = ({ name, className, image, big, ...props }) => ((0, jsx_runtime_1.jsx)(MessageEmojiBase_1.default, { className: [
         'rcx-message__emoji',
         className,
         big && 'rcx-message__emoji--big',
@@ -4358,10 +4321,9 @@ exports["default"] = MessageEmoji;
 
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.MessageEmojiBase = void 0;
 const jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
 const MessageEmojiBase = ({ name, image, className, ...props }) => ((0, jsx_runtime_1.jsx)("span", { className: `${className || ''} ${name}`, style: image && image.length ? { backgroundImage: image } : undefined, ...props }));
-exports.MessageEmojiBase = MessageEmojiBase;
+exports["default"] = MessageEmojiBase;
 
 
 /***/ }),
@@ -4626,14 +4588,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 const jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
 const MessageMetricsContentItem_1 = __importDefault(__webpack_require__(/*! ./MessageMetricsContentItem */ "./src/components/Message/MessageMetrics/MessageMetricsContentItem.tsx"));
-const MessageMetricsFollowing_1 = __importDefault(__webpack_require__(/*! ./MessageMetricsFollowing */ "./src/components/Message/MessageMetrics/MessageMetricsFollowing.tsx"));
-const MessageMetricsItem_1 = __webpack_require__(/*! ./MessageMetricsItem */ "./src/components/Message/MessageMetrics/MessageMetricsItem/index.ts");
-const MessageMetricsReply_1 = __importDefault(__webpack_require__(/*! ./MessageMetricsReply */ "./src/components/Message/MessageMetrics/MessageMetricsReply.tsx"));
-const MessageMetrics = Object.assign((props) => ((0, jsx_runtime_1.jsx)(MessageMetricsContentItem_1.default, { children: (0, jsx_runtime_1.jsx)("div", { className: 'rcx-message-metrics__content-wrapper', ...props }) })), {
-    Reply: MessageMetricsReply_1.default,
-    Item: MessageMetricsItem_1.MessageMetricsItem,
-    Following: MessageMetricsFollowing_1.default,
-});
+const MessageMetrics = (props) => ((0, jsx_runtime_1.jsx)(MessageMetricsContentItem_1.default, { children: (0, jsx_runtime_1.jsx)("div", { className: 'rcx-message-metrics__content-wrapper', ...props }) }));
 exports["default"] = MessageMetrics;
 
 
@@ -4674,21 +4629,13 @@ exports["default"] = MessageMetricsFollowing;
 /*!*****************************************************************************************!*\
   !*** ./src/components/Message/MessageMetrics/MessageMetricsItem/MessageMetricsItem.tsx ***!
   \*****************************************************************************************/
-/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 const jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
 const prependClassName_1 = __webpack_require__(/*! ../../../../helpers/prependClassName */ "./src/helpers/prependClassName.ts");
-const MessageMetricsItemIcon_1 = __importDefault(__webpack_require__(/*! ./MessageMetricsItemIcon */ "./src/components/Message/MessageMetrics/MessageMetricsItem/MessageMetricsItemIcon.tsx"));
-const MessageMetricsItemLabel_1 = __importDefault(__webpack_require__(/*! ./MessageMetricsItemLabel */ "./src/components/Message/MessageMetrics/MessageMetricsItem/MessageMetricsItemLabel.tsx"));
-const MessageMetricsItem = Object.assign(({ className, ...props }) => ((0, jsx_runtime_1.jsx)("div", { className: (0, prependClassName_1.prependClassName)(className, 'rcx-message-metrics__item'), ...props })), {
-    Icon: MessageMetricsItemIcon_1.default,
-    Label: MessageMetricsItemLabel_1.default,
-});
+const MessageMetricsItem = ({ className, ...props }) => ((0, jsx_runtime_1.jsx)("div", { className: (0, prependClassName_1.prependClassName)(className, 'rcx-message-metrics__item'), ...props }));
 exports["default"] = MessageMetricsItem;
 
 
@@ -4874,24 +4821,27 @@ exports["default"] = MessageNameContainer;
 /*!*********************************************************************!*\
   !*** ./src/components/Message/MessageReactions/MessageReaction.tsx ***!
   \*********************************************************************/
-/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.MessageReaction = void 0;
 const jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
 const react_1 = __webpack_require__(/*! react */ "react");
-const MessageReactionCounter_1 = __webpack_require__(/*! ./MessageReactionCounter */ "./src/components/Message/MessageReactions/MessageReactionCounter.tsx");
-const MessageReactionEmoji_1 = __webpack_require__(/*! ./MessageReactionEmoji */ "./src/components/Message/MessageReactions/MessageReactionEmoji.tsx");
-exports.MessageReaction = (0, react_1.forwardRef)(function Reaction({ name, counter, mine, children, className, ...props }, ref) {
+const MessageReactionCounter_1 = __importDefault(__webpack_require__(/*! ./MessageReactionCounter */ "./src/components/Message/MessageReactions/MessageReactionCounter.tsx"));
+const MessageReactionEmoji_1 = __importDefault(__webpack_require__(/*! ./MessageReactionEmoji */ "./src/components/Message/MessageReactions/MessageReactionEmoji.tsx"));
+const MessageReaction = (0, react_1.forwardRef)(function Reaction({ name, counter, mine, children, className, ...props }, ref) {
     return ((0, jsx_runtime_1.jsx)("div", { className: [
             `rcx-message-reactions__reaction`,
             mine && 'rcx-message-reactions__reaction--mine',
             className,
         ]
             .filter(Boolean)
-            .join(' '), ref: ref, role: 'button', tabIndex: 0, ...props, children: children || ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [name && (0, jsx_runtime_1.jsx)(MessageReactionEmoji_1.MessageReactionEmoji, { name: name }), counter && (0, jsx_runtime_1.jsx)(MessageReactionCounter_1.MessageReactionCounter, { counter: counter })] })) }));
+            .join(' '), ref: ref, role: 'button', tabIndex: 0, ...props, children: children || ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [name && (0, jsx_runtime_1.jsx)(MessageReactionEmoji_1.default, { name: name }), counter && (0, jsx_runtime_1.jsx)(MessageReactionCounter_1.default, { counter: counter })] })) }));
 });
+exports["default"] = MessageReaction;
 
 
 /***/ }),
@@ -4904,7 +4854,6 @@ exports.MessageReaction = (0, react_1.forwardRef)(function Reaction({ name, coun
 
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.MessageReactionAction = void 0;
 const jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
 const Icon_1 = __webpack_require__(/*! ../../Icon */ "./src/components/Icon/index.ts");
 const MessageReactionAction = ({ className, ...props }) => ((0, jsx_runtime_1.jsx)("div", { role: 'button', tabIndex: 0, className: [
@@ -4913,7 +4862,7 @@ const MessageReactionAction = ({ className, ...props }) => ((0, jsx_runtime_1.js
     ]
         .filter(Boolean)
         .join(' '), ...props, children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: 'emoji-plus', size: 'x16' }) }));
-exports.MessageReactionAction = MessageReactionAction;
+exports["default"] = MessageReactionAction;
 
 
 /***/ }),
@@ -4926,10 +4875,9 @@ exports.MessageReactionAction = MessageReactionAction;
 
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.MessageReactionCounter = void 0;
 const jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
 const MessageReactionCounter = ({ counter, className, }) => ((0, jsx_runtime_1.jsx)("div", { className: `rcx-message-reactions__counter ${className}`, children: counter }));
-exports.MessageReactionCounter = MessageReactionCounter;
+exports["default"] = MessageReactionCounter;
 
 
 /***/ }),
@@ -4938,15 +4886,17 @@ exports.MessageReactionCounter = MessageReactionCounter;
 /*!**************************************************************************!*\
   !*** ./src/components/Message/MessageReactions/MessageReactionEmoji.tsx ***!
   \**************************************************************************/
-/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.MessageReactionEmoji = void 0;
 const jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
-const MessageEmojiBase_1 = __webpack_require__(/*! ../MessageEmojiBase */ "./src/components/Message/MessageEmojiBase.tsx");
-const MessageReactionEmoji = ({ className, ...props }) => ((0, jsx_runtime_1.jsx)(MessageEmojiBase_1.MessageEmojiBase, { className: `rcx-message-reactions__emoji ${className || ''}`, ...props }));
-exports.MessageReactionEmoji = MessageReactionEmoji;
+const MessageEmojiBase_1 = __importDefault(__webpack_require__(/*! ../MessageEmojiBase */ "./src/components/Message/MessageEmojiBase.tsx"));
+const MessageReactionEmoji = ({ className, ...props }) => ((0, jsx_runtime_1.jsx)(MessageEmojiBase_1.default, { className: `rcx-message-reactions__emoji ${className || ''}`, ...props }));
+exports["default"] = MessageReactionEmoji;
 
 
 /***/ }),
@@ -4984,21 +4934,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.MessageReactionEmoji = exports.MessageReactionCounter = exports.MessageReactions = exports.MessageReactionAction = exports.MessageReaction = void 0;
-const MessageReaction_1 = __webpack_require__(/*! ./MessageReaction */ "./src/components/Message/MessageReactions/MessageReaction.tsx");
-Object.defineProperty(exports, "MessageReaction", ({ enumerable: true, get: function () { return MessageReaction_1.MessageReaction; } }));
-const MessageReactionAction_1 = __webpack_require__(/*! ./MessageReactionAction */ "./src/components/Message/MessageReactions/MessageReactionAction.tsx");
-Object.defineProperty(exports, "MessageReactionAction", ({ enumerable: true, get: function () { return MessageReactionAction_1.MessageReactionAction; } }));
-const MessageReactionCounter_1 = __webpack_require__(/*! ./MessageReactionCounter */ "./src/components/Message/MessageReactions/MessageReactionCounter.tsx");
-Object.defineProperty(exports, "MessageReactionCounter", ({ enumerable: true, get: function () { return MessageReactionCounter_1.MessageReactionCounter; } }));
-const MessageReactionEmoji_1 = __webpack_require__(/*! ./MessageReactionEmoji */ "./src/components/Message/MessageReactions/MessageReactionEmoji.tsx");
-Object.defineProperty(exports, "MessageReactionEmoji", ({ enumerable: true, get: function () { return MessageReactionEmoji_1.MessageReactionEmoji; } }));
+exports.MessageReactionEmoji = exports.MessageReactionCounter = exports.MessageReactionAction = exports.MessageReaction = exports.MessageReactions = void 0;
 const MessageReactions_1 = __importDefault(__webpack_require__(/*! ./MessageReactions */ "./src/components/Message/MessageReactions/MessageReactions.tsx"));
 exports.MessageReactions = MessageReactions_1.default;
-exports["default"] = Object.assign(MessageReactions_1.default, {
-    Reaction: MessageReaction_1.MessageReaction,
-    Action: MessageReactionAction_1.MessageReactionAction,
-});
+exports["default"] = MessageReactions_1.default;
+var MessageReaction_1 = __webpack_require__(/*! ./MessageReaction */ "./src/components/Message/MessageReactions/MessageReaction.tsx");
+Object.defineProperty(exports, "MessageReaction", ({ enumerable: true, get: function () { return __importDefault(MessageReaction_1).default; } }));
+var MessageReactionAction_1 = __webpack_require__(/*! ./MessageReactionAction */ "./src/components/Message/MessageReactions/MessageReactionAction.tsx");
+Object.defineProperty(exports, "MessageReactionAction", ({ enumerable: true, get: function () { return __importDefault(MessageReactionAction_1).default; } }));
+var MessageReactionCounter_1 = __webpack_require__(/*! ./MessageReactionCounter */ "./src/components/Message/MessageReactions/MessageReactionCounter.tsx");
+Object.defineProperty(exports, "MessageReactionCounter", ({ enumerable: true, get: function () { return __importDefault(MessageReactionCounter_1).default; } }));
+var MessageReactionEmoji_1 = __webpack_require__(/*! ./MessageReactionEmoji */ "./src/components/Message/MessageReactions/MessageReactionEmoji.tsx");
+Object.defineProperty(exports, "MessageReactionEmoji", ({ enumerable: true, get: function () { return __importDefault(MessageReactionEmoji_1).default; } }));
 
 
 /***/ }),
@@ -5302,25 +5249,15 @@ exports["default"] = MessageTimestamp;
 /*!******************************************************************!*\
   !*** ./src/components/Message/MessageToolbar/MessageToolbar.tsx ***!
   \******************************************************************/
-/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 const jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
 const react_1 = __webpack_require__(/*! react */ "react");
 const ButtonGroup_1 = __webpack_require__(/*! ../../ButtonGroup */ "./src/components/ButtonGroup/index.ts");
-const Menu_1 = __webpack_require__(/*! ../../Menu */ "./src/components/Menu/index.ts");
-const MessageToolbarItem_1 = __importDefault(__webpack_require__(/*! ./MessageToolbarItem */ "./src/components/Message/MessageToolbar/MessageToolbarItem.tsx"));
-const MessageToolbarWrapper_1 = __importDefault(__webpack_require__(/*! ./MessageToolbarWrapper */ "./src/components/Message/MessageToolbar/MessageToolbarWrapper.tsx"));
-const MessageToolbar = Object.assign((0, react_1.forwardRef)(function MessageToolbar(props, ref) {
+const MessageToolbar = (0, react_1.forwardRef)(function MessageToolbar(props, ref) {
     return ((0, jsx_runtime_1.jsx)("div", { className: 'rcx-box rcx-box--full rcx-message-toolbar', children: (0, jsx_runtime_1.jsx)(ButtonGroup_1.ButtonGroup, { role: 'toolbar', ref: ref, small: true, ...props }) }));
-}), {
-    Item: MessageToolbarItem_1.default,
-    Wrapper: MessageToolbarWrapper_1.default,
-    Menu: Menu_1.Menu,
 });
 exports["default"] = MessageToolbar;
 
@@ -5420,24 +5357,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 const jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
 const Message_1 = __importDefault(__webpack_require__(/*! ../Message */ "./src/components/Message/Message.tsx"));
-const MessageLeftContainer_1 = __importDefault(__webpack_require__(/*! ../MessageLeftContainer */ "./src/components/Message/MessageLeftContainer.tsx"));
-const ThreadMessageBody_1 = __importDefault(__webpack_require__(/*! ./ThreadMessageBody */ "./src/components/Message/ThreadMessage/ThreadMessageBody.tsx"));
-const ThreadMessageContainer_1 = __importDefault(__webpack_require__(/*! ./ThreadMessageContainer */ "./src/components/Message/ThreadMessage/ThreadMessageContainer.tsx"));
-const ThreadMessageFollow_1 = __importDefault(__webpack_require__(/*! ./ThreadMessageFollow */ "./src/components/Message/ThreadMessage/ThreadMessageFollow.tsx"));
-const ThreadMessageIconThread_1 = __importDefault(__webpack_require__(/*! ./ThreadMessageIconThread */ "./src/components/Message/ThreadMessage/ThreadMessageIconThread.tsx"));
-const ThreadMessageOrigin_1 = __importDefault(__webpack_require__(/*! ./ThreadMessageOrigin */ "./src/components/Message/ThreadMessage/ThreadMessageOrigin.tsx"));
-const ThreadMessageRow_1 = __importDefault(__webpack_require__(/*! ./ThreadMessageRow */ "./src/components/Message/ThreadMessage/ThreadMessageRow.tsx"));
-const ThreadMessageUnfollow_1 = __importDefault(__webpack_require__(/*! ./ThreadMessageUnfollow */ "./src/components/Message/ThreadMessage/ThreadMessageUnfollow.tsx"));
-const ThreadMessage = Object.assign((props) => ((0, jsx_runtime_1.jsx)(Message_1.default, { ...{ className: 'rcx-message-thread' }, ...props })), {
-    Row: ThreadMessageRow_1.default,
-    Container: ThreadMessageContainer_1.default,
-    LeftContainer: MessageLeftContainer_1.default,
-    Origin: ThreadMessageOrigin_1.default,
-    Message: ThreadMessageBody_1.default,
-    Follow: ThreadMessageFollow_1.default,
-    Unfollow: ThreadMessageUnfollow_1.default,
-    Icon: ThreadMessageIconThread_1.default,
-});
+const ThreadMessage = (props) => ((0, jsx_runtime_1.jsx)(Message_1.default, { className: 'rcx-message-thread', ...props }));
 exports["default"] = ThreadMessage;
 
 
@@ -5477,13 +5397,16 @@ exports["default"] = ThreadMessageContainer;
 /*!*********************************************************************!*\
   !*** ./src/components/Message/ThreadMessage/ThreadMessageEmoji.tsx ***!
   \*********************************************************************/
-/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 const jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
-const MessageEmojiBase_1 = __webpack_require__(/*! ../MessageEmojiBase */ "./src/components/Message/MessageEmojiBase.tsx");
-const ThreadMessageEmoji = ({ className, ...props }) => ((0, jsx_runtime_1.jsx)(MessageEmojiBase_1.MessageEmojiBase, { className: `rcx-message-thread__emoji ${className || ''}`, ...props }));
+const MessageEmojiBase_1 = __importDefault(__webpack_require__(/*! ../MessageEmojiBase */ "./src/components/Message/MessageEmojiBase.tsx"));
+const ThreadMessageEmoji = ({ className, ...props }) => ((0, jsx_runtime_1.jsx)(MessageEmojiBase_1.default, { className: `rcx-message-thread__emoji ${className || ''}`, ...props }));
 exports["default"] = ThreadMessageEmoji;
 
 
@@ -5493,13 +5416,16 @@ exports["default"] = ThreadMessageEmoji;
 /*!**********************************************************************!*\
   !*** ./src/components/Message/ThreadMessage/ThreadMessageFollow.tsx ***!
   \**********************************************************************/
-/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 const jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
-const ThreadMessageIcon_1 = __webpack_require__(/*! ./ThreadMessageIcon */ "./src/components/Message/ThreadMessage/ThreadMessageIcon.tsx");
-const ThreadMessageFollow = () => ((0, jsx_runtime_1.jsx)(ThreadMessageIcon_1.ThreadMessageIcon, { className: 'rcx-box rcx-box--full rcx-message-thread__icon rcx-message-thread__icon--follow', ...{ name: 'bell' } }));
+const ThreadMessageIcon_1 = __importDefault(__webpack_require__(/*! ./ThreadMessageIcon */ "./src/components/Message/ThreadMessage/ThreadMessageIcon.tsx"));
+const ThreadMessageFollow = () => ((0, jsx_runtime_1.jsx)(ThreadMessageIcon_1.default, { className: 'rcx-box rcx-box--full rcx-message-thread__icon rcx-message-thread__icon--follow', name: 'bell' }));
 exports["default"] = ThreadMessageFollow;
 
 
@@ -5513,11 +5439,10 @@ exports["default"] = ThreadMessageFollow;
 
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.ThreadMessageIcon = void 0;
 const jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
 const Icon_1 = __webpack_require__(/*! ../../Icon */ "./src/components/Icon/index.ts");
 const ThreadMessageIcon = ({ ...props }) => ((0, jsx_runtime_1.jsx)(Icon_1.Icon, { className: 'rcx-box rcx-box--full rcx-message-thread__icon', size: 'x16', ...props }));
-exports.ThreadMessageIcon = ThreadMessageIcon;
+exports["default"] = ThreadMessageIcon;
 
 
 /***/ }),
@@ -5526,16 +5451,34 @@ exports.ThreadMessageIcon = ThreadMessageIcon;
 /*!**************************************************************************!*\
   !*** ./src/components/Message/ThreadMessage/ThreadMessageIconThread.tsx ***!
   \**************************************************************************/
-/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 const jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
-const ThreadMessageIcon_1 = __webpack_require__(/*! ./ThreadMessageIcon */ "./src/components/Message/ThreadMessage/ThreadMessageIcon.tsx");
-const ThreadMessageIconThread = () => (0, jsx_runtime_1.jsx)(ThreadMessageIcon_1.ThreadMessageIcon, { name: 'thread' });
+const ThreadMessageIcon_1 = __importDefault(__webpack_require__(/*! ./ThreadMessageIcon */ "./src/components/Message/ThreadMessage/ThreadMessageIcon.tsx"));
+const ThreadMessageIconThread = () => (0, jsx_runtime_1.jsx)(ThreadMessageIcon_1.default, { name: 'thread' });
 exports["default"] = ThreadMessageIconThread;
 
 
+/***/ }),
+
+/***/ "./src/components/Message/ThreadMessage/ThreadMessageLeftContainer.tsx":
+/*!*****************************************************************************!*\
+  !*** ./src/components/Message/ThreadMessage/ThreadMessageLeftContainer.tsx ***!
+  \*****************************************************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+const jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
+const ThreadMessageLeftContainer = (props) => ((0, jsx_runtime_1.jsx)("div", { className: 'rcx-box rcx-box--full rcx-message-container rcx-message-container--left', ...props }));
+exports["default"] = ThreadMessageLeftContainer;
+
+
 /***/ }),
 
 /***/ "./src/components/Message/ThreadMessage/ThreadMessageOrigin.tsx":
@@ -5577,13 +5520,16 @@ exports["default"] = ThreadMessageRow;
 /*!************************************************************************!*\
   !*** ./src/components/Message/ThreadMessage/ThreadMessageUnfollow.tsx ***!
   \************************************************************************/
-/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 const jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
-const ThreadMessageIcon_1 = __webpack_require__(/*! ./ThreadMessageIcon */ "./src/components/Message/ThreadMessage/ThreadMessageIcon.tsx");
-const ThreadMessageUnfollow = () => ((0, jsx_runtime_1.jsx)(ThreadMessageIcon_1.ThreadMessageIcon, { className: 'rcx-box rcx-box--full rcx-message-thread__icon rcx-message-thread__icon--unfollow', ...{ name: 'bell-off' } }));
+const ThreadMessageIcon_1 = __importDefault(__webpack_require__(/*! ./ThreadMessageIcon */ "./src/components/Message/ThreadMessage/ThreadMessageIcon.tsx"));
+const ThreadMessageUnfollow = () => ((0, jsx_runtime_1.jsx)(ThreadMessageIcon_1.default, { className: 'rcx-box rcx-box--full rcx-message-thread__icon rcx-message-thread__icon--unfollow', name: 'bell-off' }));
 exports["default"] = ThreadMessageUnfollow;
 
 
@@ -5619,8 +5565,8 @@ var ThreadMessageRow_1 = __webpack_require__(/*! ./ThreadMessageRow */ "./src/co
 Object.defineProperty(exports, "ThreadMessageRow", ({ enumerable: true, get: function () { return __importDefault(ThreadMessageRow_1).default; } }));
 var ThreadMessageUnfollow_1 = __webpack_require__(/*! ./ThreadMessageUnfollow */ "./src/components/Message/ThreadMessage/ThreadMessageUnfollow.tsx");
 Object.defineProperty(exports, "ThreadMessageUnfollow", ({ enumerable: true, get: function () { return __importDefault(ThreadMessageUnfollow_1).default; } }));
-var MessageLeftContainer_1 = __webpack_require__(/*! ../MessageLeftContainer */ "./src/components/Message/MessageLeftContainer.tsx");
-Object.defineProperty(exports, "ThreadMessageLeftContainer", ({ enumerable: true, get: function () { return __importDefault(MessageLeftContainer_1).default; } }));
+var ThreadMessageLeftContainer_1 = __webpack_require__(/*! ./ThreadMessageLeftContainer */ "./src/components/Message/ThreadMessage/ThreadMessageLeftContainer.tsx");
+Object.defineProperty(exports, "ThreadMessageLeftContainer", ({ enumerable: true, get: function () { return __importDefault(ThreadMessageLeftContainer_1).default; } }));
 
 
 /***/ }),
@@ -5650,7 +5596,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.MessageUsername = exports.MessageTimestamp = exports.MessageRoles = exports.MessageRole = exports.MessageReactions = exports.MessageNameContainer = exports.MessageName = exports.MessageLeftContainer = exports.MessageHighlight = exports.MessageHeader = exports.MessageEmoji = exports.MessageContainerFixed = exports.MessageContainer = exports.MessageBody = exports.MessageBlock = exports.Message = void 0;
+exports.MessageUsername = exports.MessageTimestamp = exports.MessageRoles = exports.MessageRole = exports.MessageNameContainer = exports.MessageName = exports.MessageLeftContainer = exports.MessageHighlight = exports.MessageHeader = exports.MessageEmoji = exports.MessageContainerFixed = exports.MessageContainer = exports.MessageBody = exports.MessageBlock = exports.Message = void 0;
 var Message_1 = __webpack_require__(/*! ./Message */ "./src/components/Message/Message.tsx");
 Object.defineProperty(exports, "Message", ({ enumerable: true, get: function () { return __importDefault(Message_1).default; } }));
 var MessageBlock_1 = __webpack_require__(/*! ./MessageBlock */ "./src/components/Message/MessageBlock.tsx");
@@ -5676,8 +5622,7 @@ var MessageName_1 = __webpack_require__(/*! ./MessageName */ "./src/components/M
 Object.defineProperty(exports, "MessageName", ({ enumerable: true, get: function () { return __importDefault(MessageName_1).default; } }));
 var MessageNameContainer_1 = __webpack_require__(/*! ./MessageNameContainer */ "./src/components/Message/MessageNameContainer.tsx");
 Object.defineProperty(exports, "MessageNameContainer", ({ enumerable: true, get: function () { return __importDefault(MessageNameContainer_1).default; } }));
-var MessageReactions_1 = __webpack_require__(/*! ./MessageReactions */ "./src/components/Message/MessageReactions/index.ts");
-Object.defineProperty(exports, "MessageReactions", ({ enumerable: true, get: function () { return __importDefault(MessageReactions_1).default; } }));
+__exportStar(__webpack_require__(/*! ./MessageReactions */ "./src/components/Message/MessageReactions/index.ts"), exports);
 var MessageRole_1 = __webpack_require__(/*! ./MessageRole */ "./src/components/Message/MessageRole.tsx");
 Object.defineProperty(exports, "MessageRole", ({ enumerable: true, get: function () { return __importDefault(MessageRole_1).default; } }));
 var MessageRoles_1 = __webpack_require__(/*! ./MessageRoles */ "./src/components/Message/MessageRoles.tsx");
@@ -10833,8 +10778,7 @@ exports["default"] = TableRow;
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 const jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
 const Box_1 = __webpack_require__(/*! ../../Box */ "./src/components/Box/index.ts");
-const Margins_1 = __webpack_require__(/*! ../../Margins */ "./src/components/Margins/index.ts");
-const TableSelection = ({ children, text, ...props }) => ((0, jsx_runtime_1.jsxs)(Box_1.Box, { "rcx-table__selection": true, display: 'flex', alignItems: 'center', justifyContent: 'space-between', pi: 24, elevation: '2', ...props, children: [(0, jsx_runtime_1.jsx)(Box_1.Box, { fontScale: 'p2b', mb: 16, flexShrink: 1, withTruncatedText: true, children: text }), children && ((0, jsx_runtime_1.jsx)(Box_1.Box, { mi: 'neg-x8', fontScale: 'p2m', flexShrink: 0, children: (0, jsx_runtime_1.jsx)(Margins_1.Margins, { inline: 'x4', children: children }) }))] }));
+const TableSelection = ({ children, text, ...props }) => ((0, jsx_runtime_1.jsxs)(Box_1.Box, { "rcx-table__selection": true, display: 'flex', alignItems: 'center', justifyContent: 'space-between', pi: 24, elevation: '2', ...props, children: [(0, jsx_runtime_1.jsx)(Box_1.Box, { fontScale: 'p2b', mb: 16, flexShrink: 1, withTruncatedText: true, children: text }), children && ((0, jsx_runtime_1.jsx)(Box_1.Box, { mi: 'neg-x8', fontScale: 'p2m', flexShrink: 0, children: children }))] }));
 exports["default"] = TableSelection;