@veltdev/react 1.0.130 → 1.0.132

package/esm/index.js

@@ -132,7 +132,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) {
@@ -225,7 +225,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 = useRef();
     var onSignInRef = useRef(onSignIn);
     var onUpgradeRef = useRef(onUpgrade);
@@ -235,6 +235,7 @@ var SnippylyComments = function (props) {
     var onCommentRejectRef = useRef(onCommentReject);
     var onSidebarButtonOnCommentDialogClickRef = useRef(onSidebarButtonOnCommentDialogClick);
     var onCustomPinInjectRef = useRef(onCustomPinInject);
+    var onCommentSelectionChangeRef = useRef(onCommentSelectionChange);
     // Update the ref to always point to the latest callback function
     useEffect(function () {
         onSignInRef.current = onSignIn;
@@ -260,6 +261,9 @@ var SnippylyComments = function (props) {
     useEffect(function () {
         onCustomPinInjectRef.current = onCustomPinInject;
     }, [onCustomPinInject]);
+    useEffect(function () {
+        onCommentSelectionChangeRef.current = onCommentSelectionChange;
+    }, [onCommentSelectionChange]);
     useEffect(function () {
         if (ref.current) {
             var element = ref.current;
@@ -303,9 +307,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.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.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) {
@@ -1116,61 +1125,61 @@ var VeltWireframe = function (props) {
 };
 
 var VeltCommentDialogAllComment = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comment-dialog-all-comment-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-dialog-all-comment-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogApprove = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comment-dialog-approve-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-dialog-approve-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogAssigneeBannerResolveButton = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comment-dialog-assignee-banner-resolve-button-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-dialog-assignee-banner-resolve-button-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogAssigneeBannerUserAvatar = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comment-dialog-assignee-banner-user-avatar-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-dialog-assignee-banner-user-avatar-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogAssigneeBannerUserName = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comment-dialog-assignee-banner-user-name-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-dialog-assignee-banner-user-name-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogAssigneeBanner = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comment-dialog-assignee-banner-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.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.createElement("velt-comment-dialog-assign-menu-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-dialog-assign-menu-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogBody = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comment-dialog-body-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-dialog-body-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogCommentCategory = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comment-dialog-comment-category-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-dialog-comment-category-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogCommentIndex = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comment-dialog-comment-index-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-dialog-comment-index-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogCommentSuggestionStatus = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comment-dialog-comment-suggestion-status-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-dialog-comment-suggestion-status-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogComposerActionButton = function (props) {
@@ -1179,90 +1188,90 @@ var VeltCommentDialogComposerActionButton = function (props) {
 };
 
 var VeltCommentDialogComposerAssignUser = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comment-dialog-composer-assign-user-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-dialog-composer-assign-user-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogComposerAttachmentsInvalidItemPreview = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comment-dialog-composer-attachments-invalid-item-preview-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-dialog-composer-attachments-invalid-item-preview-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogComposerAttachmentsInvalidItemMessage = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comment-dialog-composer-attachments-invalid-item-message-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-dialog-composer-attachments-invalid-item-message-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogComposerAttachmentsInvalidItemDelete = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comment-dialog-composer-attachments-invalid-item-delete-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-dialog-composer-attachments-invalid-item-delete-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogComposerAttachmentsInvalidItem = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comment-dialog-composer-attachments-invalid-item-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.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.createElement("velt-comment-dialog-composer-attachments-invalid-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-dialog-composer-attachments-invalid-wireframe", __assign({}, remainingProp), children));
 };
 VeltCommentDialogComposerAttachmentsInvalid.Item = VeltCommentDialogComposerAttachmentsInvalidItem;
 
 var VeltCommentDialogComposerAttachmentsImagePreview = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comment-dialog-composer-attachments-image-preview-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-dialog-composer-attachments-image-preview-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogComposerAttachmentsImageDelete = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comment-dialog-composer-attachments-image-delete-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-dialog-composer-attachments-image-delete-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogComposerAttachmentsImageLoading = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comment-dialog-composer-attachments-image-loading-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-dialog-composer-attachments-image-loading-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogComposerAttachmentsImage = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comment-dialog-composer-attachments-image-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.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.createElement("velt-comment-dialog-composer-attachments-other-delete-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-dialog-composer-attachments-other-delete-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogComposerAttachmentsOtherIcon = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comment-dialog-composer-attachments-other-icon-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-dialog-composer-attachments-other-icon-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogComposerAttachmentsOtherLoading = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comment-dialog-composer-attachments-other-loading-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-dialog-composer-attachments-other-loading-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogComposerAttachmentsOtherName = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comment-dialog-composer-attachments-other-name-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-dialog-composer-attachments-other-name-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogComposerAttachmentsOtherSize = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comment-dialog-composer-attachments-other-size-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-dialog-composer-attachments-other-size-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogComposerAttachmentsOther = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comment-dialog-composer-attachments-other-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-dialog-composer-attachments-other-wireframe", __assign({}, remainingProp), children));
 };
 VeltCommentDialogComposerAttachmentsOther.Delete = VeltCommentDialogComposerAttachmentsOtherDelete;
 VeltCommentDialogComposerAttachmentsOther.Loading = VeltCommentDialogComposerAttachmentsOtherLoading;
@@ -1271,32 +1280,32 @@ VeltCommentDialogComposerAttachmentsOther.Name = VeltCommentDialogComposerAttach
 VeltCommentDialogComposerAttachmentsOther.Size = VeltCommentDialogComposerAttachmentsOtherSize;
 
 var VeltCommentDialogComposerAttachmentsSelected = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comment-dialog-composer-attachments-selected-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.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.createElement("velt-comment-dialog-composer-attachments-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.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.createElement("velt-comment-dialog-composer-input-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-dialog-composer-input-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogComposerRecordings = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comment-dialog-composer-recordings-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-dialog-composer-recordings-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogComposer = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comment-dialog-composer-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-dialog-composer-wireframe", __assign({}, remainingProp), children));
 };
 VeltCommentDialogComposer.ActionButton = VeltCommentDialogComposerActionButton;
 VeltCommentDialogComposer.AssignUser = VeltCommentDialogComposerAssignUser;
@@ -1305,116 +1314,116 @@ VeltCommentDialogComposer.Input = VeltCommentDialogComposerInput;
 VeltCommentDialogComposer.Recordings = VeltCommentDialogComposerRecordings;
 
 var VeltCommentDialogCopyLink = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comment-dialog-copy-link-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-dialog-copy-link-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogGhostBanner = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comment-dialog-ghost-banner-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-dialog-ghost-banner-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogHeader = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comment-dialog-header-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-dialog-header-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogMoreReply = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comment-dialog-more-reply-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-dialog-more-reply-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogOptions = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comment-dialog-options-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-dialog-options-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogPriority = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comment-dialog-priority-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-dialog-priority-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogPrivateBanner = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comment-dialog-private-banner-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-dialog-private-banner-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogResolveButton = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comment-dialog-resolve-button-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-dialog-resolve-button-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogSignIn = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comment-dialog-sign-in-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-dialog-sign-in-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogStatus = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comment-dialog-status-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-dialog-status-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogThreadCardAvatar = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comment-dialog-thread-card-avatar-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-dialog-thread-card-avatar-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogThreadCardDeviceType = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comment-dialog-thread-card-device-type-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-dialog-thread-card-device-type-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogThreadCardAttachmentsImagePreview = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comment-dialog-thread-card-attachments-image-preview-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-dialog-thread-card-attachments-image-preview-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogThreadCardAttachmentsImageDelete = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comment-dialog-thread-card-attachments-image-delete-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-dialog-thread-card-attachments-image-delete-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogThreadCardAttachmentsImageDownload = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comment-dialog-thread-card-attachments-image-download-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-dialog-thread-card-attachments-image-download-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogThreadCardAttachmentsImage = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comment-dialog-thread-card-attachments-image-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.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.createElement("velt-comment-dialog-thread-card-attachments-other-delete-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-dialog-thread-card-attachments-other-delete-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogThreadCardAttachmentsOtherDownload = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comment-dialog-thread-card-attachments-other-download-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-dialog-thread-card-attachments-other-download-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogThreadCardAttachmentsOtherIcon = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comment-dialog-thread-card-attachments-other-icon-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-dialog-thread-card-attachments-other-icon-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogThreadCardAttachmentsOtherName = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comment-dialog-thread-card-attachments-other-name-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-dialog-thread-card-attachments-other-name-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogThreadCardAttachmentsOtherSize = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comment-dialog-thread-card-attachments-other-size-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-dialog-thread-card-attachments-other-size-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogThreadCardAttachmentsOther = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comment-dialog-thread-card-attachments-other-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-dialog-thread-card-attachments-other-wireframe", __assign({}, remainingProp), children));
 };
 VeltCommentDialogThreadCardAttachmentsOther.Icon = VeltCommentDialogThreadCardAttachmentsOtherIcon;
 VeltCommentDialogThreadCardAttachmentsOther.Name = VeltCommentDialogThreadCardAttachmentsOtherName;
@@ -1423,51 +1432,51 @@ VeltCommentDialogThreadCardAttachmentsOther.Download = VeltCommentDialogThreadCa
 VeltCommentDialogThreadCardAttachmentsOther.Delete = VeltCommentDialogThreadCardAttachmentsOtherDelete;
 
 var VeltCommentDialogThreadCardAttachments = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comment-dialog-thread-card-attachments-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.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.createElement("velt-comment-dialog-thread-card-message-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-dialog-thread-card-message-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogThreadCardName = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comment-dialog-thread-card-name-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-dialog-thread-card-name-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogThreadCardOptions = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comment-dialog-thread-card-options-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-dialog-thread-card-options-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogThreadCardReactions = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comment-dialog-thread-card-reactions-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-dialog-thread-card-reactions-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogThreadCardReactionTool = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comment-dialog-thread-card-reaction-tool-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-dialog-thread-card-reaction-tool-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogThreadCardRecordings = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comment-dialog-thread-card-recordings-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-dialog-thread-card-recordings-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogThreadCardTime = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comment-dialog-thread-card-time-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.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.createElement("velt-comment-dialog-thread-card-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.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;
@@ -1482,40 +1491,40 @@ VeltCommentDialogThreadCard.Recordings = VeltCommentDialogThreadCardRecordings;
 VeltCommentDialogThreadCard.Time = VeltCommentDialogThreadCardTime;
 
 var VeltCommentDialogThreads = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comment-dialog-threads-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-dialog-threads-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogToggleReply = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comment-dialog-toggle-reply-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-dialog-toggle-reply-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogUpgrade = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comment-dialog-upgrade-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-dialog-upgrade-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogSuggestionActionAccept = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comment-dialog-suggestion-action-accept-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-dialog-suggestion-action-accept-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogSuggestionActionReject = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comment-dialog-suggestion-action-reject-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-dialog-suggestion-action-reject-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogSuggestionAction = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comment-dialog-suggestion-action-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.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.createElement("velt-comment-dialog-private-badge-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-dialog-private-badge-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentDialogWireframe = function (props) {
@@ -1549,90 +1558,90 @@ VeltCommentDialogWireframe.Upgrade = VeltCommentDialogUpgrade;
 VeltCommentDialogWireframe.PrivateBadge = VeltCommentDialogPrivateBadge;
 
 var VeltCommentsSidebarCloseButton = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comments-sidebar-close-button-wireframe", null, children));
+    props.children; var remainingProps = __rest(props, ["children"]);
+    return (React.createElement("velt-comments-sidebar-close-button-wireframe", __assign({}, remainingProps)));
 };
 
 var VeltCommentsSidebarEmptyPlaceholder = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comments-sidebar-empty-placeholder-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React.createElement("velt-comments-sidebar-empty-placeholder-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltCommentsSidebarFilterAllOption = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comments-sidebar-filter-all-option-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React.createElement("velt-comments-sidebar-filter-all-option-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltCommentsSidebarFilterCategory = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comments-sidebar-filter-category-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React.createElement("velt-comments-sidebar-filter-category-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltCommentsSidebarFilterCheckboxChecked = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comments-sidebar-filter-checkbox-checked-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React.createElement("velt-comments-sidebar-filter-checkbox-checked-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltCommentsSidebarFilterCheckboxUnchecked = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comments-sidebar-filter-checkbox-unchecked-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React.createElement("velt-comments-sidebar-filter-checkbox-unchecked-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltCommentsSidebarFilterCheckbox = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comments-sidebar-filter-checkbox-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React.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.createElement("velt-comments-sidebar-filter-close-button-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React.createElement("velt-comments-sidebar-filter-close-button-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltCommentsSidebarFilterCommentType = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comments-sidebar-filter-comment-type-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React.createElement("velt-comments-sidebar-filter-comment-type-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltCommentsSidebarFilterDoneButton = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comments-sidebar-filter-done-button-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React.createElement("velt-comments-sidebar-filter-done-button-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltCommentsSidebarFilterGroupBy = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comments-sidebar-filter-group-by-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React.createElement("velt-comments-sidebar-filter-group-by-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltCommentsSidebarFilterLocation = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comments-sidebar-filter-location-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React.createElement("velt-comments-sidebar-filter-location-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltCommentsSidebarFilterPeople = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comments-sidebar-filter-people-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React.createElement("velt-comments-sidebar-filter-people-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltCommentsSidebarFilterPriority = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comments-sidebar-filter-priority-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React.createElement("velt-comments-sidebar-filter-priority-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltCommentsSidebarFilterTitle = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comments-sidebar-filter-title-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React.createElement("velt-comments-sidebar-filter-title-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltCommentsSidebarFilterVersions = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comments-sidebar-filter-versions-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React.createElement("velt-comments-sidebar-filter-versions-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltCommentsSidebarFilter = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comments-sidebar-filter-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React.createElement("velt-comments-sidebar-filter-wireframe", __assign({}, remainingProps), children));
 };
 VeltCommentsSidebarFilter.AllOption = VeltCommentsSidebarFilterAllOption;
 VeltCommentsSidebarFilter.Category = VeltCommentsSidebarFilterCategory;
@@ -1648,43 +1657,43 @@ VeltCommentsSidebarFilter.Title = VeltCommentsSidebarFilterTitle;
 VeltCommentsSidebarFilter.Versions = VeltCommentsSidebarFilterVersions;
 
 var VeltCommentsSidebarHeader = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comments-sidebar-header-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React.createElement("velt-comments-sidebar-header-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltCommentsSidebarList = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comments-sidebar-list-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React.createElement("velt-comments-sidebar-list-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltCommentsSidebarPageModeComposer = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comments-sidebar-page-mode-composer-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React.createElement("velt-comments-sidebar-page-mode-composer-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltCommentsSidebarSearch = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comments-sidebar-search-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React.createElement("velt-comments-sidebar-search-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltCommentsSidebarStatus = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comments-sidebar-status-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React.createElement("velt-comments-sidebar-status-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltCommentsSidebarFilterButton = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comments-sidebar-filter-button-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React.createElement("velt-comments-sidebar-filter-button-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltCommentsSidebarSkeleton = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comment-sidebar-skeleton-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React.createElement("velt-comments-sidebar-skeleton-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltCommentsSidebarPanel = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comment-sidebar-panel-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React.createElement("velt-comments-sidebar-panel-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltCommentsSidebarWireframe = function (props) {
@@ -1704,33 +1713,33 @@ VeltCommentsSidebarWireframe.Skeleton = VeltCommentsSidebarSkeleton;
 VeltCommentsSidebarWireframe.Panel = VeltCommentsSidebarPanel;
 
 var VeltCommentPinGhostCommentIndicator = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comment-pin-ghost-comment-indicator-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-pin-ghost-comment-indicator-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentPinIndex = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comment-pin-index-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-pin-index-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentPinTriangle = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comment-pin-triangle-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-pin-triangle-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentPinUnreadCommentIndicator = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comment-pin-unread-comment-indicator-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-pin-unread-comment-indicator-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentPinPrivateCommentIndicator = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comment-pin-private-comment-indicator-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-pin-private-comment-indicator-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltCommentPinWireframe = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-comment-pin-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-pin-wireframe", __assign({}, remainingProp), children));
 };
 VeltCommentPinWireframe.GhostCommentIndicator = VeltCommentPinGhostCommentIndicator;
 VeltCommentPinWireframe.Index = VeltCommentPinIndex;
@@ -1755,33 +1764,33 @@ var VeltCommentToolWireframe = function (props) {
 };
 
 var VeltTextCommentToolWireframe = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-text-comment-tool-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React.createElement("velt-text-comment-tool-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltTextCommentToolbarCommentAnnotation = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-text-comment-toolbar-comment-annotation-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React.createElement("velt-text-comment-toolbar-comment-annotation-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltTextCommentToolbarCopywriter = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-text-comment-toolbar-copywriter-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React.createElement("velt-text-comment-toolbar-copywriter-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltTextCommentToolbarGeneric = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-text-comment-toolbar-generic-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React.createElement("velt-text-comment-toolbar-generic-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltTextCommentToolbarDivider = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-text-comment-toolbar-divider-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React.createElement("velt-text-comment-toolbar-divider-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltTextCommentToolbar = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-text-comment-toolbar-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React.createElement("velt-text-comment-toolbar-wireframe", __assign({}, remainingProps), children));
 };
 VeltTextCommentToolbar.CommentAnnotation = VeltTextCommentToolbarCommentAnnotation;
 VeltTextCommentToolbar.Copywriter = VeltTextCommentToolbarCopywriter;
@@ -1818,28 +1827,28 @@ VeltUserSelectorDropdown.ErrorIcon = VeltUserSelectorDropdownErrorIcon;
 VeltUserSelectorDropdown.Name = VeltUserSelectorDropdownName;
 
 var VeltAutocompleteOptionIconWireframe = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-autocomplete-option-icon-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-autocomplete-option-icon-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltAutocompleteOptionNameWireframe = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-autocomplete-option-name-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-autocomplete-option-name-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltAutocompleteOptionDescriptionWireframe = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-autocomplete-option-description-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-autocomplete-option-description-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltAutocompleteOptionErrorIconWireframe = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-autocomplete-option-error-icon-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-autocomplete-option-error-icon-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltAutocompleteOptionWireframe = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-autocomplete-option-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-autocomplete-option-wireframe", __assign({}, remainingProp), children));
 };
 VeltAutocompleteOptionWireframe.Icon = VeltAutocompleteOptionIconWireframe;
 VeltAutocompleteOptionWireframe.Description = VeltAutocompleteOptionDescriptionWireframe;
@@ -1847,23 +1856,23 @@ VeltAutocompleteOptionWireframe.ErrorIcon = VeltAutocompleteOptionErrorIconWiref
 VeltAutocompleteOptionWireframe.Name = VeltAutocompleteOptionNameWireframe;
 
 var VeltAutocompleteChipTooltipDescriptionWireframe = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-autocomplete-chip-tooltip-description-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-autocomplete-chip-tooltip-description-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltAutocompleteChipTooltipIconWireframe = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-autocomplete-chip-tooltip-icon-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-autocomplete-chip-tooltip-icon-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltAutocompleteChipTooltipNameWireframe = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-autocomplete-chip-tooltip-name-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-autocomplete-chip-tooltip-name-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltAutocompleteChipTooltipWireframe = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-autocomplete-chip-tooltip-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-autocomplete-chip-tooltip-wireframe", __assign({}, remainingProp), children));
 };
 VeltAutocompleteChipTooltipWireframe.Description = VeltAutocompleteChipTooltipDescriptionWireframe;
 VeltAutocompleteChipTooltipWireframe.Icon = VeltAutocompleteChipTooltipIconWireframe;
@@ -1880,13 +1889,13 @@ var VeltCommentBubbleCommentsCount = function (props) {
 };
 
 var VeltStatusDropdownContentItemIcon = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-status-dropdown-content-item-icon-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React.createElement("velt-status-dropdown-content-item-icon-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltStatusDropdownContentItemName = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-status-dropdown-content-item-name-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React.createElement("velt-status-dropdown-content-item-name-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltStatusDropdownContentItem = function (props) {
@@ -1903,18 +1912,18 @@ var VeltStatusDropdownContent = function (props) {
 VeltStatusDropdownContent.Item = VeltStatusDropdownContentItem;
 
 var VeltStatusDropdownTriggerArrow = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-status-dropdown-trigger-arrow-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React.createElement("velt-status-dropdown-trigger-arrow-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltStatusDropdownTriggerIcon = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-status-dropdown-trigger-icon-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React.createElement("velt-status-dropdown-trigger-icon-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltStatusDropdownTriggerName = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-status-dropdown-trigger-name-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React.createElement("velt-status-dropdown-trigger-name-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltStatusDropdownTrigger = function (props) {
@@ -1926,18 +1935,18 @@ VeltStatusDropdownTrigger.Name = VeltStatusDropdownTriggerName;
 VeltStatusDropdownTrigger.Icon = VeltStatusDropdownTriggerIcon;
 
 var VeltPriorityDropdownContentItemIcon = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-priority-dropdown-content-item-icon-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React.createElement("velt-priority-dropdown-content-item-icon-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltPriorityDropdownContentItemName = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-priority-dropdown-content-item-name-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React.createElement("velt-priority-dropdown-content-item-name-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltPriorityDropdownContentItemTick = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-priority-dropdown-content-item-tick-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React.createElement("velt-priority-dropdown-content-item-tick-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltPriorityDropdownContentItem = function (props) {
@@ -1955,18 +1964,18 @@ var VeltPriorityDropdownContent = function (props) {
 VeltPriorityDropdownContent.Item = VeltPriorityDropdownContentItem;
 
 var VeltPriorityDropdownTriggerArrow = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-priority-dropdown-trigger-arrow-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React.createElement("velt-priority-dropdown-trigger-arrow-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltPriorityDropdownTriggerIcon = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-priority-dropdown-trigger-icon-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React.createElement("velt-priority-dropdown-trigger-icon-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltPriorityDropdownTriggerName = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-priority-dropdown-trigger-name-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React.createElement("velt-priority-dropdown-trigger-name-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltPriorityDropdownTrigger = function (props) {
@@ -1983,13 +1992,13 @@ var VeltOptionsDropdownContentAssign = function (props) {
 };
 
 var VeltOptionsDropdownContentDeleteComment = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-options-dropdown-content-delete-comment-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React.createElement("velt-options-dropdown-content-delete-comment-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltOptionsDropdownContentDeleteThread = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-options-dropdown-content-delete-thread-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React.createElement("velt-options-dropdown-content-delete-thread-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltOptionsDropdownContentDelete = function (props) {
@@ -2005,13 +2014,13 @@ var VeltOptionsDropdownContentEdit = function (props) {
 };
 
 var VeltOptionsDropdownContentMakePrivateDisable = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-options-dropdown-content-make-private-disable-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React.createElement("velt-options-dropdown-content-make-private-disable-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltOptionsDropdownContentMakePrivateEnable = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-options-dropdown-content-make-private-enable-wireframe", null, children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React.createElement("velt-options-dropdown-content-make-private-enable-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltOptionsDropdownContentMakePrivate = function (props) {
@@ -2036,76 +2045,76 @@ var VeltOptionsDropdownTrigger = function (props) {
 };
 
 var VeltReactionToolWireframe = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-reaction-tool-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-reaction-tool-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltReactionPinCountWireframe = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-reaction-pin-count-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-reaction-pin-count-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltReactionPinEmojiWireframe = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-reaction-pin-emoji-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-reaction-pin-emoji-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltReactionPinWireframe = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-reaction-pin-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-reaction-pin-wireframe", __assign({}, remainingProp), children));
 };
 VeltReactionPinWireframe.Emoji = VeltReactionPinEmojiWireframe;
 VeltReactionPinWireframe.Count = VeltReactionPinCountWireframe;
 
 var VeltReactionPinTooltipUserAvatarWireframe = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-reaction-pin-tooltip-user-avatar-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-reaction-pin-tooltip-user-avatar-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltReactionPinTooltipUserNameWireframe = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-reaction-pin-tooltip-user-name-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-reaction-pin-tooltip-user-name-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltReactionPinTooltipUserWireframe = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-reaction-pin-tooltip-user-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.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.createElement("velt-reaction-pin-tooltip-users-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-reaction-pin-tooltip-users-wireframe", __assign({}, remainingProp), children));
 };
 VeltReactionPinTooltipUsersWireframe.User = VeltReactionPinTooltipUserWireframe;
 
 var VeltReactionPinTooltipWireframe = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-reaction-pin-tooltip-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-reaction-pin-tooltip-wireframe", __assign({}, remainingProp), children));
 };
 VeltReactionPinTooltipWireframe.Users = VeltReactionPinTooltipUsersWireframe;
 
 var VeltReactionsPanelItemEmojiWireframe = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-reactions-panel-item-emoji-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-reactions-panel-item-emoji-wireframe", __assign({}, remainingProp), children));
 };
 
 var VeltReactionsPanelItemWireframe = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-reactions-panel-item-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-reactions-panel-item-wireframe", __assign({}, remainingProp), children));
 };
 VeltReactionsPanelItemWireframe.Emoji = VeltReactionsPanelItemEmojiWireframe;
 
 var VeltReactionsPanelItemsWireframe = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-reactions-panel-items-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-reactions-panel-items-wireframe", __assign({}, remainingProp), children));
 };
 VeltReactionsPanelItemsWireframe.Item = VeltReactionsPanelItemWireframe;
 
 var VeltReactionsPanelWireframe = function (props) {
-    var children = props.children;
-    return (React.createElement("velt-reactions-panel-wireframe", null, children));
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-reactions-panel-wireframe", __assign({}, remainingProp), children));
 };
 VeltReactionsPanelWireframe.Items = VeltReactionsPanelItemsWireframe;
 
@@ -2230,6 +2239,21 @@ function useCommentDialogSidebarClickHandler() {
     }, [commentElement === null || commentElement === void 0 ? void 0 : commentElement.onSidebarButtonOnCommentDialogClick]);
     return data;
 }
+function useCommentSelectionChangeHandler() {
+    var commentElement = useCommentUtils();
+    var _a = React.useState(), data = _a[0], setData = _a[1];
+    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.useState(), cursorElement = _a[0], setCursorElement = _a[1];
@@ -2725,5 +2749,5 @@ var logLiveState = function (action, liveStateDataId) {
     }
 };
 
-export { SnippylyArrowTool as VeltArrowTool, SnippylyArrows as VeltArrows, VeltAutocomplete, VeltAutocompleteChipTooltipWireframe, VeltAutocompleteOptionWireframe, VeltChartComment, SnippylyCommentBubble as VeltCommentBubble, VeltCommentBubbleAvatar, VeltCommentBubbleCommentsCount, VeltCommentDialogWireframe, VeltCommentPinWireframe, VeltCommentPlayerTimeline, VeltCommentThread, SnippylyCommentTool as VeltCommentTool, VeltCommentToolWireframe, SnippylyComments as VeltComments, SnippylyCommentsSidebar as VeltCommentsSidebar, VeltCommentsSidebarWireframe, SnippylyCursor as VeltCursor, VeltHighChartComments, SnippylyHuddle as VeltHuddle, SnippylyHuddleTool as VeltHuddleTool, VeltNivoChartComments, VeltNotificationsHistoryPanel, VeltNotificationsPanel, VeltNotificationsTool, VeltOptionsDropdownContent, VeltOptionsDropdownTrigger, SnippylyPresence as VeltPresence, VeltPriorityDropdownContent, VeltPriorityDropdownTrigger, SnippylyProvider as VeltProvider, VeltReactionPinTooltipWireframe, VeltReactionPinWireframe, VeltReactionToolWireframe, VeltReactionsPanelWireframe, SnippylyRecorderControlPanel as VeltRecorderControlPanel, SnippylyRecorderNotes as VeltRecorderNotes, SnippylyRecorderPlayer as VeltRecorderPlayer, SnippylyRecorderTool as VeltRecorderTool, SnippylySidebarButton as VeltSidebarButton, VeltSidebarButtonWireframe, VeltStatusDropdownContent, VeltStatusDropdownTrigger, SnippylyTagTool as VeltTagTool, SnippylyTags as VeltTags, VeltTextCommentToolWireframe, VeltTextCommentToolbar as VeltTextCommentToolbarWireframe, SnippylyUserInviteTool as VeltUserInviteTool, SnippylyUserRequestTool as VeltUserRequestTool, VeltUserSelectorDropdown as VeltUserSelectorDropdownWireframe, VeltVideoPlayer, VeltViewAnalytics, VeltWireframe, createLiveStateMiddleware, useAIRewriterUtils, useAutocompleteChipClick, useAutocompleteUtils, useClient, useCommentAddHandler, useCommentAnnotations, useCommentDialogSidebarClickHandler, useCommentModeState, useCommentUpdateHandler, useCommentUtils, useCursorUsers, useCursorUtils, useEditor, useEditorAccessRequestHandler, useEditorAccessTimer, useHuddleUtils, useIdentify, useLiveSelectionUtils, useLiveState, useLiveStateData, useLiveStateSyncUtils, useNotificationUtils, useNotificationsData, usePresenceUsers, usePresenceUtils, useRecorderAddHandler, useRecorderUtils, useSetDocumentId, useSetLiveStateData, useSetLocation, useTagAnnotations, useTagUtils, useUniqueViewsByDate, useUniqueViewsByUser, useUnsetDocumentId, useUserEditorState, useVeltClient, useViewsUtils };
+export { SnippylyArrowTool as VeltArrowTool, SnippylyArrows as VeltArrows, VeltAutocomplete, VeltAutocompleteChipTooltipWireframe, VeltAutocompleteOptionWireframe, VeltChartComment, SnippylyCommentBubble as VeltCommentBubble, VeltCommentBubbleAvatar, VeltCommentBubbleCommentsCount, VeltCommentDialogWireframe, VeltCommentPinWireframe, VeltCommentPlayerTimeline, VeltCommentThread, SnippylyCommentTool as VeltCommentTool, VeltCommentToolWireframe, SnippylyComments as VeltComments, SnippylyCommentsSidebar as VeltCommentsSidebar, VeltCommentsSidebarWireframe, SnippylyCursor as VeltCursor, VeltHighChartComments, SnippylyHuddle as VeltHuddle, SnippylyHuddleTool as VeltHuddleTool, VeltNivoChartComments, VeltNotificationsHistoryPanel, VeltNotificationsPanel, VeltNotificationsTool, VeltOptionsDropdownContent, VeltOptionsDropdownTrigger, SnippylyPresence as VeltPresence, VeltPriorityDropdownContent, VeltPriorityDropdownTrigger, SnippylyProvider as VeltProvider, VeltReactionPinTooltipWireframe, VeltReactionPinWireframe, VeltReactionToolWireframe, VeltReactionsPanelWireframe, SnippylyRecorderControlPanel as VeltRecorderControlPanel, SnippylyRecorderNotes as VeltRecorderNotes, SnippylyRecorderPlayer as VeltRecorderPlayer, SnippylyRecorderTool as VeltRecorderTool, SnippylySidebarButton as VeltSidebarButton, VeltSidebarButtonWireframe, VeltStatusDropdownContent, VeltStatusDropdownTrigger, SnippylyTagTool as VeltTagTool, SnippylyTags as VeltTags, VeltTextCommentToolWireframe, VeltTextCommentToolbar as VeltTextCommentToolbarWireframe, SnippylyUserInviteTool as VeltUserInviteTool, SnippylyUserRequestTool as VeltUserRequestTool, VeltUserSelectorDropdown as VeltUserSelectorDropdownWireframe, VeltVideoPlayer, VeltViewAnalytics, VeltWireframe, createLiveStateMiddleware, useAIRewriterUtils, useAutocompleteChipClick, useAutocompleteUtils, useClient, useCommentAddHandler, useCommentAnnotations, useCommentDialogSidebarClickHandler, useCommentModeState, useCommentSelectionChangeHandler, useCommentUpdateHandler, useCommentUtils, useCursorUsers, useCursorUtils, useEditor, useEditorAccessRequestHandler, useEditorAccessTimer, useHuddleUtils, useIdentify, useLiveSelectionUtils, useLiveState, useLiveStateData, useLiveStateSyncUtils, useNotificationUtils, useNotificationsData, usePresenceUsers, usePresenceUtils, useRecorderAddHandler, useRecorderUtils, useSetDocumentId, useSetLiveStateData, useSetLocation, useTagAnnotations, useTagUtils, useUniqueViewsByDate, useUniqueViewsByUser, useUnsetDocumentId, useUserEditorState, useVeltClient, useViewsUtils };
 //# sourceMappingURL=index.js.map