@veltdev/react 1.0.130 → 1.0.132

package/cjs/index.js

@@ -140,7 +140,7 @@ var loadVelt = function (callback, version, staging, develop, proxyDomain) {
     }
 };
 
-var VELT_SDK_VERSION = '1.0.147';
+var VELT_SDK_VERSION = '1.0.149';
 var VELT_SDK_INIT_EVENT = 'onVeltInit';
 
 var SnippylyProvider = function (props) {
@@ -233,7 +233,7 @@ var SnippylyCommentBubble = function (props) {
 };
 
 var SnippylyComments = function (props) {
-    var autoCategorize = props.autoCategorize, streamViewContainerId = props.streamViewContainerId, onSignIn = props.onSignIn, onUpgrade = props.onUpgrade, textMode = props.textMode, popoverMode = props.popoverMode, popoverTriangleComponent = props.popoverTriangleComponent, floatingCommentDialog = props.floatingCommentDialog, moderatorMode = props.moderatorMode, streamMode = props.streamMode, signInButton = props.signInButton, upgradeButton = props.upgradeButton, attachments = props.attachments, recordings = props.recordings, reactions = props.reactions, deviceInfo = props.deviceInfo, commentIndex = props.commentIndex, dialogOnHover = props.dialogOnHover, dialogOnTargetElementClick = props.dialogOnTargetElementClick, priority = props.priority, inboxMode = props.inboxMode, suggestionMode = props.suggestionMode, mobileMode = props.mobileMode, inlineCommentMode = props.inlineCommentMode, privateCommentMode = props.privateCommentMode, minimap = props.minimap, persistentCommentMode = props.persistentCommentMode, ghostComments = props.ghostComments, ghostCommentsIndicator = props.ghostCommentsIndicator, commentsOnDom = props.commentsOnDom, resolvedCommentsOnDom = props.resolvedCommentsOnDom, commentTool = props.commentTool, sidebarButtonOnCommentDialog = props.sidebarButtonOnCommentDialog, deviceIndicatorOnCommentPins = props.deviceIndicatorOnCommentPins, scrollToComment = props.scrollToComment, userMentions = props.userMentions, deleteOnBackspace = props.deleteOnBackspace, hotkey = props.hotkey, recordingSummary = props.recordingSummary, recordingCountdown = props.recordingCountdown, unreadIndicatorMode = props.unreadIndicatorMode, enterKeyToSubmit = props.enterKeyToSubmit, pinShadowDom = props.pinShadowDom, dialogShadowDom = props.dialogShadowDom, shadowDom = props.shadowDom, changeDetectionInCommentMode = props.changeDetectionInCommentMode, allowedElementIds = props.allowedElementIds, allowedElementClassNames = props.allowedElementClassNames, allowedElementQuerySelectors = props.allowedElementQuerySelectors, customReactions = props.customReactions, onCommentAdd = props.onCommentAdd, onCommentUpdate = props.onCommentUpdate, onCommentAccept = props.onCommentAccept, onCommentReject = props.onCommentReject, onSidebarButtonOnCommentDialogClick = props.onSidebarButtonOnCommentDialogClick, customStatus = props.customStatus, customPriority = props.customPriority, customCategory = props.customCategory, status = props.status, resolveButton = props.resolveButton, darkMode = props.darkMode, onCustomPinInject = props.onCustomPinInject, children = props.children, textCommentToolShadowDom = props.textCommentToolShadowDom, textCommentToolbarShadowDom = props.textCommentToolbarShadowDom;
+    var autoCategorize = props.autoCategorize, streamViewContainerId = props.streamViewContainerId, onSignIn = props.onSignIn, onUpgrade = props.onUpgrade, textMode = props.textMode, popoverMode = props.popoverMode, popoverTriangleComponent = props.popoverTriangleComponent, floatingCommentDialog = props.floatingCommentDialog, moderatorMode = props.moderatorMode, streamMode = props.streamMode, signInButton = props.signInButton, upgradeButton = props.upgradeButton, attachments = props.attachments, recordings = props.recordings, reactions = props.reactions, deviceInfo = props.deviceInfo, commentIndex = props.commentIndex, dialogOnHover = props.dialogOnHover, dialogOnTargetElementClick = props.dialogOnTargetElementClick, priority = props.priority, inboxMode = props.inboxMode, suggestionMode = props.suggestionMode, mobileMode = props.mobileMode, inlineCommentMode = props.inlineCommentMode, privateCommentMode = props.privateCommentMode, minimap = props.minimap, persistentCommentMode = props.persistentCommentMode, ghostComments = props.ghostComments, ghostCommentsIndicator = props.ghostCommentsIndicator, commentsOnDom = props.commentsOnDom, resolvedCommentsOnDom = props.resolvedCommentsOnDom, commentTool = props.commentTool, sidebarButtonOnCommentDialog = props.sidebarButtonOnCommentDialog, deviceIndicatorOnCommentPins = props.deviceIndicatorOnCommentPins, scrollToComment = props.scrollToComment, userMentions = props.userMentions, deleteOnBackspace = props.deleteOnBackspace, hotkey = props.hotkey, recordingSummary = props.recordingSummary, recordingCountdown = props.recordingCountdown, unreadIndicatorMode = props.unreadIndicatorMode, enterKeyToSubmit = props.enterKeyToSubmit, pinShadowDom = props.pinShadowDom, dialogShadowDom = props.dialogShadowDom, shadowDom = props.shadowDom, changeDetectionInCommentMode = props.changeDetectionInCommentMode, allowedElementIds = props.allowedElementIds, allowedElementClassNames = props.allowedElementClassNames, allowedElementQuerySelectors = props.allowedElementQuerySelectors, commentPinHighlighter = props.commentPinHighlighter, customReactions = props.customReactions, onCommentAdd = props.onCommentAdd, onCommentUpdate = props.onCommentUpdate, onCommentAccept = props.onCommentAccept, onCommentReject = props.onCommentReject, onSidebarButtonOnCommentDialogClick = props.onSidebarButtonOnCommentDialogClick, onCommentSelectionChange = props.onCommentSelectionChange, customStatus = props.customStatus, customPriority = props.customPriority, customCategory = props.customCategory, status = props.status, resolveButton = props.resolveButton, darkMode = props.darkMode, onCustomPinInject = props.onCustomPinInject, children = props.children, textCommentToolShadowDom = props.textCommentToolShadowDom, textCommentToolbarShadowDom = props.textCommentToolbarShadowDom;
     var ref = React.useRef();
     var onSignInRef = React.useRef(onSignIn);
     var onUpgradeRef = React.useRef(onUpgrade);
@@ -243,6 +243,7 @@ var SnippylyComments = function (props) {
     var onCommentRejectRef = React.useRef(onCommentReject);
     var onSidebarButtonOnCommentDialogClickRef = React.useRef(onSidebarButtonOnCommentDialogClick);
     var onCustomPinInjectRef = React.useRef(onCustomPinInject);
+    var onCommentSelectionChangeRef = React.useRef(onCommentSelectionChange);
     // Update the ref to always point to the latest callback function
     React.useEffect(function () {
         onSignInRef.current = onSignIn;
@@ -268,6 +269,9 @@ var SnippylyComments = function (props) {
     React.useEffect(function () {
         onCustomPinInjectRef.current = onCustomPinInject;
     }, [onCustomPinInject]);
+    React.useEffect(function () {
+        onCommentSelectionChangeRef.current = onCommentSelectionChange;
+    }, [onCommentSelectionChange]);
     React.useEffect(function () {
         if (ref.current) {
             var element = ref.current;
@@ -311,9 +315,14 @@ var SnippylyComments = function (props) {
                     onCustomPinInjectRef.current(event === null || event === void 0 ? void 0 : event.detail);
                 }
             });
+            element.addEventListener('onCommentSelectionChange', function (event) {
+                if (onCommentSelectionChangeRef.current) {
+                    onCommentSelectionChangeRef.current(event === null || event === void 0 ? void 0 : event.detail);
+                }
+            });
         }
     }, []);
-    return (React__default["default"].createElement("velt-comments", { ref: ref, "auto-categorize": [true, false].includes(autoCategorize) ? (autoCategorize ? 'true' : 'false') : undefined, "data-stream-view-container-id": streamViewContainerId, "text-mode": [true, false].includes(textMode) ? (textMode ? 'true' : 'false') : undefined, "popover-mode": [true, false].includes(popoverMode) ? (popoverMode ? 'true' : 'false') : undefined, "popover-triangle-component": [true, false].includes(popoverTriangleComponent) ? (popoverTriangleComponent ? 'true' : 'false') : undefined, "floating-comment-dialog": [true, false].includes(floatingCommentDialog) ? (floatingCommentDialog ? 'true' : 'false') : undefined, "moderator-mode": [true, false].includes(moderatorMode) ? (moderatorMode ? 'true' : 'false') : undefined, "stream-mode": [true, false].includes(streamMode) ? (streamMode ? 'true' : 'false') : undefined, "sign-in-button": [true, false].includes(signInButton) ? (signInButton ? 'true' : 'false') : undefined, "upgrade-button": [true, false].includes(upgradeButton) ? (upgradeButton ? 'true' : 'false') : undefined, attachments: [true, false].includes(attachments) ? (attachments ? 'true' : 'false') : undefined, recordings: recordings, reactions: [true, false].includes(reactions) ? (reactions ? 'true' : 'false') : undefined, "device-info": [true, false].includes(deviceInfo) ? (deviceInfo ? 'true' : 'false') : undefined, "comment-index": [true, false].includes(commentIndex) ? (commentIndex ? 'true' : 'false') : undefined, "dialog-on-hover": [true, false].includes(dialogOnHover) ? (dialogOnHover ? 'true' : 'false') : undefined, "dialog-on-target-element-click": [true, false].includes(dialogOnTargetElementClick) ? (dialogOnTargetElementClick ? 'true' : 'false') : undefined, priority: [true, false].includes(priority) ? (priority ? 'true' : 'false') : undefined, status: [true, false].includes(status) ? (status ? 'true' : 'false') : undefined, "resolve-button": [true, false].includes(resolveButton) ? (resolveButton ? 'true' : 'false') : undefined, "inbox-mode": [true, false].includes(inboxMode) ? (inboxMode ? 'true' : 'false') : undefined, "suggestion-mode": [true, false].includes(suggestionMode) ? (suggestionMode ? 'true' : 'false') : undefined, "mobile-mode": [true, false].includes(mobileMode) ? (mobileMode ? 'true' : 'false') : undefined, "inline-comment-mode": [true, false].includes(inlineCommentMode) ? (inlineCommentMode ? 'true' : 'false') : undefined, "private-comment-mode": [true, false].includes(privateCommentMode) ? (privateCommentMode ? 'true' : 'false') : undefined, minimap: [true, false].includes(minimap) ? (minimap ? 'true' : 'false') : undefined, "persistent-comment-mode": [true, false].includes(persistentCommentMode) ? (persistentCommentMode ? 'true' : 'false') : undefined, "ghost-comments": [true, false].includes(ghostComments) ? (ghostComments ? 'true' : 'false') : undefined, "ghost-comments-indicator": [true, false].includes(ghostCommentsIndicator) ? (ghostCommentsIndicator ? 'true' : 'false') : undefined, "comments-on-dom": [true, false].includes(commentsOnDom) ? (commentsOnDom ? 'true' : 'false') : undefined, "resolved-comments-on-dom": [true, false].includes(resolvedCommentsOnDom) ? (resolvedCommentsOnDom ? 'true' : 'false') : undefined, "comment-tool": [true, false].includes(commentTool) ? (commentTool ? 'true' : 'false') : undefined, "sidebar-button-on-comment-dialog": [true, false].includes(sidebarButtonOnCommentDialog) ? (sidebarButtonOnCommentDialog ? 'true' : 'false') : undefined, "device-indicator-on-comment-pins": [true, false].includes(deviceIndicatorOnCommentPins) ? (deviceIndicatorOnCommentPins ? 'true' : 'false') : undefined, "scroll-to-comment": [true, false].includes(scrollToComment) ? (scrollToComment ? 'true' : 'false') : undefined, "user-mentions": [true, false].includes(userMentions) ? (userMentions ? 'true' : 'false') : undefined, "delete-on-backspace": [true, false].includes(deleteOnBackspace) ? (deleteOnBackspace ? 'true' : 'false') : undefined, hotkey: [true, false].includes(hotkey) ? (hotkey ? 'true' : 'false') : undefined, "recording-summary": [true, false].includes(recordingSummary) ? (recordingSummary ? 'true' : 'false') : undefined, "recording-countdown": [true, false].includes(recordingCountdown) ? (recordingCountdown ? 'true' : 'false') : undefined, "unread-indicator-mode": unreadIndicatorMode, "enter-key-to-submit": [true, false].includes(enterKeyToSubmit) ? (enterKeyToSubmit ? 'true' : 'false') : undefined, "pin-shadow-dom": [true, false].includes(pinShadowDom) ? (pinShadowDom ? 'true' : 'false') : undefined, "dialog-shadow-dom": [true, false].includes(dialogShadowDom) ? (dialogShadowDom ? 'true' : 'false') : undefined, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "text-comment-tool-shadow-dom": [true, false].includes(textCommentToolShadowDom) ? (textCommentToolShadowDom ? 'true' : 'false') : undefined, "text-comment-toolbar-shadow-dom": [true, false].includes(textCommentToolbarShadowDom) ? (textCommentToolbarShadowDom ? 'true' : 'false') : undefined, "change-detection-in-comment-mode": [true, false].includes(changeDetectionInCommentMode) ? (changeDetectionInCommentMode ? 'true' : 'false') : undefined, "allowed-element-ids": JSON.stringify(allowedElementIds), "allowed-element-class-names": JSON.stringify(allowedElementClassNames), "allowed-element-query-selectors": JSON.stringify(allowedElementQuerySelectors), "custom-reactions": JSON.stringify(customReactions), "custom-status": JSON.stringify(customStatus), "custom-priority": JSON.stringify(customPriority), "custom-category": JSON.stringify(customCategory), "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined }, children));
+    return (React__default["default"].createElement("velt-comments", { ref: ref, "auto-categorize": [true, false].includes(autoCategorize) ? (autoCategorize ? 'true' : 'false') : undefined, "data-stream-view-container-id": streamViewContainerId, "text-mode": [true, false].includes(textMode) ? (textMode ? 'true' : 'false') : undefined, "popover-mode": [true, false].includes(popoverMode) ? (popoverMode ? 'true' : 'false') : undefined, "popover-triangle-component": [true, false].includes(popoverTriangleComponent) ? (popoverTriangleComponent ? 'true' : 'false') : undefined, "floating-comment-dialog": [true, false].includes(floatingCommentDialog) ? (floatingCommentDialog ? 'true' : 'false') : undefined, "moderator-mode": [true, false].includes(moderatorMode) ? (moderatorMode ? 'true' : 'false') : undefined, "stream-mode": [true, false].includes(streamMode) ? (streamMode ? 'true' : 'false') : undefined, "sign-in-button": [true, false].includes(signInButton) ? (signInButton ? 'true' : 'false') : undefined, "upgrade-button": [true, false].includes(upgradeButton) ? (upgradeButton ? 'true' : 'false') : undefined, attachments: [true, false].includes(attachments) ? (attachments ? 'true' : 'false') : undefined, recordings: recordings, reactions: [true, false].includes(reactions) ? (reactions ? 'true' : 'false') : undefined, "device-info": [true, false].includes(deviceInfo) ? (deviceInfo ? 'true' : 'false') : undefined, "comment-index": [true, false].includes(commentIndex) ? (commentIndex ? 'true' : 'false') : undefined, "dialog-on-hover": [true, false].includes(dialogOnHover) ? (dialogOnHover ? 'true' : 'false') : undefined, "dialog-on-target-element-click": [true, false].includes(dialogOnTargetElementClick) ? (dialogOnTargetElementClick ? 'true' : 'false') : undefined, priority: [true, false].includes(priority) ? (priority ? 'true' : 'false') : undefined, status: [true, false].includes(status) ? (status ? 'true' : 'false') : undefined, "resolve-button": [true, false].includes(resolveButton) ? (resolveButton ? 'true' : 'false') : undefined, "inbox-mode": [true, false].includes(inboxMode) ? (inboxMode ? 'true' : 'false') : undefined, "suggestion-mode": [true, false].includes(suggestionMode) ? (suggestionMode ? 'true' : 'false') : undefined, "mobile-mode": [true, false].includes(mobileMode) ? (mobileMode ? 'true' : 'false') : undefined, "inline-comment-mode": [true, false].includes(inlineCommentMode) ? (inlineCommentMode ? 'true' : 'false') : undefined, "private-comment-mode": [true, false].includes(privateCommentMode) ? (privateCommentMode ? 'true' : 'false') : undefined, minimap: [true, false].includes(minimap) ? (minimap ? 'true' : 'false') : undefined, "persistent-comment-mode": [true, false].includes(persistentCommentMode) ? (persistentCommentMode ? 'true' : 'false') : undefined, "ghost-comments": [true, false].includes(ghostComments) ? (ghostComments ? 'true' : 'false') : undefined, "ghost-comments-indicator": [true, false].includes(ghostCommentsIndicator) ? (ghostCommentsIndicator ? 'true' : 'false') : undefined, "comments-on-dom": [true, false].includes(commentsOnDom) ? (commentsOnDom ? 'true' : 'false') : undefined, "resolved-comments-on-dom": [true, false].includes(resolvedCommentsOnDom) ? (resolvedCommentsOnDom ? 'true' : 'false') : undefined, "comment-tool": [true, false].includes(commentTool) ? (commentTool ? 'true' : 'false') : undefined, "sidebar-button-on-comment-dialog": [true, false].includes(sidebarButtonOnCommentDialog) ? (sidebarButtonOnCommentDialog ? 'true' : 'false') : undefined, "device-indicator-on-comment-pins": [true, false].includes(deviceIndicatorOnCommentPins) ? (deviceIndicatorOnCommentPins ? 'true' : 'false') : undefined, "scroll-to-comment": [true, false].includes(scrollToComment) ? (scrollToComment ? 'true' : 'false') : undefined, "user-mentions": [true, false].includes(userMentions) ? (userMentions ? 'true' : 'false') : undefined, "delete-on-backspace": [true, false].includes(deleteOnBackspace) ? (deleteOnBackspace ? 'true' : 'false') : undefined, hotkey: [true, false].includes(hotkey) ? (hotkey ? 'true' : 'false') : undefined, "recording-summary": [true, false].includes(recordingSummary) ? (recordingSummary ? 'true' : 'false') : undefined, "recording-countdown": [true, false].includes(recordingCountdown) ? (recordingCountdown ? 'true' : 'false') : undefined, "unread-indicator-mode": unreadIndicatorMode, "enter-key-to-submit": [true, false].includes(enterKeyToSubmit) ? (enterKeyToSubmit ? 'true' : 'false') : undefined, "pin-shadow-dom": [true, false].includes(pinShadowDom) ? (pinShadowDom ? 'true' : 'false') : undefined, "dialog-shadow-dom": [true, false].includes(dialogShadowDom) ? (dialogShadowDom ? 'true' : 'false') : undefined, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "text-comment-tool-shadow-dom": [true, false].includes(textCommentToolShadowDom) ? (textCommentToolShadowDom ? 'true' : 'false') : undefined, "text-comment-toolbar-shadow-dom": [true, false].includes(textCommentToolbarShadowDom) ? (textCommentToolbarShadowDom ? 'true' : 'false') : undefined, "change-detection-in-comment-mode": [true, false].includes(changeDetectionInCommentMode) ? (changeDetectionInCommentMode ? 'true' : 'false') : undefined, "allowed-element-ids": JSON.stringify(allowedElementIds), "allowed-element-class-names": JSON.stringify(allowedElementClassNames), "allowed-element-query-selectors": JSON.stringify(allowedElementQuerySelectors), "comment-pin-highlighter": [true, false].includes(commentPinHighlighter) ? (commentPinHighlighter ? 'true' : 'false') : undefined, "custom-reactions": JSON.stringify(customReactions), "custom-status": JSON.stringify(customStatus), "custom-priority": JSON.stringify(customPriority), "custom-category": JSON.stringify(customCategory), "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined }, children));
 };
 
 var SnippylyCommentsSidebar = function (props) {
@@ -1124,61 +1133,61 @@ var VeltWireframe = function (props) {
 };
 
 var VeltCommentDialogAllComment = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-dialog-all-comment-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-dialog-all-comment-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogApprove = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-dialog-approve-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-dialog-approve-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogAssigneeBannerResolveButton = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-dialog-assignee-banner-resolve-button-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-dialog-assignee-banner-resolve-button-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogAssigneeBannerUserAvatar = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-dialog-assignee-banner-user-avatar-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-dialog-assignee-banner-user-avatar-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogAssigneeBannerUserName = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-dialog-assignee-banner-user-name-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-dialog-assignee-banner-user-name-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogAssigneeBanner = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-dialog-assignee-banner-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-dialog-assignee-banner-wireframe", __assign({}, remainingProp), children));
 };
 VeltCommentDialogAssigneeBanner.ResolveButton = VeltCommentDialogAssigneeBannerResolveButton;
 VeltCommentDialogAssigneeBanner.UserAvatar = VeltCommentDialogAssigneeBannerUserAvatar;
 VeltCommentDialogAssigneeBanner.UserName = VeltCommentDialogAssigneeBannerUserName;
 
 var VeltCommentDialogAssignMenu = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-dialog-assign-menu-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-dialog-assign-menu-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogBody = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-dialog-body-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-dialog-body-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogCommentCategory = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-dialog-comment-category-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-dialog-comment-category-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogCommentIndex = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-dialog-comment-index-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-dialog-comment-index-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogCommentSuggestionStatus = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-dialog-comment-suggestion-status-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-dialog-comment-suggestion-status-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogComposerActionButton = function (props) {
@@ -1187,90 +1196,90 @@ var VeltCommentDialogComposerActionButton = function (props) {
 };
 
 var VeltCommentDialogComposerAssignUser = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-dialog-composer-assign-user-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-dialog-composer-assign-user-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogComposerAttachmentsInvalidItemPreview = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-dialog-composer-attachments-invalid-item-preview-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-dialog-composer-attachments-invalid-item-preview-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogComposerAttachmentsInvalidItemMessage = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-dialog-composer-attachments-invalid-item-message-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-dialog-composer-attachments-invalid-item-message-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogComposerAttachmentsInvalidItemDelete = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-dialog-composer-attachments-invalid-item-delete-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-dialog-composer-attachments-invalid-item-delete-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogComposerAttachmentsInvalidItem = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-dialog-composer-attachments-invalid-item-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-dialog-composer-attachments-invalid-item-wireframe", __assign({}, remainingProp), children));
 };
 VeltCommentDialogComposerAttachmentsInvalidItem.Preview = VeltCommentDialogComposerAttachmentsInvalidItemPreview;
 VeltCommentDialogComposerAttachmentsInvalidItem.Message = VeltCommentDialogComposerAttachmentsInvalidItemMessage;
 VeltCommentDialogComposerAttachmentsInvalidItem.Delete = VeltCommentDialogComposerAttachmentsInvalidItemDelete;
 
 var VeltCommentDialogComposerAttachmentsInvalid = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-dialog-composer-attachments-invalid-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-dialog-composer-attachments-invalid-wireframe", __assign({}, remainingProp), children));
 };
 VeltCommentDialogComposerAttachmentsInvalid.Item = VeltCommentDialogComposerAttachmentsInvalidItem;
 
 var VeltCommentDialogComposerAttachmentsImagePreview = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-dialog-composer-attachments-image-preview-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-dialog-composer-attachments-image-preview-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogComposerAttachmentsImageDelete = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-dialog-composer-attachments-image-delete-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-dialog-composer-attachments-image-delete-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogComposerAttachmentsImageLoading = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-dialog-composer-attachments-image-loading-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-dialog-composer-attachments-image-loading-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogComposerAttachmentsImage = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-dialog-composer-attachments-image-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-dialog-composer-attachments-image-wireframe", __assign({}, remainingProp), children));
 };
 VeltCommentDialogComposerAttachmentsImage.Preview = VeltCommentDialogComposerAttachmentsImagePreview;
 VeltCommentDialogComposerAttachmentsImage.Loading = VeltCommentDialogComposerAttachmentsImageLoading;
 VeltCommentDialogComposerAttachmentsImage.Delete = VeltCommentDialogComposerAttachmentsImageDelete;
 
 var VeltCommentDialogComposerAttachmentsOtherDelete = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-dialog-composer-attachments-other-delete-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-dialog-composer-attachments-other-delete-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogComposerAttachmentsOtherIcon = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-dialog-composer-attachments-other-icon-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-dialog-composer-attachments-other-icon-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogComposerAttachmentsOtherLoading = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-dialog-composer-attachments-other-loading-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-dialog-composer-attachments-other-loading-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogComposerAttachmentsOtherName = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-dialog-composer-attachments-other-name-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-dialog-composer-attachments-other-name-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogComposerAttachmentsOtherSize = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-dialog-composer-attachments-other-size-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-dialog-composer-attachments-other-size-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogComposerAttachmentsOther = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-dialog-composer-attachments-other-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-dialog-composer-attachments-other-wireframe", __assign({}, remainingProp), children));
 };
 VeltCommentDialogComposerAttachmentsOther.Delete = VeltCommentDialogComposerAttachmentsOtherDelete;
 VeltCommentDialogComposerAttachmentsOther.Loading = VeltCommentDialogComposerAttachmentsOtherLoading;
@@ -1279,32 +1288,32 @@ VeltCommentDialogComposerAttachmentsOther.Name = VeltCommentDialogComposerAttach
 VeltCommentDialogComposerAttachmentsOther.Size = VeltCommentDialogComposerAttachmentsOtherSize;
 
 var VeltCommentDialogComposerAttachmentsSelected = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-dialog-composer-attachments-selected-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-dialog-composer-attachments-selected-wireframe", __assign({}, remainingProp), children));
 };
 VeltCommentDialogComposerAttachmentsSelected.Image = VeltCommentDialogComposerAttachmentsImage;
 VeltCommentDialogComposerAttachmentsSelected.Other = VeltCommentDialogComposerAttachmentsOther;
 
 var VeltCommentDialogComposerAttachments = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-dialog-composer-attachments-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-dialog-composer-attachments-wireframe", __assign({}, remainingProp), children));
 };
 VeltCommentDialogComposerAttachments.Invalid = VeltCommentDialogComposerAttachmentsInvalid;
 VeltCommentDialogComposerAttachments.Selected = VeltCommentDialogComposerAttachmentsSelected;
 
 var VeltCommentDialogComposerInput = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-dialog-composer-input-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-dialog-composer-input-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogComposerRecordings = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-dialog-composer-recordings-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-dialog-composer-recordings-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogComposer = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-dialog-composer-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-dialog-composer-wireframe", __assign({}, remainingProp), children));
 };
 VeltCommentDialogComposer.ActionButton = VeltCommentDialogComposerActionButton;
 VeltCommentDialogComposer.AssignUser = VeltCommentDialogComposerAssignUser;
@@ -1313,116 +1322,116 @@ VeltCommentDialogComposer.Input = VeltCommentDialogComposerInput;
 VeltCommentDialogComposer.Recordings = VeltCommentDialogComposerRecordings;
 
 var VeltCommentDialogCopyLink = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-dialog-copy-link-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-dialog-copy-link-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogGhostBanner = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-dialog-ghost-banner-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-dialog-ghost-banner-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogHeader = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-dialog-header-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-dialog-header-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogMoreReply = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-dialog-more-reply-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-dialog-more-reply-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogOptions = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-dialog-options-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-dialog-options-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogPriority = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-dialog-priority-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-dialog-priority-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogPrivateBanner = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-dialog-private-banner-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-dialog-private-banner-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogResolveButton = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-dialog-resolve-button-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-dialog-resolve-button-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogSignIn = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-dialog-sign-in-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-dialog-sign-in-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogStatus = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-dialog-status-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-dialog-status-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogThreadCardAvatar = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-dialog-thread-card-avatar-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-dialog-thread-card-avatar-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogThreadCardDeviceType = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-dialog-thread-card-device-type-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-dialog-thread-card-device-type-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogThreadCardAttachmentsImagePreview = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-dialog-thread-card-attachments-image-preview-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-dialog-thread-card-attachments-image-preview-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogThreadCardAttachmentsImageDelete = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-dialog-thread-card-attachments-image-delete-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-dialog-thread-card-attachments-image-delete-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogThreadCardAttachmentsImageDownload = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-dialog-thread-card-attachments-image-download-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-dialog-thread-card-attachments-image-download-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogThreadCardAttachmentsImage = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-dialog-thread-card-attachments-image-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-dialog-thread-card-attachments-image-wireframe", __assign({}, remainingProp), children));
 };
 VeltCommentDialogThreadCardAttachmentsImage.Preview = VeltCommentDialogThreadCardAttachmentsImagePreview;
 VeltCommentDialogThreadCardAttachmentsImage.Download = VeltCommentDialogThreadCardAttachmentsImageDownload;
 VeltCommentDialogThreadCardAttachmentsImage.Delete = VeltCommentDialogThreadCardAttachmentsImageDelete;
 
 var VeltCommentDialogThreadCardAttachmentsOtherDelete = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-dialog-thread-card-attachments-other-delete-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-dialog-thread-card-attachments-other-delete-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogThreadCardAttachmentsOtherDownload = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-dialog-thread-card-attachments-other-download-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-dialog-thread-card-attachments-other-download-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogThreadCardAttachmentsOtherIcon = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-dialog-thread-card-attachments-other-icon-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-dialog-thread-card-attachments-other-icon-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogThreadCardAttachmentsOtherName = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-dialog-thread-card-attachments-other-name-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-dialog-thread-card-attachments-other-name-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogThreadCardAttachmentsOtherSize = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-dialog-thread-card-attachments-other-size-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-dialog-thread-card-attachments-other-size-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogThreadCardAttachmentsOther = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-dialog-thread-card-attachments-other-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-dialog-thread-card-attachments-other-wireframe", __assign({}, remainingProp), children));
 };
 VeltCommentDialogThreadCardAttachmentsOther.Icon = VeltCommentDialogThreadCardAttachmentsOtherIcon;
 VeltCommentDialogThreadCardAttachmentsOther.Name = VeltCommentDialogThreadCardAttachmentsOtherName;
@@ -1431,51 +1440,51 @@ VeltCommentDialogThreadCardAttachmentsOther.Download = VeltCommentDialogThreadCa
 VeltCommentDialogThreadCardAttachmentsOther.Delete = VeltCommentDialogThreadCardAttachmentsOtherDelete;
 
 var VeltCommentDialogThreadCardAttachments = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-dialog-thread-card-attachments-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-dialog-thread-card-attachments-wireframe", __assign({}, remainingProp), children));
 };
 VeltCommentDialogThreadCardAttachments.Other = VeltCommentDialogThreadCardAttachmentsOther;
 VeltCommentDialogThreadCardAttachments.Image = VeltCommentDialogThreadCardAttachmentsImage;
 
 var VeltCommentDialogThreadCardMessage = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-dialog-thread-card-message-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-dialog-thread-card-message-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogThreadCardName = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-dialog-thread-card-name-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-dialog-thread-card-name-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogThreadCardOptions = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-dialog-thread-card-options-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-dialog-thread-card-options-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogThreadCardReactions = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-dialog-thread-card-reactions-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-dialog-thread-card-reactions-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogThreadCardReactionTool = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-dialog-thread-card-reaction-tool-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-dialog-thread-card-reaction-tool-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogThreadCardRecordings = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-dialog-thread-card-recordings-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-dialog-thread-card-recordings-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogThreadCardTime = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-dialog-thread-card-time-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-dialog-thread-card-time-wireframe", __assign({}, remainingProp), children));
 };
 
 // Main Thread Card component
 var VeltCommentDialogThreadCard = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-dialog-thread-card-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-dialog-thread-card-wireframe", __assign({}, remainingProp), children));
 };
 // Attach the Sub component as a static property of the main Thread Card component
 VeltCommentDialogThreadCard.Avatar = VeltCommentDialogThreadCardAvatar;
@@ -1490,40 +1499,40 @@ VeltCommentDialogThreadCard.Recordings = VeltCommentDialogThreadCardRecordings;
 VeltCommentDialogThreadCard.Time = VeltCommentDialogThreadCardTime;
 
 var VeltCommentDialogThreads = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-dialog-threads-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-dialog-threads-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogToggleReply = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-dialog-toggle-reply-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-dialog-toggle-reply-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogUpgrade = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-dialog-upgrade-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-dialog-upgrade-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogSuggestionActionAccept = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-dialog-suggestion-action-accept-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-dialog-suggestion-action-accept-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogSuggestionActionReject = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-dialog-suggestion-action-reject-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-dialog-suggestion-action-reject-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogSuggestionAction = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-dialog-suggestion-action-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-dialog-suggestion-action-wireframe", __assign({}, remainingProp), children));
 };
 VeltCommentDialogSuggestionAction.Accept = VeltCommentDialogSuggestionActionAccept;
 VeltCommentDialogSuggestionAction.Reject = VeltCommentDialogSuggestionActionReject;
 
 var VeltCommentDialogPrivateBadge = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-dialog-private-badge-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-dialog-private-badge-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogWireframe = function (props) {
@@ -1557,90 +1566,90 @@ VeltCommentDialogWireframe.Upgrade = VeltCommentDialogUpgrade;
 VeltCommentDialogWireframe.PrivateBadge = VeltCommentDialogPrivateBadge;
 
 var VeltCommentsSidebarCloseButton = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comments-sidebar-close-button-wireframe", null, children));
+    props.children; var remainingProps = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comments-sidebar-close-button-wireframe", __assign({}, remainingProps)));
 };
 
 var VeltCommentsSidebarEmptyPlaceholder = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comments-sidebar-empty-placeholder-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comments-sidebar-empty-placeholder-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltCommentsSidebarFilterAllOption = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comments-sidebar-filter-all-option-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-all-option-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltCommentsSidebarFilterCategory = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comments-sidebar-filter-category-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-category-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltCommentsSidebarFilterCheckboxChecked = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comments-sidebar-filter-checkbox-checked-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-checkbox-checked-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltCommentsSidebarFilterCheckboxUnchecked = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comments-sidebar-filter-checkbox-unchecked-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-checkbox-unchecked-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltCommentsSidebarFilterCheckbox = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comments-sidebar-filter-checkbox-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-checkbox-wireframe", __assign({}, remainingProps), children));
 };
 VeltCommentsSidebarFilterCheckbox.Checked = VeltCommentsSidebarFilterCheckboxChecked;
 VeltCommentsSidebarFilterCheckbox.Unchecked = VeltCommentsSidebarFilterCheckboxUnchecked;
 
 var VeltCommentsSidebarFilterCloseButton = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comments-sidebar-filter-close-button-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-close-button-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltCommentsSidebarFilterCommentType = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comments-sidebar-filter-comment-type-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-comment-type-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltCommentsSidebarFilterDoneButton = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comments-sidebar-filter-done-button-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-done-button-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltCommentsSidebarFilterGroupBy = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comments-sidebar-filter-group-by-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-group-by-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltCommentsSidebarFilterLocation = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comments-sidebar-filter-location-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-location-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltCommentsSidebarFilterPeople = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comments-sidebar-filter-people-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-people-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltCommentsSidebarFilterPriority = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comments-sidebar-filter-priority-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-priority-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltCommentsSidebarFilterTitle = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comments-sidebar-filter-title-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-title-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltCommentsSidebarFilterVersions = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comments-sidebar-filter-versions-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-versions-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltCommentsSidebarFilter = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comments-sidebar-filter-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-wireframe", __assign({}, remainingProps), children));
 };
 VeltCommentsSidebarFilter.AllOption = VeltCommentsSidebarFilterAllOption;
 VeltCommentsSidebarFilter.Category = VeltCommentsSidebarFilterCategory;
@@ -1656,43 +1665,43 @@ VeltCommentsSidebarFilter.Title = VeltCommentsSidebarFilterTitle;
 VeltCommentsSidebarFilter.Versions = VeltCommentsSidebarFilterVersions;
 
 var VeltCommentsSidebarHeader = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comments-sidebar-header-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comments-sidebar-header-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltCommentsSidebarList = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comments-sidebar-list-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comments-sidebar-list-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltCommentsSidebarPageModeComposer = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comments-sidebar-page-mode-composer-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comments-sidebar-page-mode-composer-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltCommentsSidebarSearch = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comments-sidebar-search-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comments-sidebar-search-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltCommentsSidebarStatus = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comments-sidebar-status-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comments-sidebar-status-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltCommentsSidebarFilterButton = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comments-sidebar-filter-button-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-button-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltCommentsSidebarSkeleton = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-sidebar-skeleton-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comments-sidebar-skeleton-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltCommentsSidebarPanel = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-sidebar-panel-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comments-sidebar-panel-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltCommentsSidebarWireframe = function (props) {
@@ -1712,33 +1721,33 @@ VeltCommentsSidebarWireframe.Skeleton = VeltCommentsSidebarSkeleton;
 VeltCommentsSidebarWireframe.Panel = VeltCommentsSidebarPanel;
 
 var VeltCommentPinGhostCommentIndicator = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-pin-ghost-comment-indicator-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-pin-ghost-comment-indicator-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentPinIndex = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-pin-index-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-pin-index-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentPinTriangle = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-pin-triangle-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-pin-triangle-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentPinUnreadCommentIndicator = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-pin-unread-comment-indicator-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-pin-unread-comment-indicator-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentPinPrivateCommentIndicator = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-pin-private-comment-indicator-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-pin-private-comment-indicator-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentPinWireframe = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-comment-pin-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-pin-wireframe", __assign({}, remainingProp), children));
 };
 VeltCommentPinWireframe.GhostCommentIndicator = VeltCommentPinGhostCommentIndicator;
 VeltCommentPinWireframe.Index = VeltCommentPinIndex;
@@ -1763,33 +1772,33 @@ var VeltCommentToolWireframe = function (props) {
 };
 
 var VeltTextCommentToolWireframe = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-text-comment-tool-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-text-comment-tool-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltTextCommentToolbarCommentAnnotation = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-text-comment-toolbar-comment-annotation-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-text-comment-toolbar-comment-annotation-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltTextCommentToolbarCopywriter = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-text-comment-toolbar-copywriter-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-text-comment-toolbar-copywriter-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltTextCommentToolbarGeneric = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-text-comment-toolbar-generic-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-text-comment-toolbar-generic-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltTextCommentToolbarDivider = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-text-comment-toolbar-divider-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-text-comment-toolbar-divider-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltTextCommentToolbar = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-text-comment-toolbar-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-text-comment-toolbar-wireframe", __assign({}, remainingProps), children));
 };
 VeltTextCommentToolbar.CommentAnnotation = VeltTextCommentToolbarCommentAnnotation;
 VeltTextCommentToolbar.Copywriter = VeltTextCommentToolbarCopywriter;
@@ -1826,28 +1835,28 @@ VeltUserSelectorDropdown.ErrorIcon = VeltUserSelectorDropdownErrorIcon;
 VeltUserSelectorDropdown.Name = VeltUserSelectorDropdownName;
 
 var VeltAutocompleteOptionIconWireframe = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-autocomplete-option-icon-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-autocomplete-option-icon-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltAutocompleteOptionNameWireframe = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-autocomplete-option-name-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-autocomplete-option-name-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltAutocompleteOptionDescriptionWireframe = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-autocomplete-option-description-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-autocomplete-option-description-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltAutocompleteOptionErrorIconWireframe = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-autocomplete-option-error-icon-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-autocomplete-option-error-icon-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltAutocompleteOptionWireframe = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-autocomplete-option-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-autocomplete-option-wireframe", __assign({}, remainingProp), children));
 };
 VeltAutocompleteOptionWireframe.Icon = VeltAutocompleteOptionIconWireframe;
 VeltAutocompleteOptionWireframe.Description = VeltAutocompleteOptionDescriptionWireframe;
@@ -1855,23 +1864,23 @@ VeltAutocompleteOptionWireframe.ErrorIcon = VeltAutocompleteOptionErrorIconWiref
 VeltAutocompleteOptionWireframe.Name = VeltAutocompleteOptionNameWireframe;
 
 var VeltAutocompleteChipTooltipDescriptionWireframe = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-autocomplete-chip-tooltip-description-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-autocomplete-chip-tooltip-description-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltAutocompleteChipTooltipIconWireframe = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-autocomplete-chip-tooltip-icon-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-autocomplete-chip-tooltip-icon-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltAutocompleteChipTooltipNameWireframe = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-autocomplete-chip-tooltip-name-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-autocomplete-chip-tooltip-name-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltAutocompleteChipTooltipWireframe = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-autocomplete-chip-tooltip-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-autocomplete-chip-tooltip-wireframe", __assign({}, remainingProp), children));
 };
 VeltAutocompleteChipTooltipWireframe.Description = VeltAutocompleteChipTooltipDescriptionWireframe;
 VeltAutocompleteChipTooltipWireframe.Icon = VeltAutocompleteChipTooltipIconWireframe;
@@ -1888,13 +1897,13 @@ var VeltCommentBubbleCommentsCount = function (props) {
 };
 
 var VeltStatusDropdownContentItemIcon = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-status-dropdown-content-item-icon-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-status-dropdown-content-item-icon-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltStatusDropdownContentItemName = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-status-dropdown-content-item-name-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-status-dropdown-content-item-name-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltStatusDropdownContentItem = function (props) {
@@ -1911,18 +1920,18 @@ var VeltStatusDropdownContent = function (props) {
 VeltStatusDropdownContent.Item = VeltStatusDropdownContentItem;
 
 var VeltStatusDropdownTriggerArrow = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-status-dropdown-trigger-arrow-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-status-dropdown-trigger-arrow-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltStatusDropdownTriggerIcon = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-status-dropdown-trigger-icon-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-status-dropdown-trigger-icon-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltStatusDropdownTriggerName = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-status-dropdown-trigger-name-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-status-dropdown-trigger-name-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltStatusDropdownTrigger = function (props) {
@@ -1934,18 +1943,18 @@ VeltStatusDropdownTrigger.Name = VeltStatusDropdownTriggerName;
 VeltStatusDropdownTrigger.Icon = VeltStatusDropdownTriggerIcon;
 
 var VeltPriorityDropdownContentItemIcon = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-priority-dropdown-content-item-icon-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-priority-dropdown-content-item-icon-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltPriorityDropdownContentItemName = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-priority-dropdown-content-item-name-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-priority-dropdown-content-item-name-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltPriorityDropdownContentItemTick = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-priority-dropdown-content-item-tick-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-priority-dropdown-content-item-tick-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltPriorityDropdownContentItem = function (props) {
@@ -1963,18 +1972,18 @@ var VeltPriorityDropdownContent = function (props) {
 VeltPriorityDropdownContent.Item = VeltPriorityDropdownContentItem;
 
 var VeltPriorityDropdownTriggerArrow = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-priority-dropdown-trigger-arrow-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-priority-dropdown-trigger-arrow-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltPriorityDropdownTriggerIcon = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-priority-dropdown-trigger-icon-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-priority-dropdown-trigger-icon-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltPriorityDropdownTriggerName = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-priority-dropdown-trigger-name-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-priority-dropdown-trigger-name-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltPriorityDropdownTrigger = function (props) {
@@ -1991,13 +2000,13 @@ var VeltOptionsDropdownContentAssign = function (props) {
 };
 
 var VeltOptionsDropdownContentDeleteComment = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-options-dropdown-content-delete-comment-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-options-dropdown-content-delete-comment-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltOptionsDropdownContentDeleteThread = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-options-dropdown-content-delete-thread-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-options-dropdown-content-delete-thread-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltOptionsDropdownContentDelete = function (props) {
@@ -2013,13 +2022,13 @@ var VeltOptionsDropdownContentEdit = function (props) {
 };
 
 var VeltOptionsDropdownContentMakePrivateDisable = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-options-dropdown-content-make-private-disable-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-options-dropdown-content-make-private-disable-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltOptionsDropdownContentMakePrivateEnable = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-options-dropdown-content-make-private-enable-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-options-dropdown-content-make-private-enable-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltOptionsDropdownContentMakePrivate = function (props) {
@@ -2044,76 +2053,76 @@ var VeltOptionsDropdownTrigger = function (props) {
 };
 
 var VeltReactionToolWireframe = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-reaction-tool-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-reaction-tool-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltReactionPinCountWireframe = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-reaction-pin-count-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-reaction-pin-count-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltReactionPinEmojiWireframe = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-reaction-pin-emoji-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-reaction-pin-emoji-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltReactionPinWireframe = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-reaction-pin-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-reaction-pin-wireframe", __assign({}, remainingProp), children));
 };
 VeltReactionPinWireframe.Emoji = VeltReactionPinEmojiWireframe;
 VeltReactionPinWireframe.Count = VeltReactionPinCountWireframe;
 
 var VeltReactionPinTooltipUserAvatarWireframe = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-reaction-pin-tooltip-user-avatar-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-reaction-pin-tooltip-user-avatar-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltReactionPinTooltipUserNameWireframe = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-reaction-pin-tooltip-user-name-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-reaction-pin-tooltip-user-name-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltReactionPinTooltipUserWireframe = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-reaction-pin-tooltip-user-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-reaction-pin-tooltip-user-wireframe", __assign({}, remainingProp), children));
 };
 VeltReactionPinTooltipUserWireframe.Avatar = VeltReactionPinTooltipUserAvatarWireframe;
 VeltReactionPinTooltipUserWireframe.Name = VeltReactionPinTooltipUserNameWireframe;
 
 var VeltReactionPinTooltipUsersWireframe = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-reaction-pin-tooltip-users-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-reaction-pin-tooltip-users-wireframe", __assign({}, remainingProp), children));
 };
 VeltReactionPinTooltipUsersWireframe.User = VeltReactionPinTooltipUserWireframe;
 
 var VeltReactionPinTooltipWireframe = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-reaction-pin-tooltip-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-reaction-pin-tooltip-wireframe", __assign({}, remainingProp), children));
 };
 VeltReactionPinTooltipWireframe.Users = VeltReactionPinTooltipUsersWireframe;
 
 var VeltReactionsPanelItemEmojiWireframe = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-reactions-panel-item-emoji-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-reactions-panel-item-emoji-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltReactionsPanelItemWireframe = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-reactions-panel-item-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-reactions-panel-item-wireframe", __assign({}, remainingProp), children));
 };
 VeltReactionsPanelItemWireframe.Emoji = VeltReactionsPanelItemEmojiWireframe;
 
 var VeltReactionsPanelItemsWireframe = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-reactions-panel-items-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-reactions-panel-items-wireframe", __assign({}, remainingProp), children));
 };
 VeltReactionsPanelItemsWireframe.Item = VeltReactionsPanelItemWireframe;
 
 var VeltReactionsPanelWireframe = function (props) {
-    var children = props.children;
-    return (React__default["default"].createElement("velt-reactions-panel-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-reactions-panel-wireframe", __assign({}, remainingProp), children));
 };
 VeltReactionsPanelWireframe.Items = VeltReactionsPanelItemsWireframe;
 
@@ -2238,6 +2247,21 @@ function useCommentDialogSidebarClickHandler() {
     }, [commentElement === null || commentElement === void 0 ? void 0 : commentElement.onSidebarButtonOnCommentDialogClick]);
     return data;
 }
+function useCommentSelectionChangeHandler() {
+    var commentElement = useCommentUtils();
+    var _a = React__default["default"].useState(), data = _a[0], setData = _a[1];
+    React.useEffect(function () {
+        if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.onCommentSelectionChange))
+            return;
+        var subscription = commentElement.onCommentSelectionChange().subscribe(function (res) {
+            setData(res);
+        });
+        return function () {
+            subscription.unsubscribe();
+        };
+    }, [commentElement === null || commentElement === void 0 ? void 0 : commentElement.onCommentSelectionChange]);
+    return data;
+}
 
 function useCursorUtils() {
     var _a = React__default["default"].useState(), cursorElement = _a[0], setCursorElement = _a[1];
@@ -2796,6 +2820,7 @@ exports.useCommentAddHandler = useCommentAddHandler;
 exports.useCommentAnnotations = useCommentAnnotations;
 exports.useCommentDialogSidebarClickHandler = useCommentDialogSidebarClickHandler;
 exports.useCommentModeState = useCommentModeState;
+exports.useCommentSelectionChangeHandler = useCommentSelectionChangeHandler;
 exports.useCommentUpdateHandler = useCommentUpdateHandler;
 exports.useCommentUtils = useCommentUtils;
 exports.useCursorUsers = useCursorUsers;