@veltdev/react 5.0.1 → 5.0.2-beta.10

package/cjs/index.js

@@ -212,13 +212,13 @@ var loadVelt = function (callback, version, staging, develop, proxyDomain, integ
     };
 };
 
-var VELT_SDK_VERSION = '5.0.1';
+var VELT_SDK_VERSION = '5.0.2-beta.10';
 var VELT_SDK_INIT_EVENT = 'onVeltInit';
 var VELT_TAB_ID = 'veltTabId';
 // integrity map for the Velt SDK
 // Note: generate integrity hashes with: https://www.srihash.org/
 var INTEGRITY_MAP = {
-    '5.0.1': 'sha384-rIAIGdYPPQKAMvWVm+TtXVPcO2aa+BEAqMpjSF1WkdwxwtcWNtSuaUUU2q0onKKY',
+    '5.0.2-beta.10': 'sha384-VayPp8row+kFs8P3PZqMIECQb5QVUPhFmp6/x3yau8SVwt56JEGNummMELbRMDCo',
 };
 
 var validProps = ['veltIf', 'veltClass', 'className', 'variant'];
@@ -545,7 +545,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, minimapPosition = props.minimapPosition, persistentCommentMode = props.persistentCommentMode, ghostComments = props.ghostComments, ghostCommentsIndicator = props.ghostCommentsIndicator, commentsOnDom = props.commentsOnDom, resolvedCommentsOnDom = props.resolvedCommentsOnDom, filterCommentsOnDom = props.filterCommentsOnDom, bubbleOnPin = props.bubbleOnPin, bubbleOnPinHover = props.bubbleOnPinHover, commentTool = props.commentTool, sidebarButtonOnCommentDialog = props.sidebarButtonOnCommentDialog, deviceIndicatorOnCommentPins = props.deviceIndicatorOnCommentPins, scrollToComment = props.scrollToComment, userMentions = props.userMentions, deleteOnBackspace = props.deleteOnBackspace, hotkey = props.hotkey, recordingSummary = props.recordingSummary, recordingTranscription = props.recordingTranscription, recordingCountdown = props.recordingCountdown, unreadIndicatorMode = props.unreadIndicatorMode, enterKeyToSubmit = props.enterKeyToSubmit, pinShadowDom = props.pinShadowDom, dialogShadowDom = props.dialogShadowDom, persistentCommentShadowDom = props.persistentCommentShadowDom, shadowDom = props.shadowDom, changeDetectionInCommentMode = props.changeDetectionInCommentMode, areaComment = props.areaComment, pinCursorImage = props.pinCursorImage, 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, customListDataOnAnnotation = props.customListDataOnAnnotation, customListDataOnComment = props.customListDataOnComment, 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, dialogDarkMode = props.dialogDarkMode, pinDarkMode = props.pinDarkMode, textCommentToolDarkMode = props.textCommentToolDarkMode, textCommentToolbarDarkMode = props.textCommentToolbarDarkMode, composerMode = props.composerMode, atHereLabel = props.atHereLabel, atHereDescription = props.atHereDescription, multiThreadMode = props.multiThreadMode, multiThread = props.multiThread, groupMultipleMatch = props.groupMultipleMatch, groupMatchedComments = props.groupMatchedComments, onCopyLink = props.onCopyLink, deleteReplyConfirmation = props.deleteReplyConfirmation, collapsedComments = props.collapsedComments, shortUserName = props.shortUserName, resolveStatusAccessAdminOnly = props.resolveStatusAccessAdminOnly, svgAsImg = props.svgAsImg, seenByUsers = props.seenByUsers, readOnly = props.readOnly, atHereEnabled = props.atHereEnabled, customAutocompleteSearch = props.customAutocompleteSearch, deleteThreadWithFirstComment = props.deleteThreadWithFirstComment, expandMentionGroups = props.expandMentionGroups, showMentionGroupsFirst = props.showMentionGroupsFirst, showMentionGroupsOnly = props.showMentionGroupsOnly, fullExpanded = props.fullExpanded, commentToNearestAllowedElement = props.commentToNearestAllowedElement, draftMode = props.draftMode, maxReplyAvatars = props.maxReplyAvatars, replyAvatars = props.replyAvatars, linkCallback = props.linkCallback, replyPlaceholder = props.replyPlaceholder, commentPlaceholder = props.commentPlaceholder, allowedFileTypes = props.allowedFileTypes, attachmentNameInMessage = props.attachmentNameInMessage, forceCloseAllOnEsc = props.forceCloseAllOnEsc, screenshot = props.screenshot, paginatedContactList = props.paginatedContactList, autoCompleteScrollConfig = props.autoCompleteScrollConfig, assignToType = props.assignToType, formatOptions = props.formatOptions, attachmentDownload = props.attachmentDownload;
+    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, minimapPosition = props.minimapPosition, persistentCommentMode = props.persistentCommentMode, ghostComments = props.ghostComments, ghostCommentsIndicator = props.ghostCommentsIndicator, commentsOnDom = props.commentsOnDom, resolvedCommentsOnDom = props.resolvedCommentsOnDom, filterCommentsOnDom = props.filterCommentsOnDom, bubbleOnPin = props.bubbleOnPin, bubbleOnPinHover = props.bubbleOnPinHover, commentTool = props.commentTool, sidebarButtonOnCommentDialog = props.sidebarButtonOnCommentDialog, deviceIndicatorOnCommentPins = props.deviceIndicatorOnCommentPins, scrollToComment = props.scrollToComment, userMentions = props.userMentions, deleteOnBackspace = props.deleteOnBackspace, hotkey = props.hotkey, recordingSummary = props.recordingSummary, recordingTranscription = props.recordingTranscription, recordingCountdown = props.recordingCountdown, unreadIndicatorMode = props.unreadIndicatorMode, enterKeyToSubmit = props.enterKeyToSubmit, pinShadowDom = props.pinShadowDom, dialogShadowDom = props.dialogShadowDom, persistentCommentShadowDom = props.persistentCommentShadowDom, shadowDom = props.shadowDom, changeDetectionInCommentMode = props.changeDetectionInCommentMode, areaComment = props.areaComment, pinCursorImage = props.pinCursorImage, 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, customListDataOnAnnotation = props.customListDataOnAnnotation, customListDataOnComment = props.customListDataOnComment, customPriority = props.customPriority, customCategory = props.customCategory, status = props.status, visibilityOptions = props.visibilityOptions, resolveButton = props.resolveButton, darkMode = props.darkMode, onCustomPinInject = props.onCustomPinInject, children = props.children, textCommentToolShadowDom = props.textCommentToolShadowDom, textCommentToolbarShadowDom = props.textCommentToolbarShadowDom, dialogDarkMode = props.dialogDarkMode, pinDarkMode = props.pinDarkMode, textCommentToolDarkMode = props.textCommentToolDarkMode, textCommentToolbarDarkMode = props.textCommentToolbarDarkMode, composerMode = props.composerMode, atHereLabel = props.atHereLabel, atHereDescription = props.atHereDescription, multiThreadMode = props.multiThreadMode, multiThread = props.multiThread, groupMultipleMatch = props.groupMultipleMatch, groupMatchedComments = props.groupMatchedComments, onCopyLink = props.onCopyLink, deleteReplyConfirmation = props.deleteReplyConfirmation, collapsedComments = props.collapsedComments, shortUserName = props.shortUserName, resolveStatusAccessAdminOnly = props.resolveStatusAccessAdminOnly, svgAsImg = props.svgAsImg, seenByUsers = props.seenByUsers, readOnly = props.readOnly, atHereEnabled = props.atHereEnabled, customAutocompleteSearch = props.customAutocompleteSearch, deleteThreadWithFirstComment = props.deleteThreadWithFirstComment, expandMentionGroups = props.expandMentionGroups, showMentionGroupsFirst = props.showMentionGroupsFirst, showMentionGroupsOnly = props.showMentionGroupsOnly, fullExpanded = props.fullExpanded, commentToNearestAllowedElement = props.commentToNearestAllowedElement, draftMode = props.draftMode, maxReplyAvatars = props.maxReplyAvatars, replyAvatars = props.replyAvatars, linkCallback = props.linkCallback, replyPlaceholder = props.replyPlaceholder, commentPlaceholder = props.commentPlaceholder, allowedFileTypes = props.allowedFileTypes, attachmentNameInMessage = props.attachmentNameInMessage, forceCloseAllOnEsc = props.forceCloseAllOnEsc, screenshot = props.screenshot, paginatedContactList = props.paginatedContactList, autoCompleteScrollConfig = props.autoCompleteScrollConfig, assignToType = props.assignToType, formatOptions = props.formatOptions, attachmentDownload = props.attachmentDownload;
     var ref = React.useRef();
     var onSignInRef = React.useRef(onSignIn);
     var onUpgradeRef = React.useRef(onUpgrade);
@@ -670,11 +670,11 @@ var SnippylyComments = function (props) {
             }
         };
     }, []);
-    return (React__default["default"].createElement("velt-comments", { ref: ref, "at-here-label": atHereLabel, "at-here-description": atHereDescription, "at-here-enabled": [true, false].includes(atHereEnabled) ? (atHereEnabled ? 'true' : 'false') : undefined, "composer-mode": composerMode, "seen-by-users": [true, false].includes(seenByUsers) ? (seenByUsers ? 'true' : 'false') : undefined, "collapsed-comments": [true, false].includes(collapsedComments) ? (collapsedComments ? 'true' : 'false') : undefined, "short-user-name": [true, false].includes(shortUserName) ? (shortUserName ? 'true' : 'false') : undefined, "resolve-status-access-admin-only": [true, false].includes(resolveStatusAccessAdminOnly) ? (resolveStatusAccessAdminOnly ? 'true' : 'false') : undefined, "delete-reply-confirmation": [true, false].includes(deleteReplyConfirmation) ? (deleteReplyConfirmation ? 'true' : 'false') : undefined, "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, "minimap-position": minimapPosition, "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, "filter-comments-on-dom": [true, false].includes(filterCommentsOnDom) ? (filterCommentsOnDom ? 'true' : 'false') : undefined, "bubble-on-pin": [true, false].includes(bubbleOnPin) ? (bubbleOnPin ? 'true' : 'false') : undefined, "bubble-on-pin-hover": [true, false].includes(bubbleOnPinHover) ? (bubbleOnPinHover ? '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-transcription": [true, false].includes(recordingTranscription) ? (recordingTranscription ? '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, "persistent-comment-shadow-dom": [true, false].includes(persistentCommentShadowDom) ? (persistentCommentShadowDom ? 'true' : 'false') : undefined, "change-detection-in-comment-mode": [true, false].includes(changeDetectionInCommentMode) ? (changeDetectionInCommentMode ? 'true' : 'false') : undefined, "area-comment": [true, false].includes(areaComment) ? (areaComment ? 'true' : 'false') : undefined, "pin-cursor-image": pinCursorImage, "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-list-data-on-annotation": JSON.stringify(customListDataOnAnnotation), "custom-list-data-on-comment": JSON.stringify(customListDataOnComment), "custom-priority": JSON.stringify(customPriority), "custom-category": JSON.stringify(customCategory), "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, "dialog-dark-mode": [true, false].includes(dialogDarkMode) ? (dialogDarkMode ? 'true' : 'false') : undefined, "pin-dark-mode": [true, false].includes(pinDarkMode) ? (pinDarkMode ? 'true' : 'false') : undefined, "text-comment-tool-dark-mode": [true, false].includes(textCommentToolDarkMode) ? (textCommentToolDarkMode ? 'true' : 'false') : undefined, "text-comment-toolbar-dark-mode": [true, false].includes(textCommentToolbarDarkMode) ? (textCommentToolbarDarkMode ? 'true' : 'false') : undefined, "multi-thread-mode": [true, false].includes(multiThreadMode) ? (multiThreadMode ? 'true' : 'false') : undefined, "multi-thread": [true, false].includes(multiThread) ? (multiThread ? 'true' : 'false') : undefined, "group-multiple-match": [true, false].includes(groupMultipleMatch) ? (groupMultipleMatch ? 'true' : 'false') : undefined, "group-matched-comments": [true, false].includes(groupMatchedComments) ? (groupMatchedComments ? 'true' : 'false') : undefined, "read-only": [true, false].includes(readOnly) ? (readOnly ? 'true' : 'false') : undefined, "custom-autocomplete-search": [true, false].includes(customAutocompleteSearch) ? (customAutocompleteSearch ? 'true' : 'false') : undefined, "delete-thread-with-first-comment": [true, false].includes(deleteThreadWithFirstComment) ? (deleteThreadWithFirstComment ? 'true' : 'false') : undefined, "svg-as-img": [true, false].includes(svgAsImg) ? (svgAsImg ? 'true' : 'false') : undefined, "expand-mention-groups": [true, false].includes(expandMentionGroups) ? (expandMentionGroups ? 'true' : 'false') : undefined, "show-mention-groups-first": [true, false].includes(showMentionGroupsFirst) ? (showMentionGroupsFirst ? 'true' : 'false') : undefined, "show-mention-groups-only": [true, false].includes(showMentionGroupsOnly) ? (showMentionGroupsOnly ? 'true' : 'false') : undefined, "full-expanded": [true, false].includes(fullExpanded) ? (fullExpanded ? 'true' : 'false') : undefined, "comment-to-nearest-allowed-element": [true, false].includes(commentToNearestAllowedElement) ? (commentToNearestAllowedElement ? 'true' : 'false') : undefined, "draft-mode": [true, false].includes(draftMode) ? (draftMode ? 'true' : 'false') : undefined, "max-reply-avatars": maxReplyAvatars, "reply-avatars": [true, false].includes(replyAvatars) ? (replyAvatars ? 'true' : 'false') : undefined, "link-callback": [true, false].includes(linkCallback) ? (linkCallback ? 'true' : 'false') : undefined, "reply-placeholder": replyPlaceholder, "comment-placeholder": commentPlaceholder, "allowed-file-types": JSON.stringify(allowedFileTypes), "attachment-name-in-message": [true, false].includes(attachmentNameInMessage) ? (attachmentNameInMessage ? 'true' : 'false') : undefined, "force-close-all-on-esc": [true, false].includes(forceCloseAllOnEsc) ? (forceCloseAllOnEsc ? 'true' : 'false') : undefined, screenshot: [true, false].includes(screenshot) ? (screenshot ? 'true' : 'false') : undefined, "paginated-contact-list": [true, false].includes(paginatedContactList) ? (paginatedContactList ? 'true' : 'false') : undefined, "auto-complete-scroll-config": autoCompleteScrollConfig ? JSON.stringify(autoCompleteScrollConfig) : undefined, "assign-to-type": assignToType, "format-options": [true, false].includes(formatOptions) ? (formatOptions ? 'true' : 'false') : undefined, "attachment-download": [true, false].includes(attachmentDownload) ? (attachmentDownload ? 'true' : 'false') : undefined }, children));
+    return (React__default["default"].createElement("velt-comments", { ref: ref, "at-here-label": atHereLabel, "at-here-description": atHereDescription, "at-here-enabled": [true, false].includes(atHereEnabled) ? (atHereEnabled ? 'true' : 'false') : undefined, "composer-mode": composerMode, "seen-by-users": [true, false].includes(seenByUsers) ? (seenByUsers ? 'true' : 'false') : undefined, "collapsed-comments": [true, false].includes(collapsedComments) ? (collapsedComments ? 'true' : 'false') : undefined, "short-user-name": [true, false].includes(shortUserName) ? (shortUserName ? 'true' : 'false') : undefined, "resolve-status-access-admin-only": [true, false].includes(resolveStatusAccessAdminOnly) ? (resolveStatusAccessAdminOnly ? 'true' : 'false') : undefined, "delete-reply-confirmation": [true, false].includes(deleteReplyConfirmation) ? (deleteReplyConfirmation ? 'true' : 'false') : undefined, "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, "visibility-options": [true, false].includes(visibilityOptions) ? (visibilityOptions ? '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, "minimap-position": minimapPosition, "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, "filter-comments-on-dom": [true, false].includes(filterCommentsOnDom) ? (filterCommentsOnDom ? 'true' : 'false') : undefined, "bubble-on-pin": [true, false].includes(bubbleOnPin) ? (bubbleOnPin ? 'true' : 'false') : undefined, "bubble-on-pin-hover": [true, false].includes(bubbleOnPinHover) ? (bubbleOnPinHover ? '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-transcription": [true, false].includes(recordingTranscription) ? (recordingTranscription ? '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, "persistent-comment-shadow-dom": [true, false].includes(persistentCommentShadowDom) ? (persistentCommentShadowDom ? 'true' : 'false') : undefined, "change-detection-in-comment-mode": [true, false].includes(changeDetectionInCommentMode) ? (changeDetectionInCommentMode ? 'true' : 'false') : undefined, "area-comment": [true, false].includes(areaComment) ? (areaComment ? 'true' : 'false') : undefined, "pin-cursor-image": pinCursorImage, "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-list-data-on-annotation": JSON.stringify(customListDataOnAnnotation), "custom-list-data-on-comment": JSON.stringify(customListDataOnComment), "custom-priority": JSON.stringify(customPriority), "custom-category": JSON.stringify(customCategory), "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, "dialog-dark-mode": [true, false].includes(dialogDarkMode) ? (dialogDarkMode ? 'true' : 'false') : undefined, "pin-dark-mode": [true, false].includes(pinDarkMode) ? (pinDarkMode ? 'true' : 'false') : undefined, "text-comment-tool-dark-mode": [true, false].includes(textCommentToolDarkMode) ? (textCommentToolDarkMode ? 'true' : 'false') : undefined, "text-comment-toolbar-dark-mode": [true, false].includes(textCommentToolbarDarkMode) ? (textCommentToolbarDarkMode ? 'true' : 'false') : undefined, "multi-thread-mode": [true, false].includes(multiThreadMode) ? (multiThreadMode ? 'true' : 'false') : undefined, "multi-thread": [true, false].includes(multiThread) ? (multiThread ? 'true' : 'false') : undefined, "group-multiple-match": [true, false].includes(groupMultipleMatch) ? (groupMultipleMatch ? 'true' : 'false') : undefined, "group-matched-comments": [true, false].includes(groupMatchedComments) ? (groupMatchedComments ? 'true' : 'false') : undefined, "read-only": [true, false].includes(readOnly) ? (readOnly ? 'true' : 'false') : undefined, "custom-autocomplete-search": [true, false].includes(customAutocompleteSearch) ? (customAutocompleteSearch ? 'true' : 'false') : undefined, "delete-thread-with-first-comment": [true, false].includes(deleteThreadWithFirstComment) ? (deleteThreadWithFirstComment ? 'true' : 'false') : undefined, "svg-as-img": [true, false].includes(svgAsImg) ? (svgAsImg ? 'true' : 'false') : undefined, "expand-mention-groups": [true, false].includes(expandMentionGroups) ? (expandMentionGroups ? 'true' : 'false') : undefined, "show-mention-groups-first": [true, false].includes(showMentionGroupsFirst) ? (showMentionGroupsFirst ? 'true' : 'false') : undefined, "show-mention-groups-only": [true, false].includes(showMentionGroupsOnly) ? (showMentionGroupsOnly ? 'true' : 'false') : undefined, "full-expanded": [true, false].includes(fullExpanded) ? (fullExpanded ? 'true' : 'false') : undefined, "comment-to-nearest-allowed-element": [true, false].includes(commentToNearestAllowedElement) ? (commentToNearestAllowedElement ? 'true' : 'false') : undefined, "draft-mode": [true, false].includes(draftMode) ? (draftMode ? 'true' : 'false') : undefined, "max-reply-avatars": maxReplyAvatars, "reply-avatars": [true, false].includes(replyAvatars) ? (replyAvatars ? 'true' : 'false') : undefined, "link-callback": [true, false].includes(linkCallback) ? (linkCallback ? 'true' : 'false') : undefined, "reply-placeholder": replyPlaceholder, "comment-placeholder": commentPlaceholder, "allowed-file-types": JSON.stringify(allowedFileTypes), "attachment-name-in-message": [true, false].includes(attachmentNameInMessage) ? (attachmentNameInMessage ? 'true' : 'false') : undefined, "force-close-all-on-esc": [true, false].includes(forceCloseAllOnEsc) ? (forceCloseAllOnEsc ? 'true' : 'false') : undefined, screenshot: [true, false].includes(screenshot) ? (screenshot ? 'true' : 'false') : undefined, "paginated-contact-list": [true, false].includes(paginatedContactList) ? (paginatedContactList ? 'true' : 'false') : undefined, "auto-complete-scroll-config": autoCompleteScrollConfig ? JSON.stringify(autoCompleteScrollConfig) : undefined, "assign-to-type": assignToType, "format-options": [true, false].includes(formatOptions) ? (formatOptions ? 'true' : 'false') : undefined, "attachment-download": [true, false].includes(attachmentDownload) ? (attachmentDownload ? 'true' : 'false') : undefined }, children));
 };
 
 var SnippylyCommentsSidebar = function (props) {
-    var embedMode = props.embedMode, floatingMode = props.floatingMode, enableUrlNavigation = props.enableUrlNavigation, urlNavigation = props.urlNavigation, queryParamsComments = props.queryParamsComments, pageMode = props.pageMode, currentLocationSuffix = props.currentLocationSuffix, sortData = props.sortData, filterConfig = props.filterConfig, groupConfig = props.groupConfig, filters = props.filters, excludeLocationIds = props.excludeLocationIds, variant = props.variant, pageModeComposerVariant = props.pageModeComposerVariant, dialogVariant = props.dialogVariant, shadowDom = props.shadowDom, searchPlaceholder = props.searchPlaceholder, openSidebar = props.openSidebar, onSidebarOpen = props.onSidebarOpen, onSidebarCommentClick = props.onSidebarCommentClick, onCommentClick = props.onCommentClick, onSidebarClose = props.onSidebarClose, darkMode = props.darkMode, position = props.position, filterPanelLayout = props.filterPanelLayout, customActions = props.customActions, focusedThreadDialogVariant = props.focusedThreadDialogVariant, focusedThreadMode = props.focusedThreadMode, openAnnotationInFocusMode = props.openAnnotationInFocusMode, onCommentNavigationButtonClick = props.onCommentNavigationButtonClick, filterOptionLayout = props.filterOptionLayout, filterCount = props.filterCount, fullExpanded = props.fullExpanded, systemFiltersOperator = props.systemFiltersOperator, sidebarButtonCountType = props.sidebarButtonCountType, filterGhostCommentsInSidebar = props.filterGhostCommentsInSidebar, fullScreen = props.fullScreen, readOnly = props.readOnly, dialogSelection = props.dialogSelection, expandOnSelection = props.expandOnSelection, context = props.context, defaultMinimalFilter = props.defaultMinimalFilter, sortOrder = props.sortOrder, sortBy = props.sortBy, forceClose = props.forceClose, commentPlaceholder = props.commentPlaceholder, replyPlaceholder = props.replyPlaceholder, pageModePlaceholder = props.pageModePlaceholder;
+    var embedMode = props.embedMode, floatingMode = props.floatingMode, enableUrlNavigation = props.enableUrlNavigation, urlNavigation = props.urlNavigation, queryParamsComments = props.queryParamsComments, pageMode = props.pageMode, currentLocationSuffix = props.currentLocationSuffix, sortData = props.sortData, filterConfig = props.filterConfig, groupConfig = props.groupConfig, filters = props.filters, excludeLocationIds = props.excludeLocationIds, variant = props.variant, pageModeComposerVariant = props.pageModeComposerVariant, dialogVariant = props.dialogVariant, shadowDom = props.shadowDom, searchPlaceholder = props.searchPlaceholder, openSidebar = props.openSidebar, onSidebarOpen = props.onSidebarOpen, onSidebarCommentClick = props.onSidebarCommentClick, onCommentClick = props.onCommentClick, onSidebarClose = props.onSidebarClose, darkMode = props.darkMode, position = props.position, filterPanelLayout = props.filterPanelLayout, customActions = props.customActions, focusedThreadDialogVariant = props.focusedThreadDialogVariant, focusedThreadMode = props.focusedThreadMode, openAnnotationInFocusMode = props.openAnnotationInFocusMode, onCommentNavigationButtonClick = props.onCommentNavigationButtonClick, filterOptionLayout = props.filterOptionLayout, filterCount = props.filterCount, fullExpanded = props.fullExpanded, systemFiltersOperator = props.systemFiltersOperator, sidebarButtonCountType = props.sidebarButtonCountType, filterGhostCommentsInSidebar = props.filterGhostCommentsInSidebar, fullScreen = props.fullScreen, readOnly = props.readOnly, dialogSelection = props.dialogSelection, expandOnSelection = props.expandOnSelection, context = props.context, defaultMinimalFilter = props.defaultMinimalFilter, sortOrder = props.sortOrder, sortBy = props.sortBy, forceClose = props.forceClose, commentPlaceholder = props.commentPlaceholder, replyPlaceholder = props.replyPlaceholder, pageModePlaceholder = props.pageModePlaceholder, version = props.version;
     var ref = React.useRef();
     var openSidebarRef = React.useRef(openSidebar);
     var onSidebarOpenRef = React.useRef(onSidebarOpen);
@@ -747,7 +747,7 @@ var SnippylyCommentsSidebar = function (props) {
             }
         };
     }, []);
-    return (React__default["default"].createElement("velt-comments-sidebar", { ref: ref, position: position, "filter-panel-layout": filterPanelLayout, "focused-thread-mode": [true, false].includes(focusedThreadMode) ? (focusedThreadMode ? 'true' : 'false') : undefined, "open-annotation-in-focus-mode": [true, false].includes(openAnnotationInFocusMode) ? (openAnnotationInFocusMode ? 'true' : 'false') : undefined, "focused-thread-dialog-variant": focusedThreadDialogVariant, "custom-actions": [true, false].includes(customActions) ? (customActions ? 'true' : 'false') : undefined, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "embed-mode": [true, false].includes(embedMode) ? (embedMode ? 'true' : 'false') : undefined, "enable-url-navigation": [true, false].includes(enableUrlNavigation) ? (enableUrlNavigation ? 'true' : 'false') : undefined, "url-navigation": [true, false].includes(urlNavigation) ? (urlNavigation ? 'true' : 'false') : undefined, "query-params-comments": [true, false].includes(queryParamsComments) ? (queryParamsComments ? 'true' : 'false') : undefined, "page-mode": [true, false].includes(pageMode) ? (pageMode ? 'true' : 'false') : undefined, "current-location-suffix": [true, false].includes(currentLocationSuffix) ? (currentLocationSuffix ? 'true' : 'false') : undefined, "filter-config": filterConfig ? JSON.stringify(filterConfig) : undefined, "group-config": groupConfig ? JSON.stringify(groupConfig) : undefined, filters: filters ? JSON.stringify(filters) : undefined, "exclude-location-ids": excludeLocationIds ? JSON.stringify(excludeLocationIds) : undefined, variant: variant, "page-mode-composer-variant": pageModeComposerVariant, "dialog-variant": dialogVariant, "sort-data": sortData, "search-placeholder": searchPlaceholder, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, "floating-mode": [true, false].includes(floatingMode) ? (floatingMode ? 'true' : 'false') : undefined, "filter-option-layout": filterOptionLayout, "filter-count": [true, false].includes(filterCount) ? (filterCount ? 'true' : 'false') : undefined, "full-expanded": [true, false].includes(fullExpanded) ? (fullExpanded ? 'true' : 'false') : undefined, "system-filters-operator": systemFiltersOperator, "sidebar-button-count-type": sidebarButtonCountType, "filter-ghost-comments-in-sidebar": [true, false].includes(filterGhostCommentsInSidebar) ? (filterGhostCommentsInSidebar ? 'true' : 'false') : undefined, "full-screen": [true, false].includes(fullScreen) ? (fullScreen ? 'true' : 'false') : undefined, "read-only": [true, false].includes(readOnly) ? (readOnly ? 'true' : 'false') : undefined, "dialog-selection": [true, false].includes(dialogSelection) ? (dialogSelection ? 'true' : 'false') : undefined, "expand-on-selection": [true, false].includes(expandOnSelection) ? (expandOnSelection ? 'true' : 'false') : undefined, context: context ? JSON.stringify(context) : undefined, "default-minimal-filter": defaultMinimalFilter, "sort-order": sortOrder, "sort-by": sortBy, "force-close": [true, false].includes(forceClose) ? (forceClose ? 'true' : 'false') : undefined, "comment-placeholder": commentPlaceholder, "reply-placeholder": replyPlaceholder, "page-mode-placeholder": pageModePlaceholder }));
+    return (React__default["default"].createElement("velt-comments-sidebar", { ref: ref, position: position, "filter-panel-layout": filterPanelLayout, "focused-thread-mode": [true, false].includes(focusedThreadMode) ? (focusedThreadMode ? 'true' : 'false') : undefined, "open-annotation-in-focus-mode": [true, false].includes(openAnnotationInFocusMode) ? (openAnnotationInFocusMode ? 'true' : 'false') : undefined, "focused-thread-dialog-variant": focusedThreadDialogVariant, "custom-actions": [true, false].includes(customActions) ? (customActions ? 'true' : 'false') : undefined, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "embed-mode": [true, false].includes(embedMode) ? (embedMode ? 'true' : 'false') : undefined, "enable-url-navigation": [true, false].includes(enableUrlNavigation) ? (enableUrlNavigation ? 'true' : 'false') : undefined, "url-navigation": [true, false].includes(urlNavigation) ? (urlNavigation ? 'true' : 'false') : undefined, "query-params-comments": [true, false].includes(queryParamsComments) ? (queryParamsComments ? 'true' : 'false') : undefined, "page-mode": [true, false].includes(pageMode) ? (pageMode ? 'true' : 'false') : undefined, "current-location-suffix": [true, false].includes(currentLocationSuffix) ? (currentLocationSuffix ? 'true' : 'false') : undefined, "filter-config": filterConfig ? JSON.stringify(filterConfig) : undefined, "group-config": groupConfig ? JSON.stringify(groupConfig) : undefined, filters: filters ? JSON.stringify(filters) : undefined, "exclude-location-ids": excludeLocationIds ? JSON.stringify(excludeLocationIds) : undefined, variant: variant, "page-mode-composer-variant": pageModeComposerVariant, "dialog-variant": dialogVariant, "sort-data": sortData, "search-placeholder": searchPlaceholder, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, "floating-mode": [true, false].includes(floatingMode) ? (floatingMode ? 'true' : 'false') : undefined, "filter-option-layout": filterOptionLayout, "filter-count": [true, false].includes(filterCount) ? (filterCount ? 'true' : 'false') : undefined, "full-expanded": [true, false].includes(fullExpanded) ? (fullExpanded ? 'true' : 'false') : undefined, "system-filters-operator": systemFiltersOperator, "sidebar-button-count-type": sidebarButtonCountType, "filter-ghost-comments-in-sidebar": [true, false].includes(filterGhostCommentsInSidebar) ? (filterGhostCommentsInSidebar ? 'true' : 'false') : undefined, "full-screen": [true, false].includes(fullScreen) ? (fullScreen ? 'true' : 'false') : undefined, "read-only": [true, false].includes(readOnly) ? (readOnly ? 'true' : 'false') : undefined, "dialog-selection": [true, false].includes(dialogSelection) ? (dialogSelection ? 'true' : 'false') : undefined, "expand-on-selection": [true, false].includes(expandOnSelection) ? (expandOnSelection ? 'true' : 'false') : undefined, context: context ? JSON.stringify(context) : undefined, "default-minimal-filter": defaultMinimalFilter, "sort-order": sortOrder, "sort-by": sortBy, "force-close": [true, false].includes(forceClose) ? (forceClose ? 'true' : 'false') : undefined, "comment-placeholder": commentPlaceholder, "reply-placeholder": replyPlaceholder, "page-mode-placeholder": pageModePlaceholder, version: version }));
 };
 
 var SnippylyCommentTool = function (props) {
@@ -1704,6 +1704,84 @@ var VeltAutocomplete = function (props) {
     return (React__default["default"].createElement("velt-autocomplete", { hotkey: hotkey, "list-data": (typeof listData === 'object') ? JSON.stringify(listData) : undefined }));
 };
 
+var VeltAutocompleteOption = function (props) {
+    var userObject = props.userObject, userId = props.userId, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-autocomplete-option", { ref: ref, "user-object": userObject ? (typeof userObject === 'object' ? JSON.stringify(userObject) : userObject) : undefined, "user-id": userId }, children));
+};
+
+var VeltAutocompleteOptionIcon = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-autocomplete-option-icon", { ref: ref }, children));
+};
+
+var VeltAutocompleteOptionName = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-autocomplete-option-name", { ref: ref }, children));
+};
+
+var VeltAutocompleteOptionDescription = function (props) {
+    var field = props.field, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-autocomplete-option-description", { ref: ref, field: field }, children));
+};
+
+var VeltAutocompleteOptionErrorIcon = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-autocomplete-option-error-icon", { ref: ref }, children));
+};
+
+var VeltAutocompleteGroupOption = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-autocomplete-group-option", { ref: ref }, children));
+};
+
+var VeltAutocompleteTool = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-autocomplete-tool", { ref: ref }, children));
+};
+
+var VeltAutocompleteEmpty = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-autocomplete-empty", { ref: ref }, children));
+};
+
+var VeltAutocompleteChip = function (props) {
+    var type = props.type, email = props.email, userObject = props.userObject, userId = props.userId, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-autocomplete-chip", { ref: ref, type: type, email: email, "user-object": userObject ? (typeof userObject === 'object' ? JSON.stringify(userObject) : userObject) : undefined, "user-id": userId }, children));
+};
+
+var VeltAutocompleteChipTooltip = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-autocomplete-chip-tooltip", { ref: ref }, children));
+};
+
+var VeltAutocompleteChipTooltipIcon = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-autocomplete-chip-tooltip-icon", { ref: ref }, children));
+};
+
+var VeltAutocompleteChipTooltipName = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-autocomplete-chip-tooltip-name", { ref: ref }, children));
+};
+
+var VeltAutocompleteChipTooltipDescription = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-autocomplete-chip-tooltip-description", { ref: ref }, children));
+};
+
 var VeltInlineCommentsSection = function (props) {
     var config = props.config, children = props.children, darkMode = props.darkMode, variant = props.variant, shadowDom = props.shadowDom, dialogVariant = props.dialogVariant, targetInlineCommentElementId = props.targetInlineCommentElementId, targetCommentElementId = props.targetCommentElementId, targetElementId = props.targetElementId, multiThread = props.multiThread, sortData = props.sortData, composerVariant = props.composerVariant, composerPosition = props.composerPosition, sortBy = props.sortBy, sortOrder = props.sortOrder, fullExpanded = props.fullExpanded, context = props.context, contextOptions = props.contextOptions, documentId = props.documentId, folderId = props.folderId, locationId = props.locationId, commentPlaceholder = props.commentPlaceholder, replyPlaceholder = props.replyPlaceholder, composerPlaceholder = props.composerPlaceholder, readOnly = props.readOnly;
     return (React__default["default"].createElement("velt-inline-comments-section", { "target-inline-comment-element-id": targetInlineCommentElementId, "target-comment-element-id": targetCommentElementId, "target-element-id": targetElementId, config: JSON.stringify(config), variant: variant, "dialog-variant": dialogVariant, "sort-data": sortData, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, "multi-thread": [true, false].includes(multiThread) ? (multiThread ? 'true' : 'false') : undefined, "composer-variant": composerVariant, "composer-position": composerPosition, "sort-by": sortBy, "sort-order": sortOrder, "full-expanded": [true, false].includes(fullExpanded) ? (fullExpanded ? 'true' : 'false') : undefined, context: JSON.stringify(context), "context-options": JSON.stringify(contextOptions), "location-id": locationId, "document-id": documentId, "folder-id": folderId, "comment-placeholder": commentPlaceholder, "reply-placeholder": replyPlaceholder, "composer-placeholder": composerPlaceholder, "read-only": [true, false].includes(readOnly) ? (readOnly ? 'true' : 'false') : undefined }, children));
@@ -1797,6 +1875,202 @@ var VeltVideoEditor = function (props) {
     return (React__default["default"].createElement("velt-video-editor", __assign({ ref: ref, variant: variant, "dark-mode": darkMode ? 'true' : undefined, url: url, "annotation-id": annotationId, "recorder-id": recorderId }, rest)));
 };
 
+var VeltCommentsSidebarV2 = function (props) {
+    var pageMode = props.pageMode, focusedThreadMode = props.focusedThreadMode, readOnly = props.readOnly, embedMode = props.embedMode, floatingMode = props.floatingMode, position = props.position, variant = props.variant, forceClose = props.forceClose, version = props.version, onSidebarOpen = props.onSidebarOpen, onSidebarClose = props.onSidebarClose, onCommentClick = props.onCommentClick, onCommentNavigationButtonClick = props.onCommentNavigationButtonClick, children = props.children;
+    var ref = React.useRef(null);
+    var onSidebarOpenRef = React.useRef(onSidebarOpen);
+    var onSidebarCloseRef = React.useRef(onSidebarClose);
+    var onCommentClickRef = React.useRef(onCommentClick);
+    var onCommentNavigationButtonClickRef = React.useRef(onCommentNavigationButtonClick);
+    React.useEffect(function () { onSidebarOpenRef.current = onSidebarOpen; }, [onSidebarOpen]);
+    React.useEffect(function () { onSidebarCloseRef.current = onSidebarClose; }, [onSidebarClose]);
+    React.useEffect(function () { onCommentClickRef.current = onCommentClick; }, [onCommentClick]);
+    React.useEffect(function () { onCommentNavigationButtonClickRef.current = onCommentNavigationButtonClick; }, [onCommentNavigationButtonClick]);
+    React.useEffect(function () {
+        var element;
+        var handleSidebarOpen = function (event) { if (onSidebarOpenRef.current)
+            onSidebarOpenRef.current(event === null || event === void 0 ? void 0 : event.detail); };
+        var handleSidebarClose = function (event) { if (onSidebarCloseRef.current)
+            onSidebarCloseRef.current(event === null || event === void 0 ? void 0 : event.detail); };
+        var handleCommentClick = function (event) { if (onCommentClickRef.current)
+            onCommentClickRef.current(event === null || event === void 0 ? void 0 : event.detail); };
+        var handleCommentNavigationButtonClick = function (event) { if (onCommentNavigationButtonClickRef.current)
+            onCommentNavigationButtonClickRef.current(event === null || event === void 0 ? void 0 : event.detail); };
+        if (ref.current) {
+            element = ref.current;
+            element.addEventListener('onSidebarOpen', handleSidebarOpen);
+            element.addEventListener('onSidebarClose', handleSidebarClose);
+            element.addEventListener('onSidebarCommentClick', handleCommentClick);
+            element.addEventListener('onCommentNavigationButtonClick', handleCommentNavigationButtonClick);
+        }
+        return function () {
+            if (element) {
+                element.removeEventListener('onSidebarOpen', handleSidebarOpen);
+                element.removeEventListener('onSidebarClose', handleSidebarClose);
+                element.removeEventListener('onSidebarCommentClick', handleCommentClick);
+                element.removeEventListener('onCommentNavigationButtonClick', handleCommentNavigationButtonClick);
+            }
+        };
+    }, []);
+    return (React__default["default"].createElement("velt-comments-sidebar-v2", { ref: ref, "page-mode": [true, false].includes(pageMode) ? (pageMode ? 'true' : 'false') : undefined, "focused-thread-mode": [true, false].includes(focusedThreadMode) ? (focusedThreadMode ? 'true' : 'false') : undefined, "read-only": [true, false].includes(readOnly) ? (readOnly ? 'true' : 'false') : undefined, "embed-mode": embedMode, "floating-mode": [true, false].includes(floatingMode) ? (floatingMode ? 'true' : 'false') : undefined, position: position, variant: variant, "force-close": [true, false].includes(forceClose) ? (forceClose ? 'true' : 'false') : undefined, version: version }, children));
+};
+
+var VeltCommentsSidebarV2Skeleton$1 = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-skeleton-v2", { ref: ref }, children));
+};
+
+var VeltCommentsSidebarV2Panel$1 = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-panel-v2", { ref: ref }, children));
+};
+
+var VeltCommentsSidebarV2Header$1 = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-header-v2", { ref: ref }, children));
+};
+
+var VeltCommentsSidebarV2CloseButton$1 = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-close-button-v2", { ref: ref }, children));
+};
+
+var VeltCommentsSidebarV2EmptyPlaceholder$1 = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-empty-placeholder-v2", { ref: ref }, children));
+};
+
+var VeltCommentsSidebarV2ResetFilterButton$1 = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-reset-filter-button-v2", { ref: ref }, children));
+};
+
+var VeltCommentsSidebarV2List$1 = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-list-v2", { ref: ref }, children));
+};
+
+var VeltCommentsSidebarV2ListItem$1 = function (props) {
+    var annotation = props.annotation, scrollIdle = props.scrollIdle, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-list-item-v2", { ref: ref, annotation: annotation ? (typeof annotation === 'object' ? JSON.stringify(annotation) : annotation) : undefined, "scroll-idle": [true, false].includes(scrollIdle) ? (scrollIdle ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentsSidebarV2PageModeComposer$1 = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-page-mode-composer-v2", { ref: ref }, children));
+};
+
+var VeltCommentsSidebarV2FocusedThread$1 = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-focused-thread-v2", { ref: ref }, children));
+};
+
+var VeltCommentsSidebarV2FocusedThreadBackButton$1 = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-focused-thread-back-button-v2", { ref: ref }, children));
+};
+
+var VeltCommentsSidebarV2FocusedThreadDialogContainer$1 = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-focused-thread-dialog-container-v2", { ref: ref }, children));
+};
+
+var VeltCommentsSidebarV2MinimalActionsDropdown$1 = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-minimal-actions-dropdown-v2", { ref: ref }, children));
+};
+
+var VeltCommentsSidebarV2MinimalActionsDropdownTrigger$1 = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-minimal-actions-dropdown-trigger-v2", { ref: ref }, children));
+};
+
+var VeltCommentsSidebarV2MinimalActionsDropdownContent$1 = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-minimal-actions-dropdown-content-v2", { ref: ref }, children));
+};
+
+var VeltCommentsSidebarV2MinimalActionsDropdownContentMarkAllRead$1 = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-minimal-actions-dropdown-content-mark-all-read-v2", { ref: ref }, children));
+};
+
+var VeltCommentsSidebarV2MinimalActionsDropdownContentMarkAllResolved$1 = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-minimal-actions-dropdown-content-mark-all-resolved-v2", { ref: ref }, children));
+};
+
+var VeltCommentsSidebarV2FilterDropdown$1 = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-dropdown-v2", { ref: ref }, children));
+};
+
+var VeltCommentsSidebarV2FilterDropdownTrigger$1 = function (props) {
+    var isActive = props.isActive, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-dropdown-trigger-v2", { ref: ref, "is-active": [true, false].includes(isActive) ? (isActive ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentsSidebarV2FilterDropdownContent$1 = function (props) {
+    var groups = props.groups, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-dropdown-content-v2", { ref: ref, groups: groups ? (typeof groups === 'object' ? JSON.stringify(groups) : groups) : undefined }, children));
+};
+
+var VeltCommentsSidebarV2FilterDropdownContentList$1 = function (props) {
+    var groups = props.groups, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-dropdown-content-list-v2", { ref: ref, groups: groups ? (typeof groups === 'object' ? JSON.stringify(groups) : groups) : undefined }, children));
+};
+
+var VeltCommentsSidebarV2FilterDropdownContentListItem$1 = function (props) {
+    var item = props.item, group = props.group, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-dropdown-content-list-item-v2", { ref: ref, item: item ? (typeof item === 'object' ? JSON.stringify(item) : item) : undefined, group: group ? (typeof group === 'object' ? JSON.stringify(group) : group) : undefined }, children));
+};
+
+var VeltCommentsSidebarV2FilterDropdownContentListItemIndicator$1 = function (props) {
+    var mode = props.mode, selected = props.selected, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-dropdown-content-list-item-indicator-v2", { ref: ref, mode: mode, selected: [true, false].includes(selected) ? (selected ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentsSidebarV2FilterDropdownContentListItemLabel$1 = function (props) {
+    var label = props.label, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-dropdown-content-list-item-label-v2", { ref: ref, label: label }, children));
+};
+
+var VeltCommentsSidebarV2FilterDropdownContentListCategory$1 = function (props) {
+    var group = props.group, itemTemplate = props.itemTemplate, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-dropdown-content-list-category-v2", { ref: ref, group: group ? (typeof group === 'object' ? JSON.stringify(group) : group) : undefined, "item-template": itemTemplate ? (typeof itemTemplate === 'object' ? JSON.stringify(itemTemplate) : itemTemplate) : undefined }, children));
+};
+
+var VeltCommentsSidebarV2FilterDropdownContentListCategoryContent$1 = function (props) {
+    var group = props.group, itemTemplate = props.itemTemplate, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-dropdown-content-list-category-content-v2", { ref: ref, group: group ? (typeof group === 'object' ? JSON.stringify(group) : group) : undefined, "item-template": itemTemplate ? (typeof itemTemplate === 'object' ? JSON.stringify(itemTemplate) : itemTemplate) : undefined }, children));
+};
+
 var VeltCommentDialog = function (props) {
     var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentPinSelected = props.commentPinSelected, fullExpanded = props.fullExpanded, shadowDom = props.shadowDom, placeholder = props.placeholder, children = props.children;
     var ref = React.useRef(null);
@@ -2213,6 +2487,96 @@ var VeltCommentDialogOptionsDropdownContentMarkAsReadMarkUnread = function (prop
     return (React__default["default"].createElement("velt-comment-dialog-options-dropdown-content-mark-as-read-mark-unread", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
 };
 
+var VeltCommentDialogVisibilityBanner$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-dialog-visibility-banner", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogVisibilityBannerIcon$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-dialog-visibility-banner-icon", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogVisibilityBannerText$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-dialog-visibility-banner-text", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogVisibilityBannerDropdown$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-dialog-visibility-banner-dropdown", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogVisibilityBannerDropdownTrigger$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-dialog-visibility-banner-dropdown-trigger", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogVisibilityBannerDropdownTriggerLabel$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-dialog-visibility-banner-dropdown-trigger-label", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogVisibilityBannerDropdownTriggerAvatarList$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-dialog-visibility-banner-dropdown-trigger-avatar-list", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogVisibilityBannerDropdownTriggerAvatarListItem$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-dialog-visibility-banner-dropdown-trigger-avatar-list-item", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogVisibilityBannerDropdownTriggerAvatarListRemainingCount$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-dialog-visibility-banner-dropdown-trigger-avatar-list-remaining-count", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogVisibilityBannerDropdownTriggerIcon$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-dialog-visibility-banner-dropdown-trigger-icon", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogVisibilityBannerDropdownContent$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-dialog-visibility-banner-dropdown-content", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogVisibilityBannerDropdownContentItem$1 = function (props) {
+    var type = props.type, annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-dialog-visibility-banner-dropdown-content-item", { ref: ref, type: type, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogVisibilityBannerDropdownContentItemIcon$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-dialog-visibility-banner-dropdown-content-item-icon", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogVisibilityBannerDropdownContentItemLabel$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-dialog-visibility-banner-dropdown-content-item-label", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogVisibilityBannerDropdownContentUserPicker$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-dialog-visibility-banner-dropdown-content-user-picker", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
 var VeltCommentDialogAssignDropdown = function (props) {
     var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, assignTo = props.assignTo, selectedUserContacts = props.selectedUserContacts, onSetAssignTo = props.onSetAssignTo, children = props.children;
     var ref = React.useRef(null);
@@ -2288,6 +2652,48 @@ var VeltCommentDialogStatus$1 = function (props) {
     return (React__default["default"].createElement("velt-comment-dialog-status", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, variant: variant }, children));
 };
 
+var VeltCommentDialogVisibilityDropdown$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, disabled = props.disabled, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-dialog-visibility-dropdown", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, disabled: [true, false].includes(disabled) ? (disabled ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogVisibilityDropdownTrigger = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-dialog-visibility-dropdown-trigger", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogVisibilityDropdownTriggerLabel = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-dialog-visibility-dropdown-trigger-label", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogVisibilityDropdownTriggerIcon = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-dialog-visibility-dropdown-trigger-icon", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogVisibilityDropdownContent = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-dialog-visibility-dropdown-content", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogVisibilityDropdownContentPublic = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-dialog-visibility-dropdown-content-public", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogVisibilityDropdownContentPrivate = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-dialog-visibility-dropdown-content-private", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
 var VeltCommentDialogDeleteButton$1 = function (props) {
     var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
     var ref = React.useRef(null);
@@ -2861,6 +3267,110 @@ VeltCommentDialogAssigneeBanner.UserAvatar = VeltCommentDialogAssigneeBannerUser
 VeltCommentDialogAssigneeBanner.UserName = VeltCommentDialogAssigneeBannerUserName;
 VeltCommentDialogAssigneeBanner.UnresolveButton = VeltCommentDialogAssigneeBannerUnresolveButton;
 
+var VeltCommentDialogVisibilityBannerIcon = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comment-dialog-visibility-banner-icon-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCommentDialogVisibilityBannerText = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comment-dialog-visibility-banner-text-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCommentDialogVisibilityBannerDropdownTriggerLabel = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comment-dialog-visibility-banner-dropdown-trigger-label-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCommentDialogVisibilityBannerDropdownTriggerAvatarListItem = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comment-dialog-visibility-banner-dropdown-trigger-avatar-list-item-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCommentDialogVisibilityBannerDropdownTriggerAvatarListRemainingCount = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comment-dialog-visibility-banner-dropdown-trigger-avatar-list-remaining-count-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCommentDialogVisibilityBannerDropdownTriggerAvatarList = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comment-dialog-visibility-banner-dropdown-trigger-avatar-list-wireframe", __assign({}, transformedProps), children));
+};
+VeltCommentDialogVisibilityBannerDropdownTriggerAvatarList.Item = VeltCommentDialogVisibilityBannerDropdownTriggerAvatarListItem;
+VeltCommentDialogVisibilityBannerDropdownTriggerAvatarList.RemainingCount = VeltCommentDialogVisibilityBannerDropdownTriggerAvatarListRemainingCount;
+
+var VeltCommentDialogVisibilityBannerDropdownTriggerIcon = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comment-dialog-visibility-banner-dropdown-trigger-icon-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCommentDialogVisibilityBannerDropdownTrigger = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comment-dialog-visibility-banner-dropdown-trigger-wireframe", __assign({}, transformedProps), children));
+};
+VeltCommentDialogVisibilityBannerDropdownTrigger.Label = VeltCommentDialogVisibilityBannerDropdownTriggerLabel;
+VeltCommentDialogVisibilityBannerDropdownTrigger.AvatarList = VeltCommentDialogVisibilityBannerDropdownTriggerAvatarList;
+VeltCommentDialogVisibilityBannerDropdownTrigger.Icon = VeltCommentDialogVisibilityBannerDropdownTriggerIcon;
+
+var VeltCommentDialogVisibilityBannerDropdownContentItemIcon = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comment-dialog-visibility-banner-dropdown-content-item-icon-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCommentDialogVisibilityBannerDropdownContentItemLabel = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comment-dialog-visibility-banner-dropdown-content-item-label-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCommentDialogVisibilityBannerDropdownContentItem = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comment-dialog-visibility-banner-dropdown-content-item-wireframe", __assign({}, transformedProps), children));
+};
+VeltCommentDialogVisibilityBannerDropdownContentItem.Icon = VeltCommentDialogVisibilityBannerDropdownContentItemIcon;
+VeltCommentDialogVisibilityBannerDropdownContentItem.Label = VeltCommentDialogVisibilityBannerDropdownContentItemLabel;
+
+var VeltCommentDialogVisibilityBannerDropdownContentUserPicker = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comment-dialog-visibility-banner-dropdown-content-user-picker-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCommentDialogVisibilityBannerDropdownContent = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comment-dialog-visibility-banner-dropdown-content-wireframe", __assign({}, transformedProps), children));
+};
+VeltCommentDialogVisibilityBannerDropdownContent.Item = VeltCommentDialogVisibilityBannerDropdownContentItem;
+VeltCommentDialogVisibilityBannerDropdownContent.UserPicker = VeltCommentDialogVisibilityBannerDropdownContentUserPicker;
+
+var VeltCommentDialogVisibilityBannerDropdown = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comment-dialog-visibility-banner-dropdown-wireframe", __assign({}, transformedProps), children));
+};
+VeltCommentDialogVisibilityBannerDropdown.Trigger = VeltCommentDialogVisibilityBannerDropdownTrigger;
+VeltCommentDialogVisibilityBannerDropdown.Content = VeltCommentDialogVisibilityBannerDropdownContent;
+
+var VeltCommentDialogVisibilityBanner = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comment-dialog-visibility-banner-wireframe", __assign({}, transformedProps), children));
+};
+VeltCommentDialogVisibilityBanner.Icon = VeltCommentDialogVisibilityBannerIcon;
+VeltCommentDialogVisibilityBanner.Text = VeltCommentDialogVisibilityBannerText;
+VeltCommentDialogVisibilityBanner.Dropdown = VeltCommentDialogVisibilityBannerDropdown;
+
 var VeltCommentDialogBody = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
@@ -3797,6 +4307,54 @@ var VeltCommentDialogHideReply = function (props) {
     return (React__default["default"].createElement("velt-comment-dialog-hide-reply-wireframe", __assign({}, transformedProps), children));
 };
 
+var VeltCommentDialogVisibilityDropdownContentPublicWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comment-dialog-visibility-dropdown-content-public-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCommentDialogVisibilityDropdownContentPrivateWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comment-dialog-visibility-dropdown-content-private-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCommentDialogVisibilityDropdownContentWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comment-dialog-visibility-dropdown-content-wireframe", __assign({}, transformedProps), children));
+};
+VeltCommentDialogVisibilityDropdownContentWireframe.Public = VeltCommentDialogVisibilityDropdownContentPublicWireframe;
+VeltCommentDialogVisibilityDropdownContentWireframe.Private = VeltCommentDialogVisibilityDropdownContentPrivateWireframe;
+
+var VeltCommentDialogVisibilityDropdownTriggerLabelWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comment-dialog-visibility-dropdown-trigger-label-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCommentDialogVisibilityDropdownTriggerIconWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comment-dialog-visibility-dropdown-trigger-icon-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCommentDialogVisibilityDropdownTriggerWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comment-dialog-visibility-dropdown-trigger-wireframe", __assign({}, transformedProps), children));
+};
+VeltCommentDialogVisibilityDropdownTriggerWireframe.Label = VeltCommentDialogVisibilityDropdownTriggerLabelWireframe;
+VeltCommentDialogVisibilityDropdownTriggerWireframe.Icon = VeltCommentDialogVisibilityDropdownTriggerIconWireframe;
+
+var VeltCommentDialogVisibilityDropdown = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comment-dialog-visibility-dropdown-wireframe", __assign({}, transformedProps), children));
+};
+VeltCommentDialogVisibilityDropdown.Content = VeltCommentDialogVisibilityDropdownContentWireframe;
+VeltCommentDialogVisibilityDropdown.Trigger = VeltCommentDialogVisibilityDropdownTriggerWireframe;
+
 var VeltCommentDialogWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
@@ -3805,6 +4363,7 @@ var VeltCommentDialogWireframe = function (props) {
 VeltCommentDialogWireframe.AllComment = VeltCommentDialogAllComment;
 VeltCommentDialogWireframe.Approve = VeltCommentDialogApprove;
 VeltCommentDialogWireframe.AssigneeBanner = VeltCommentDialogAssigneeBanner;
+VeltCommentDialogWireframe.VisibilityBanner = VeltCommentDialogVisibilityBanner;
 VeltCommentDialogWireframe.AssignMenu = VeltCommentDialogAssignMenu;
 VeltCommentDialogWireframe.Body = VeltCommentDialogBody;
 VeltCommentDialogWireframe.CommentCategory = VeltCommentDialogCommentCategory;
@@ -3834,6 +4393,7 @@ VeltCommentDialogWireframe.CloseButton = VeltCommentDialogCloseButton;
 VeltCommentDialogWireframe.NavigationButton = VeltCommentDialogNavigationButton;
 VeltCommentDialogWireframe.ReplyAvatars = VeltCommentDialogReplyAvatars;
 VeltCommentDialogWireframe.HideReply = VeltCommentDialogHideReply;
+VeltCommentDialogWireframe.VisibilityDropdown = VeltCommentDialogVisibilityDropdown;
 
 var VeltCommentsSidebarCloseButton = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
@@ -4468,73 +5028,261 @@ VeltCommentsSidebarStatusDropdownTriggerWireframe.Indicator = VeltCommentsSideba
 var VeltCommentsSidebarStatus = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React__default["default"].createElement("velt-comments-sidebar-status-wireframe", __assign({}, transformedProps), children));
+    return (React__default["default"].createElement("velt-comments-sidebar-status-wireframe", __assign({}, transformedProps), children));
+};
+VeltCommentsSidebarStatus.Trigger = VeltCommentsSidebarStatusDropdownTriggerWireframe;
+VeltCommentsSidebarStatus.Content = VeltCommentsSidebarStatusDropdownContentWireframe;
+
+var VeltCommentsSidebarResetFilterButtonWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-reset-filter-button-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCommentsSidebarActionButton = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-action-button-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCommentsSidebarFocusedThreadBackButton = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-focused-thread-back-button-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCommentsSidebarFocusedThreadDialogContainer = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-focused-thread-dialog-container-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCommentsSidebarFocusedThread = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-focused-thread-wireframe", __assign({}, transformedProps), children));
+};
+VeltCommentsSidebarFocusedThread.BackButton = VeltCommentsSidebarFocusedThreadBackButton;
+VeltCommentsSidebarFocusedThread.DialogContainer = VeltCommentsSidebarFocusedThreadDialogContainer;
+
+var VeltCommentsSidebarFullscreenButton = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-fullscreen-button-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCommentsSidebarWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-wireframe", __assign({}, transformedProps), children));
+};
+VeltCommentsSidebarWireframe.CloseButton = VeltCommentsSidebarCloseButton;
+VeltCommentsSidebarWireframe.EmptyPlaceholder = VeltCommentsSidebarEmptyPlaceholder;
+VeltCommentsSidebarWireframe.Filter = VeltCommentsSidebarFilter;
+VeltCommentsSidebarWireframe.Header = VeltCommentsSidebarHeader;
+VeltCommentsSidebarWireframe.List = VeltCommentsSidebarList;
+VeltCommentsSidebarWireframe.PageModeComposer = VeltCommentsSidebarPageModeComposer;
+VeltCommentsSidebarWireframe.Search = VeltCommentsSidebarSearch;
+VeltCommentsSidebarWireframe.Status = VeltCommentsSidebarStatus;
+VeltCommentsSidebarWireframe.FilterButton = VeltCommentsSidebarFilterButton;
+VeltCommentsSidebarWireframe.Skeleton = VeltCommentsSidebarSkeleton;
+VeltCommentsSidebarWireframe.Panel = VeltCommentsSidebarPanel;
+VeltCommentsSidebarWireframe.MinimalFilterDropdown = VeltCommentsSidebarMinimalFilterDropdown;
+VeltCommentsSidebarWireframe.LocationFilterDropdown = VeltCommentsSidebarLocationFilterDropdown;
+VeltCommentsSidebarWireframe.DocumentFilterDropdown = VeltCommentsSidebarDocumentFilterDropdownWireframe;
+VeltCommentsSidebarWireframe.MinimalActionsDropdown = VeltCommentsSidebarMinimalActionsDropdownWireframe;
+VeltCommentsSidebarWireframe.ResetFilterButton = VeltCommentsSidebarResetFilterButtonWireframe;
+VeltCommentsSidebarWireframe.ActionButton = VeltCommentsSidebarActionButton;
+VeltCommentsSidebarWireframe.FocusedThread = VeltCommentsSidebarFocusedThread;
+VeltCommentsSidebarWireframe.FullscreenButton = VeltCommentsSidebarFullscreenButton;
+
+var VeltCommentsSidebarV2Skeleton = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-skeleton-v2-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCommentsSidebarV2Panel = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-panel-v2-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCommentsSidebarV2Header = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-header-v2-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCommentsSidebarV2CloseButton = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-close-button-v2-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCommentsSidebarV2ResetFilterButton = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-reset-filter-button-v2-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCommentsSidebarV2EmptyPlaceholder = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-empty-placeholder-v2-wireframe", __assign({}, transformedProps), children));
+};
+VeltCommentsSidebarV2EmptyPlaceholder.ResetFilterButton = VeltCommentsSidebarV2ResetFilterButton;
+
+var VeltCommentsSidebarV2ListItem = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-list-item-v2-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCommentsSidebarV2List = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-list-v2-wireframe", __assign({}, transformedProps), children));
+};
+VeltCommentsSidebarV2List.Item = VeltCommentsSidebarV2ListItem;
+
+var VeltCommentsSidebarV2PageModeComposer = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-page-mode-composer-v2-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCommentsSidebarV2FocusedThreadBackButton = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-focused-thread-back-button-v2-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCommentsSidebarV2FocusedThreadDialogContainer = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-focused-thread-dialog-container-v2-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCommentsSidebarV2FocusedThread = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-focused-thread-v2-wireframe", __assign({}, transformedProps), children));
+};
+VeltCommentsSidebarV2FocusedThread.BackButton = VeltCommentsSidebarV2FocusedThreadBackButton;
+VeltCommentsSidebarV2FocusedThread.DialogContainer = VeltCommentsSidebarV2FocusedThreadDialogContainer;
+
+var VeltCommentsSidebarV2MinimalActionsDropdownTrigger = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-minimal-actions-dropdown-trigger-v2-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCommentsSidebarV2MinimalActionsDropdownContentMarkAllRead = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-minimal-actions-dropdown-content-mark-all-read-v2-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCommentsSidebarV2MinimalActionsDropdownContentMarkAllResolved = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-minimal-actions-dropdown-content-mark-all-resolved-v2-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCommentsSidebarV2MinimalActionsDropdownContent = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-minimal-actions-dropdown-content-v2-wireframe", __assign({}, transformedProps), children));
+};
+VeltCommentsSidebarV2MinimalActionsDropdownContent.MarkAllRead = VeltCommentsSidebarV2MinimalActionsDropdownContentMarkAllRead;
+VeltCommentsSidebarV2MinimalActionsDropdownContent.MarkAllResolved = VeltCommentsSidebarV2MinimalActionsDropdownContentMarkAllResolved;
+
+var VeltCommentsSidebarV2MinimalActionsDropdown = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-minimal-actions-dropdown-v2-wireframe", __assign({}, transformedProps), children));
+};
+VeltCommentsSidebarV2MinimalActionsDropdown.Trigger = VeltCommentsSidebarV2MinimalActionsDropdownTrigger;
+VeltCommentsSidebarV2MinimalActionsDropdown.Content = VeltCommentsSidebarV2MinimalActionsDropdownContent;
+
+var VeltCommentsSidebarV2FilterDropdownTrigger = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-dropdown-trigger-v2-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCommentsSidebarV2FilterDropdownContentListItemIndicator = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-dropdown-content-list-item-indicator-v2-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCommentsSidebarV2FilterDropdownContentListItemLabel = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-dropdown-content-list-item-label-v2-wireframe", __assign({}, transformedProps), children));
 };
-VeltCommentsSidebarStatus.Trigger = VeltCommentsSidebarStatusDropdownTriggerWireframe;
-VeltCommentsSidebarStatus.Content = VeltCommentsSidebarStatusDropdownContentWireframe;
 
-var VeltCommentsSidebarResetFilterButtonWireframe = function (props) {
+var VeltCommentsSidebarV2FilterDropdownContentListItem = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React__default["default"].createElement("velt-comments-sidebar-reset-filter-button-wireframe", __assign({}, transformedProps), children));
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-dropdown-content-list-item-v2-wireframe", __assign({}, transformedProps), children));
 };
+VeltCommentsSidebarV2FilterDropdownContentListItem.Indicator = VeltCommentsSidebarV2FilterDropdownContentListItemIndicator;
+VeltCommentsSidebarV2FilterDropdownContentListItem.Label = VeltCommentsSidebarV2FilterDropdownContentListItemLabel;
 
-var VeltCommentsSidebarActionButton = function (props) {
+var VeltCommentsSidebarV2FilterDropdownContentListCategoryContent = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React__default["default"].createElement("velt-comments-sidebar-action-button-wireframe", __assign({}, transformedProps), children));
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-dropdown-content-list-category-content-v2-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltCommentsSidebarFocusedThreadBackButton = function (props) {
+var VeltCommentsSidebarV2FilterDropdownContentListCategory = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React__default["default"].createElement("velt-comments-sidebar-focused-thread-back-button-wireframe", __assign({}, transformedProps), children));
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-dropdown-content-list-category-v2-wireframe", __assign({}, transformedProps), children));
 };
+VeltCommentsSidebarV2FilterDropdownContentListCategory.Content = VeltCommentsSidebarV2FilterDropdownContentListCategoryContent;
 
-var VeltCommentsSidebarFocusedThreadDialogContainer = function (props) {
+var VeltCommentsSidebarV2FilterDropdownContentList = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React__default["default"].createElement("velt-comments-sidebar-focused-thread-dialog-container-wireframe", __assign({}, transformedProps), children));
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-dropdown-content-list-v2-wireframe", __assign({}, transformedProps), children));
 };
+VeltCommentsSidebarV2FilterDropdownContentList.Item = VeltCommentsSidebarV2FilterDropdownContentListItem;
+VeltCommentsSidebarV2FilterDropdownContentList.Category = VeltCommentsSidebarV2FilterDropdownContentListCategory;
 
-var VeltCommentsSidebarFocusedThread = function (props) {
+var VeltCommentsSidebarV2FilterDropdownContent = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React__default["default"].createElement("velt-comments-sidebar-focused-thread-wireframe", __assign({}, transformedProps), children));
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-dropdown-content-v2-wireframe", __assign({}, transformedProps), children));
 };
-VeltCommentsSidebarFocusedThread.BackButton = VeltCommentsSidebarFocusedThreadBackButton;
-VeltCommentsSidebarFocusedThread.DialogContainer = VeltCommentsSidebarFocusedThreadDialogContainer;
+VeltCommentsSidebarV2FilterDropdownContent.List = VeltCommentsSidebarV2FilterDropdownContentList;
 
-var VeltCommentsSidebarFullscreenButton = function (props) {
+var VeltCommentsSidebarV2FilterDropdown = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React__default["default"].createElement("velt-comments-sidebar-fullscreen-button-wireframe", __assign({}, transformedProps), children));
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-dropdown-v2-wireframe", __assign({}, transformedProps), children));
 };
+VeltCommentsSidebarV2FilterDropdown.Trigger = VeltCommentsSidebarV2FilterDropdownTrigger;
+VeltCommentsSidebarV2FilterDropdown.Content = VeltCommentsSidebarV2FilterDropdownContent;
 
-var VeltCommentsSidebarWireframe = function (props) {
+var VeltCommentsSidebarV2Wireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React__default["default"].createElement("velt-comments-sidebar-wireframe", __assign({}, transformedProps), children));
+    return (React__default["default"].createElement("velt-comments-sidebar-v2-wireframe", __assign({}, transformedProps), children));
 };
-VeltCommentsSidebarWireframe.CloseButton = VeltCommentsSidebarCloseButton;
-VeltCommentsSidebarWireframe.EmptyPlaceholder = VeltCommentsSidebarEmptyPlaceholder;
-VeltCommentsSidebarWireframe.Filter = VeltCommentsSidebarFilter;
-VeltCommentsSidebarWireframe.Header = VeltCommentsSidebarHeader;
-VeltCommentsSidebarWireframe.List = VeltCommentsSidebarList;
-VeltCommentsSidebarWireframe.PageModeComposer = VeltCommentsSidebarPageModeComposer;
-VeltCommentsSidebarWireframe.Search = VeltCommentsSidebarSearch;
-VeltCommentsSidebarWireframe.Status = VeltCommentsSidebarStatus;
-VeltCommentsSidebarWireframe.FilterButton = VeltCommentsSidebarFilterButton;
-VeltCommentsSidebarWireframe.Skeleton = VeltCommentsSidebarSkeleton;
-VeltCommentsSidebarWireframe.Panel = VeltCommentsSidebarPanel;
-VeltCommentsSidebarWireframe.MinimalFilterDropdown = VeltCommentsSidebarMinimalFilterDropdown;
-VeltCommentsSidebarWireframe.LocationFilterDropdown = VeltCommentsSidebarLocationFilterDropdown;
-VeltCommentsSidebarWireframe.DocumentFilterDropdown = VeltCommentsSidebarDocumentFilterDropdownWireframe;
-VeltCommentsSidebarWireframe.MinimalActionsDropdown = VeltCommentsSidebarMinimalActionsDropdownWireframe;
-VeltCommentsSidebarWireframe.ResetFilterButton = VeltCommentsSidebarResetFilterButtonWireframe;
-VeltCommentsSidebarWireframe.ActionButton = VeltCommentsSidebarActionButton;
-VeltCommentsSidebarWireframe.FocusedThread = VeltCommentsSidebarFocusedThread;
-VeltCommentsSidebarWireframe.FullscreenButton = VeltCommentsSidebarFullscreenButton;
+VeltCommentsSidebarV2Wireframe.Skeleton = VeltCommentsSidebarV2Skeleton;
+VeltCommentsSidebarV2Wireframe.Panel = VeltCommentsSidebarV2Panel;
+VeltCommentsSidebarV2Wireframe.Header = VeltCommentsSidebarV2Header;
+VeltCommentsSidebarV2Wireframe.CloseButton = VeltCommentsSidebarV2CloseButton;
+VeltCommentsSidebarV2Wireframe.EmptyPlaceholder = VeltCommentsSidebarV2EmptyPlaceholder;
+VeltCommentsSidebarV2Wireframe.List = VeltCommentsSidebarV2List;
+VeltCommentsSidebarV2Wireframe.PageModeComposer = VeltCommentsSidebarV2PageModeComposer;
+VeltCommentsSidebarV2Wireframe.FocusedThread = VeltCommentsSidebarV2FocusedThread;
+VeltCommentsSidebarV2Wireframe.MinimalActionsDropdown = VeltCommentsSidebarV2MinimalActionsDropdown;
+VeltCommentsSidebarV2Wireframe.FilterDropdown = VeltCommentsSidebarV2FilterDropdown;
 
 var VeltCommentPinGhostCommentIndicator = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
@@ -4758,6 +5506,12 @@ VeltAutocompleteChipTooltipWireframe.Description = VeltAutocompleteChipTooltipDe
 VeltAutocompleteChipTooltipWireframe.Icon = VeltAutocompleteChipTooltipIconWireframe;
 VeltAutocompleteChipTooltipWireframe.Name = VeltAutocompleteChipTooltipNameWireframe;
 
+var VeltAutocompleteEmptyWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-autocomplete-empty-wireframe", __assign({}, transformedProps), children));
+};
+
 var VeltCommentBubbleAvatar = function (props) {
     var children = props.children;
     return (React__default["default"].createElement("velt-comment-bubble-avatar-wireframe", null, children));
@@ -7286,6 +8040,356 @@ VeltCursorPointerWireframe.Avatar = VeltCursorPointerAvatarWireframe;
 VeltCursorPointerWireframe.Default = VeltCursorPointerDefaultWireframe;
 VeltCursorPointerWireframe.VideoHuddle = VeltCursorPointerVideoHuddleWireframe;
 
+var VeltActivityLog = function (props) {
+    var darkMode = props.darkMode, shadowDom = props.shadowDom, useDummyData = props.useDummyData, variant = props.variant, children = props.children, remainingProps = __rest(props, ["darkMode", "shadowDom", "useDummyData", "variant", "children"]);
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-activity-log", __assign({ ref: ref, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "use-dummy-data": [true, false].includes(useDummyData) ? (useDummyData ? 'true' : 'false') : undefined, variant: variant }, remainingProps), children));
+};
+
+var VeltActivityLogHeader = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-activity-log-header", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltActivityLogHeaderTitle = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-activity-log-header-title", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltActivityLogHeaderCloseButton = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-activity-log-header-close-button", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltActivityLogHeaderFilter = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-activity-log-header-filter", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltActivityLogHeaderFilterTrigger = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-activity-log-header-filter-trigger", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltActivityLogHeaderFilterTriggerIcon = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-activity-log-header-filter-trigger-icon", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltActivityLogHeaderFilterTriggerLabel = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-activity-log-header-filter-trigger-label", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltActivityLogHeaderFilterContent = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-activity-log-header-filter-content", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltActivityLogHeaderFilterContentItem = function (props) {
+    var defaultCondition = props.defaultCondition, filterOption = props.filterOption, isActive = props.isActive, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-activity-log-header-filter-content-item", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "filter-option": filterOption, "is-active": [true, false].includes(isActive) ? (isActive ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltActivityLogHeaderFilterContentItemIcon = function (props) {
+    var defaultCondition = props.defaultCondition, isActive = props.isActive, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-activity-log-header-filter-content-item-icon", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "is-active": [true, false].includes(isActive) ? (isActive ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltActivityLogHeaderFilterContentItemLabel = function (props) {
+    var defaultCondition = props.defaultCondition, filterOption = props.filterOption, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-activity-log-header-filter-content-item-label", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "filter-option": filterOption }, children));
+};
+
+var VeltActivityLogEmpty = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-activity-log-empty", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltActivityLogLoading = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-activity-log-loading", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltActivityLogList = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-activity-log-list", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltActivityLogListDateGroup = function (props) {
+    var defaultCondition = props.defaultCondition, dateGroup = props.dateGroup, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-activity-log-list-date-group", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "date-group": dateGroup }, children));
+};
+
+var VeltActivityLogListDateGroupLabel = function (props) {
+    var defaultCondition = props.defaultCondition, dateGroup = props.dateGroup, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-activity-log-list-date-group-label", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "date-group": dateGroup }, children));
+};
+
+var VeltActivityLogListShowMore = function (props) {
+    var defaultCondition = props.defaultCondition, dateGroup = props.dateGroup, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-activity-log-list-show-more", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "date-group": dateGroup }, children));
+};
+
+var VeltActivityLogListItem = function (props) {
+    var defaultCondition = props.defaultCondition, activityRecord = props.activityRecord, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-activity-log-list-item", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "activity-record": activityRecord }, children));
+};
+
+var VeltActivityLogListItemAvatar = function (props) {
+    var defaultCondition = props.defaultCondition, activityRecord = props.activityRecord, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-activity-log-list-item-avatar", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "activity-record": activityRecord }, children));
+};
+
+var VeltActivityLogListItemIcon = function (props) {
+    var defaultCondition = props.defaultCondition, activityRecord = props.activityRecord, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-activity-log-list-item-icon", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "activity-record": activityRecord }, children));
+};
+
+var VeltActivityLogListItemTime = function (props) {
+    var defaultCondition = props.defaultCondition, activityRecord = props.activityRecord, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-activity-log-list-item-time", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "activity-record": activityRecord }, children));
+};
+
+var VeltActivityLogListItemContent = function (props) {
+    var defaultCondition = props.defaultCondition, activityRecord = props.activityRecord, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-activity-log-list-item-content", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "activity-record": activityRecord }, children));
+};
+
+var VeltActivityLogListItemContentUser = function (props) {
+    var defaultCondition = props.defaultCondition, activityRecord = props.activityRecord, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-activity-log-list-item-content-user", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "activity-record": activityRecord }, children));
+};
+
+var VeltActivityLogListItemContentAction = function (props) {
+    var defaultCondition = props.defaultCondition, activityRecord = props.activityRecord, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-activity-log-list-item-content-action", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "activity-record": activityRecord }, children));
+};
+
+var VeltActivityLogListItemContentTarget = function (props) {
+    var defaultCondition = props.defaultCondition, activityRecord = props.activityRecord, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-activity-log-list-item-content-target", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "activity-record": activityRecord }, children));
+};
+
+var VeltActivityLogListItemContentDetail = function (props) {
+    var defaultCondition = props.defaultCondition, activityRecord = props.activityRecord, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-activity-log-list-item-content-detail", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "activity-record": activityRecord }, children));
+};
+
+var VeltActivityLogHeaderTitleWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-activity-log-header-title-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltActivityLogHeaderFilterTriggerIconWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-activity-log-header-filter-trigger-icon-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltActivityLogHeaderFilterTriggerLabelWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-activity-log-header-filter-trigger-label-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltActivityLogHeaderFilterTriggerWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-activity-log-header-filter-trigger-wireframe", __assign({}, transformedProps), children));
+};
+VeltActivityLogHeaderFilterTriggerWireframe.Icon = VeltActivityLogHeaderFilterTriggerIconWireframe;
+VeltActivityLogHeaderFilterTriggerWireframe.Label = VeltActivityLogHeaderFilterTriggerLabelWireframe;
+
+var VeltActivityLogHeaderFilterContentItemIconWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-activity-log-header-filter-content-item-icon-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltActivityLogHeaderFilterContentItemLabelWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-activity-log-header-filter-content-item-label-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltActivityLogHeaderFilterContentItemWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-activity-log-header-filter-content-item-wireframe", __assign({}, transformedProps), children));
+};
+VeltActivityLogHeaderFilterContentItemWireframe.Icon = VeltActivityLogHeaderFilterContentItemIconWireframe;
+VeltActivityLogHeaderFilterContentItemWireframe.Label = VeltActivityLogHeaderFilterContentItemLabelWireframe;
+
+var VeltActivityLogHeaderFilterContentWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-activity-log-header-filter-content-wireframe", __assign({}, transformedProps), children));
+};
+VeltActivityLogHeaderFilterContentWireframe.Item = VeltActivityLogHeaderFilterContentItemWireframe;
+
+var VeltActivityLogHeaderFilterWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-activity-log-header-filter-wireframe", __assign({}, transformedProps), children));
+};
+VeltActivityLogHeaderFilterWireframe.Trigger = VeltActivityLogHeaderFilterTriggerWireframe;
+VeltActivityLogHeaderFilterWireframe.Content = VeltActivityLogHeaderFilterContentWireframe;
+
+var VeltActivityLogHeaderCloseButtonWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-activity-log-header-close-button-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltActivityLogHeaderWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-activity-log-header-wireframe", __assign({}, transformedProps), children));
+};
+VeltActivityLogHeaderWireframe.Title = VeltActivityLogHeaderTitleWireframe;
+VeltActivityLogHeaderWireframe.Filter = VeltActivityLogHeaderFilterWireframe;
+VeltActivityLogHeaderWireframe.CloseButton = VeltActivityLogHeaderCloseButtonWireframe;
+
+var VeltActivityLogListDateGroupLabelWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-activity-log-list-date-group-label-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltActivityLogListDateGroupWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-activity-log-list-date-group-wireframe", __assign({}, transformedProps), children));
+};
+VeltActivityLogListDateGroupWireframe.Label = VeltActivityLogListDateGroupLabelWireframe;
+
+var VeltActivityLogListItemIconWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-activity-log-list-item-icon-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltActivityLogListItemAvatarWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-activity-log-list-item-avatar-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltActivityLogListItemContentUserWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-activity-log-list-item-content-user-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltActivityLogListItemContentActionWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-activity-log-list-item-content-action-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltActivityLogListItemContentTargetWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-activity-log-list-item-content-target-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltActivityLogListItemContentDetailWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-activity-log-list-item-content-detail-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltActivityLogListItemContentWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-activity-log-list-item-content-wireframe", __assign({}, transformedProps), children));
+};
+VeltActivityLogListItemContentWireframe.User = VeltActivityLogListItemContentUserWireframe;
+VeltActivityLogListItemContentWireframe.Action = VeltActivityLogListItemContentActionWireframe;
+VeltActivityLogListItemContentWireframe.Target = VeltActivityLogListItemContentTargetWireframe;
+VeltActivityLogListItemContentWireframe.Detail = VeltActivityLogListItemContentDetailWireframe;
+
+var VeltActivityLogListItemTimeWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-activity-log-list-item-time-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltActivityLogListItemWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-activity-log-list-item-wireframe", __assign({}, transformedProps), children));
+};
+VeltActivityLogListItemWireframe.Icon = VeltActivityLogListItemIconWireframe;
+VeltActivityLogListItemWireframe.Avatar = VeltActivityLogListItemAvatarWireframe;
+VeltActivityLogListItemWireframe.Content = VeltActivityLogListItemContentWireframe;
+VeltActivityLogListItemWireframe.Time = VeltActivityLogListItemTimeWireframe;
+
+var VeltActivityLogListShowMoreWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-activity-log-list-show-more-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltActivityLogListWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-activity-log-list-wireframe", __assign({}, transformedProps), children));
+};
+VeltActivityLogListWireframe.DateGroup = VeltActivityLogListDateGroupWireframe;
+VeltActivityLogListWireframe.Item = VeltActivityLogListItemWireframe;
+VeltActivityLogListWireframe.ShowMore = VeltActivityLogListShowMoreWireframe;
+
+var VeltActivityLogLoadingWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-activity-log-loading-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltActivityLogEmptyWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-activity-log-empty-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltActivityLogWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-activity-log-wireframe", __assign({}, transformedProps), children));
+};
+VeltActivityLogWireframe.Header = VeltActivityLogHeaderWireframe;
+VeltActivityLogWireframe.List = VeltActivityLogListWireframe;
+VeltActivityLogWireframe.Loading = VeltActivityLogLoadingWireframe;
+VeltActivityLogWireframe.Empty = VeltActivityLogEmptyWireframe;
+
 function useClient() {
     var client = useVeltClient().client;
     var _a = React__default["default"].useState(), veltClient = _a[0], setVeltClient = _a[1];
@@ -9183,6 +10287,48 @@ function useCrdtEventCallback(action) {
     return data;
 }
 
+function useActivityUtils() {
+    var _a = React__default["default"].useState(), activityElement = _a[0], setActivityElement = _a[1];
+    var client = useVeltClient().client;
+    React__default["default"].useEffect(function () {
+        if (!client || activityElement)
+            return;
+        var loadedActivityElement = client.getActivityElement();
+        setActivityElement(loadedActivityElement);
+    }, [client, setActivityElement, activityElement]);
+    return activityElement;
+}
+function useAllActivities(config) {
+    var activityElement = useActivityUtils();
+    var _a = React.useState(null), data = _a[0], setData = _a[1];
+    var subscriptionRef = React.useRef();
+    // Memoize the inputs
+    var memoizedConfig = React__default["default"].useMemo(function () {
+        return config;
+    }, [JSON.stringify(config)]);
+    React__default["default"].useEffect(function () {
+        if (!activityElement)
+            return;
+        // Unsubscribe from the previous subscription if it exists
+        if (subscriptionRef.current) {
+            subscriptionRef.current.unsubscribe();
+        }
+        var subscription = activityElement.getAllActivities(memoizedConfig)
+            .subscribe(function (activities) {
+            setData(activities);
+        });
+        // Store the new subscription
+        subscriptionRef.current = subscription;
+        // Cleanup function
+        return function () {
+            if (subscriptionRef.current) {
+                subscriptionRef.current.unsubscribe();
+            }
+        };
+    }, [activityElement === null || activityElement === void 0 ? void 0 : activityElement.getAllActivities, memoizedConfig]);
+    return data;
+}
+
 var sessionId = Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15);
 var getSessionId = function () {
     return (sessionStorage === null || sessionStorage === void 0 ? void 0 : sessionStorage.getItem(VELT_TAB_ID)) || sessionId;
@@ -9319,12 +10465,54 @@ var logLiveState = function (action, liveStateDataId) {
     }
 };
 
+exports.VeltActivityLog = VeltActivityLog;
+exports.VeltActivityLogEmpty = VeltActivityLogEmpty;
+exports.VeltActivityLogHeader = VeltActivityLogHeader;
+exports.VeltActivityLogHeaderCloseButton = VeltActivityLogHeaderCloseButton;
+exports.VeltActivityLogHeaderFilter = VeltActivityLogHeaderFilter;
+exports.VeltActivityLogHeaderFilterContent = VeltActivityLogHeaderFilterContent;
+exports.VeltActivityLogHeaderFilterContentItem = VeltActivityLogHeaderFilterContentItem;
+exports.VeltActivityLogHeaderFilterContentItemIcon = VeltActivityLogHeaderFilterContentItemIcon;
+exports.VeltActivityLogHeaderFilterContentItemLabel = VeltActivityLogHeaderFilterContentItemLabel;
+exports.VeltActivityLogHeaderFilterTrigger = VeltActivityLogHeaderFilterTrigger;
+exports.VeltActivityLogHeaderFilterTriggerIcon = VeltActivityLogHeaderFilterTriggerIcon;
+exports.VeltActivityLogHeaderFilterTriggerLabel = VeltActivityLogHeaderFilterTriggerLabel;
+exports.VeltActivityLogHeaderTitle = VeltActivityLogHeaderTitle;
+exports.VeltActivityLogList = VeltActivityLogList;
+exports.VeltActivityLogListDateGroup = VeltActivityLogListDateGroup;
+exports.VeltActivityLogListDateGroupLabel = VeltActivityLogListDateGroupLabel;
+exports.VeltActivityLogListItem = VeltActivityLogListItem;
+exports.VeltActivityLogListItemAvatar = VeltActivityLogListItemAvatar;
+exports.VeltActivityLogListItemContent = VeltActivityLogListItemContent;
+exports.VeltActivityLogListItemContentAction = VeltActivityLogListItemContentAction;
+exports.VeltActivityLogListItemContentDetail = VeltActivityLogListItemContentDetail;
+exports.VeltActivityLogListItemContentTarget = VeltActivityLogListItemContentTarget;
+exports.VeltActivityLogListItemContentUser = VeltActivityLogListItemContentUser;
+exports.VeltActivityLogListItemIcon = VeltActivityLogListItemIcon;
+exports.VeltActivityLogListItemTime = VeltActivityLogListItemTime;
+exports.VeltActivityLogListShowMore = VeltActivityLogListShowMore;
+exports.VeltActivityLogLoading = VeltActivityLogLoading;
+exports.VeltActivityLogWireframe = VeltActivityLogWireframe;
 exports.VeltArrowTool = SnippylyArrowTool;
 exports.VeltArrows = SnippylyArrows;
 exports.VeltAutocomplete = VeltAutocomplete;
+exports.VeltAutocompleteChip = VeltAutocompleteChip;
+exports.VeltAutocompleteChipTooltip = VeltAutocompleteChipTooltip;
+exports.VeltAutocompleteChipTooltipDescription = VeltAutocompleteChipTooltipDescription;
+exports.VeltAutocompleteChipTooltipIcon = VeltAutocompleteChipTooltipIcon;
+exports.VeltAutocompleteChipTooltipName = VeltAutocompleteChipTooltipName;
 exports.VeltAutocompleteChipTooltipWireframe = VeltAutocompleteChipTooltipWireframe;
+exports.VeltAutocompleteEmpty = VeltAutocompleteEmpty;
+exports.VeltAutocompleteEmptyWireframe = VeltAutocompleteEmptyWireframe;
+exports.VeltAutocompleteGroupOption = VeltAutocompleteGroupOption;
 exports.VeltAutocompleteGroupOptionWireframe = VeltAutocompleteGroupOptionWireframe;
+exports.VeltAutocompleteOption = VeltAutocompleteOption;
+exports.VeltAutocompleteOptionDescription = VeltAutocompleteOptionDescription;
+exports.VeltAutocompleteOptionErrorIcon = VeltAutocompleteOptionErrorIcon;
+exports.VeltAutocompleteOptionIcon = VeltAutocompleteOptionIcon;
+exports.VeltAutocompleteOptionName = VeltAutocompleteOptionName;
 exports.VeltAutocompleteOptionWireframe = VeltAutocompleteOptionWireframe;
+exports.VeltAutocompleteTool = VeltAutocompleteTool;
 exports.VeltButtonWireframe = VeltButtonWireframe;
 exports.VeltCanvasComment = VeltCanvasComment;
 exports.VeltChartComment = VeltChartComment;
@@ -9493,6 +10681,28 @@ exports.VeltCommentDialogToggleReplyIcon = VeltCommentDialogToggleReplyIcon$1;
 exports.VeltCommentDialogToggleReplyText = VeltCommentDialogToggleReplyText$1;
 exports.VeltCommentDialogUnresolveButton = VeltCommentDialogUnresolveButton$1;
 exports.VeltCommentDialogUpgrade = VeltCommentDialogUpgrade$1;
+exports.VeltCommentDialogVisibilityBanner = VeltCommentDialogVisibilityBanner$1;
+exports.VeltCommentDialogVisibilityBannerDropdown = VeltCommentDialogVisibilityBannerDropdown$1;
+exports.VeltCommentDialogVisibilityBannerDropdownContent = VeltCommentDialogVisibilityBannerDropdownContent$1;
+exports.VeltCommentDialogVisibilityBannerDropdownContentItem = VeltCommentDialogVisibilityBannerDropdownContentItem$1;
+exports.VeltCommentDialogVisibilityBannerDropdownContentItemIcon = VeltCommentDialogVisibilityBannerDropdownContentItemIcon$1;
+exports.VeltCommentDialogVisibilityBannerDropdownContentItemLabel = VeltCommentDialogVisibilityBannerDropdownContentItemLabel$1;
+exports.VeltCommentDialogVisibilityBannerDropdownContentUserPicker = VeltCommentDialogVisibilityBannerDropdownContentUserPicker$1;
+exports.VeltCommentDialogVisibilityBannerDropdownTrigger = VeltCommentDialogVisibilityBannerDropdownTrigger$1;
+exports.VeltCommentDialogVisibilityBannerDropdownTriggerAvatarList = VeltCommentDialogVisibilityBannerDropdownTriggerAvatarList$1;
+exports.VeltCommentDialogVisibilityBannerDropdownTriggerAvatarListItem = VeltCommentDialogVisibilityBannerDropdownTriggerAvatarListItem$1;
+exports.VeltCommentDialogVisibilityBannerDropdownTriggerAvatarListRemainingCount = VeltCommentDialogVisibilityBannerDropdownTriggerAvatarListRemainingCount$1;
+exports.VeltCommentDialogVisibilityBannerDropdownTriggerIcon = VeltCommentDialogVisibilityBannerDropdownTriggerIcon$1;
+exports.VeltCommentDialogVisibilityBannerDropdownTriggerLabel = VeltCommentDialogVisibilityBannerDropdownTriggerLabel$1;
+exports.VeltCommentDialogVisibilityBannerIcon = VeltCommentDialogVisibilityBannerIcon$1;
+exports.VeltCommentDialogVisibilityBannerText = VeltCommentDialogVisibilityBannerText$1;
+exports.VeltCommentDialogVisibilityDropdown = VeltCommentDialogVisibilityDropdown$1;
+exports.VeltCommentDialogVisibilityDropdownContent = VeltCommentDialogVisibilityDropdownContent;
+exports.VeltCommentDialogVisibilityDropdownContentPrivate = VeltCommentDialogVisibilityDropdownContentPrivate;
+exports.VeltCommentDialogVisibilityDropdownContentPublic = VeltCommentDialogVisibilityDropdownContentPublic;
+exports.VeltCommentDialogVisibilityDropdownTrigger = VeltCommentDialogVisibilityDropdownTrigger;
+exports.VeltCommentDialogVisibilityDropdownTriggerIcon = VeltCommentDialogVisibilityDropdownTriggerIcon;
+exports.VeltCommentDialogVisibilityDropdownTriggerLabel = VeltCommentDialogVisibilityDropdownTriggerLabel;
 exports.VeltCommentDialogWireframe = VeltCommentDialogWireframe;
 exports.VeltCommentPin = VeltCommentPin;
 exports.VeltCommentPinWireframe = VeltCommentPinWireframe;
@@ -9507,6 +10717,34 @@ exports.VeltCommentsMinimap = VeltCommentsMinimap;
 exports.VeltCommentsSidebar = SnippylyCommentsSidebar;
 exports.VeltCommentsSidebarButton = VeltCommentsSidebarButton;
 exports.VeltCommentsSidebarStatusDropdownWireframe = VeltCommentsSidebarStatusDropdownWireframe;
+exports.VeltCommentsSidebarV2 = VeltCommentsSidebarV2;
+exports.VeltCommentsSidebarV2CloseButton = VeltCommentsSidebarV2CloseButton$1;
+exports.VeltCommentsSidebarV2EmptyPlaceholder = VeltCommentsSidebarV2EmptyPlaceholder$1;
+exports.VeltCommentsSidebarV2FilterDropdown = VeltCommentsSidebarV2FilterDropdown$1;
+exports.VeltCommentsSidebarV2FilterDropdownContent = VeltCommentsSidebarV2FilterDropdownContent$1;
+exports.VeltCommentsSidebarV2FilterDropdownContentList = VeltCommentsSidebarV2FilterDropdownContentList$1;
+exports.VeltCommentsSidebarV2FilterDropdownContentListCategory = VeltCommentsSidebarV2FilterDropdownContentListCategory$1;
+exports.VeltCommentsSidebarV2FilterDropdownContentListCategoryContent = VeltCommentsSidebarV2FilterDropdownContentListCategoryContent$1;
+exports.VeltCommentsSidebarV2FilterDropdownContentListItem = VeltCommentsSidebarV2FilterDropdownContentListItem$1;
+exports.VeltCommentsSidebarV2FilterDropdownContentListItemIndicator = VeltCommentsSidebarV2FilterDropdownContentListItemIndicator$1;
+exports.VeltCommentsSidebarV2FilterDropdownContentListItemLabel = VeltCommentsSidebarV2FilterDropdownContentListItemLabel$1;
+exports.VeltCommentsSidebarV2FilterDropdownTrigger = VeltCommentsSidebarV2FilterDropdownTrigger$1;
+exports.VeltCommentsSidebarV2FocusedThread = VeltCommentsSidebarV2FocusedThread$1;
+exports.VeltCommentsSidebarV2FocusedThreadBackButton = VeltCommentsSidebarV2FocusedThreadBackButton$1;
+exports.VeltCommentsSidebarV2FocusedThreadDialogContainer = VeltCommentsSidebarV2FocusedThreadDialogContainer$1;
+exports.VeltCommentsSidebarV2Header = VeltCommentsSidebarV2Header$1;
+exports.VeltCommentsSidebarV2List = VeltCommentsSidebarV2List$1;
+exports.VeltCommentsSidebarV2ListItem = VeltCommentsSidebarV2ListItem$1;
+exports.VeltCommentsSidebarV2MinimalActionsDropdown = VeltCommentsSidebarV2MinimalActionsDropdown$1;
+exports.VeltCommentsSidebarV2MinimalActionsDropdownContent = VeltCommentsSidebarV2MinimalActionsDropdownContent$1;
+exports.VeltCommentsSidebarV2MinimalActionsDropdownContentMarkAllRead = VeltCommentsSidebarV2MinimalActionsDropdownContentMarkAllRead$1;
+exports.VeltCommentsSidebarV2MinimalActionsDropdownContentMarkAllResolved = VeltCommentsSidebarV2MinimalActionsDropdownContentMarkAllResolved$1;
+exports.VeltCommentsSidebarV2MinimalActionsDropdownTrigger = VeltCommentsSidebarV2MinimalActionsDropdownTrigger$1;
+exports.VeltCommentsSidebarV2PageModeComposer = VeltCommentsSidebarV2PageModeComposer$1;
+exports.VeltCommentsSidebarV2Panel = VeltCommentsSidebarV2Panel$1;
+exports.VeltCommentsSidebarV2ResetFilterButton = VeltCommentsSidebarV2ResetFilterButton$1;
+exports.VeltCommentsSidebarV2Skeleton = VeltCommentsSidebarV2Skeleton$1;
+exports.VeltCommentsSidebarV2Wireframe = VeltCommentsSidebarV2Wireframe;
 exports.VeltCommentsSidebarWireframe = VeltCommentsSidebarWireframe;
 exports.VeltConfirmDialogWireframe = VeltConfirmDialogWireframe;
 exports.VeltCursor = SnippylyCursor;
@@ -9571,10 +10809,12 @@ exports.VeltViewAnalytics = VeltViewAnalytics;
 exports.VeltWireframe = VeltWireframe;
 exports.createLiveStateMiddleware = createLiveStateMiddleware;
 exports.useAIRewriterUtils = useAIRewriterUtils;
+exports.useActivityUtils = useActivityUtils;
 exports.useAddAttachment = useAddAttachment;
 exports.useAddComment = useAddComment;
 exports.useAddCommentAnnotation = useAddCommentAnnotation;
 exports.useAddReaction = useAddReaction;
+exports.useAllActivities = useAllActivities;
 exports.useApproveCommentAnnotation = useApproveCommentAnnotation;
 exports.useAssignUser = useAssignUser;
 exports.useAutocompleteChipClick = useAutocompleteChipClick;