@veltdev/react 5.0.2-beta.1 → 5.0.2-beta.11

package/esm/index.js

@@ -204,13 +204,13 @@ var loadVelt = function (callback, version, staging, develop, proxyDomain, integ
     };
 };
 
-var VELT_SDK_VERSION = '5.0.2-beta.1';
+var VELT_SDK_VERSION = '5.0.2-beta.11';
 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.2-beta.1': 'sha384-AE0Ekvj5B/AXG7PZNqYDkBSDmo/ll+VQCEM3xC6s+JlBGgVZXbLKTF5AeneLNbFz',
+    '5.0.2-beta.11': 'sha384-60Okq3+b56aGToiPBEAdnblJTZJ8Qjg5kdQFol/fM/HeomwXSBx0WzEbIDY/m03I',
 };
 
 var validProps = ['veltIf', 'veltClass', 'className', 'variant'];
@@ -311,6 +311,7 @@ var SnippylyProvider = function (props) {
         };
     }, []);
     useEffect(function () {
+        var _a;
         // Store cleanup function returned from loadVelt to remove event listeners on unmount
         var cleanupLoadVelt;
         if (apiKey) {
@@ -347,7 +348,7 @@ var SnippylyProvider = function (props) {
                 // This prevents the callback from firing on destroyed component instances.
                 cleanupLoadVelt = loadVelt(function () {
                     initVelt();
-                }, version, staging, develop, config === null || config === void 0 ? void 0 : config.proxyDomain, integrity, integrityValue);
+                }, version, staging, develop, ((_a = config === null || config === void 0 ? void 0 : config.proxyConfig) === null || _a === void 0 ? void 0 : _a.cdnHost) || (config === null || config === void 0 ? void 0 : config.proxyDomain), integrity, integrityValue);
             }
         }
         // Cleanup: remove event listener when component unmounts.
@@ -537,7 +538,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, visibilityOptionDropdown = props.visibilityOptionDropdown;
+    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 = useRef();
     var onSignInRef = useRef(onSignIn);
     var onUpgradeRef = useRef(onUpgrade);
@@ -662,11 +663,11 @@ var SnippylyComments = function (props) {
             }
         };
     }, []);
-    return (React.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, "visibility-option-dropdown": [true, false].includes(visibilityOptionDropdown) ? (visibilityOptionDropdown ? 'true' : 'false') : undefined }, children));
+    return (React.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 = useRef();
     var openSidebarRef = useRef(openSidebar);
     var onSidebarOpenRef = useRef(onSidebarOpen);
@@ -739,7 +740,7 @@ var SnippylyCommentsSidebar = function (props) {
             }
         };
     }, []);
-    return (React.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.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) {
@@ -1696,16 +1697,268 @@ var VeltAutocomplete = function (props) {
     return (React.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 = useRef(null);
+    return (React.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 = useRef(null);
+    return (React.createElement("velt-autocomplete-option-icon", { ref: ref }, children));
+};
+
+var VeltAutocompleteOptionName = function (props) {
+    var children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-autocomplete-option-name", { ref: ref }, children));
+};
+
+var VeltAutocompleteOptionDescription = function (props) {
+    var field = props.field, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-autocomplete-option-description", { ref: ref, field: field }, children));
+};
+
+var VeltAutocompleteOptionErrorIcon = function (props) {
+    var children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-autocomplete-option-error-icon", { ref: ref }, children));
+};
+
+var VeltAutocompleteGroupOption = function (props) {
+    var children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-autocomplete-group-option", { ref: ref }, children));
+};
+
+var VeltAutocompleteTool = function (props) {
+    var children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-autocomplete-tool", { ref: ref }, children));
+};
+
+var VeltAutocompleteEmpty = function (props) {
+    var children = props.children;
+    var ref = useRef(null);
+    return (React.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 = useRef(null);
+    return (React.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 = useRef(null);
+    return (React.createElement("velt-autocomplete-chip-tooltip", { ref: ref }, children));
+};
+
+var VeltAutocompleteChipTooltipIcon = function (props) {
+    var children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-autocomplete-chip-tooltip-icon", { ref: ref }, children));
+};
+
+var VeltAutocompleteChipTooltipName = function (props) {
+    var children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-autocomplete-chip-tooltip-name", { ref: ref }, children));
+};
+
+var VeltAutocompleteChipTooltipDescription = function (props) {
+    var children = props.children;
+    var ref = useRef(null);
+    return (React.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.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));
 };
 
+var VeltInlineCommentsSectionCommentCount = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-inline-comments-section-comment-count", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltInlineCommentsSectionComposerContainer = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-inline-comments-section-composer-container", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltInlineCommentsSectionList = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-inline-comments-section-list", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltInlineCommentsSectionPanel = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-inline-comments-section-panel", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltInlineCommentsSectionSkeleton = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-inline-comments-section-skeleton", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltInlineCommentsSectionFilterDropdown = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-inline-comments-section-filter-dropdown", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltInlineCommentsSectionFilterDropdownTrigger = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-inline-comments-section-filter-dropdown-trigger", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltInlineCommentsSectionFilterDropdownTriggerArrow = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-inline-comments-section-filter-dropdown-trigger-arrow", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltInlineCommentsSectionFilterDropdownTriggerName = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-inline-comments-section-filter-dropdown-trigger-name", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltInlineCommentsSectionFilterDropdownContent = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-inline-comments-section-filter-dropdown-content", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltInlineCommentsSectionFilterDropdownContentList = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-inline-comments-section-filter-dropdown-content-list", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltInlineCommentsSectionFilterDropdownContentListItem = function (props) {
+    var defaultCondition = props.defaultCondition, filter = props.filter, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-inline-comments-section-filter-dropdown-content-list-item", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, filter: filter }, children));
+};
+
+var VeltInlineCommentsSectionFilterDropdownContentListItemCheckbox = function (props) {
+    var defaultCondition = props.defaultCondition, filter = props.filter, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-inline-comments-section-filter-dropdown-content-list-item-checkbox", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, filter: filter }, children));
+};
+
+var VeltInlineCommentsSectionFilterDropdownContentListItemLabel = function (props) {
+    var defaultCondition = props.defaultCondition, filter = props.filter, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-inline-comments-section-filter-dropdown-content-list-item-label", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, filter: filter }, children));
+};
+
+var VeltInlineCommentsSectionSortingDropdown = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-inline-comments-section-sorting-dropdown", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltInlineCommentsSectionSortingDropdownTrigger = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-inline-comments-section-sorting-dropdown-trigger", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltInlineCommentsSectionSortingDropdownTriggerIcon = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-inline-comments-section-sorting-dropdown-trigger-icon", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltInlineCommentsSectionSortingDropdownTriggerName = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-inline-comments-section-sorting-dropdown-trigger-name", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltInlineCommentsSectionSortingDropdownContent = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-inline-comments-section-sorting-dropdown-content", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltInlineCommentsSectionSortingDropdownContentItem = function (props) {
+    var defaultCondition = props.defaultCondition, sortOption = props.sortOption, sortOptionText = props.sortOptionText, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-inline-comments-section-sorting-dropdown-content-item", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "sort-option": sortOption, "sort-option-text": sortOptionText }, children));
+};
+
+var VeltInlineCommentsSectionSortingDropdownContentItemIcon = function (props) {
+    var defaultCondition = props.defaultCondition, sortOption = props.sortOption, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-inline-comments-section-sorting-dropdown-content-item-icon", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "sort-option": sortOption }, children));
+};
+
+var VeltInlineCommentsSectionSortingDropdownContentItemName = function (props) {
+    var defaultCondition = props.defaultCondition, sortOptionText = props.sortOptionText, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-inline-comments-section-sorting-dropdown-content-item-name", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "sort-option-text": sortOptionText }, children));
+};
+
+var VeltInlineCommentsSectionSortingDropdownContentItemTick = function (props) {
+    var defaultCondition = props.defaultCondition, sortOption = props.sortOption, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-inline-comments-section-sorting-dropdown-content-item-tick", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "sort-option": sortOption }, children));
+};
+
 var VeltCommentPin = function (props) {
     var children = props.children, annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, variant = props.variant, context = props.context, contextOptions = props.contextOptions, documentId = props.documentId, folderId = props.folderId, locationId = props.locationId;
     return (React.createElement("velt-comment-pin", { "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, variant: variant, context: JSON.stringify(context), "context-options": JSON.stringify(contextOptions), "location-id": locationId, "document-id": documentId, "folder-id": folderId }, children));
 };
 
+var VeltCommentPinNumber$1 = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-pin-number", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentPinIndex$1 = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-pin-index", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentPinTriangle$1 = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-pin-triangle", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentPinPrivateCommentIndicator$1 = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-pin-private-comment-indicator", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentPinGhostCommentIndicator$1 = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-pin-ghost-comment-indicator", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentPinUnreadCommentIndicator$1 = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-pin-unread-comment-indicator", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
 var VeltCommentText = function (props) {
     var children = props.children, annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId;
     return (React.createElement("velt-comment-text", { "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId }, children));
@@ -1789,6 +2042,202 @@ var VeltVideoEditor = function (props) {
     return (React.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 = useRef(null);
+    var onSidebarOpenRef = useRef(onSidebarOpen);
+    var onSidebarCloseRef = useRef(onSidebarClose);
+    var onCommentClickRef = useRef(onCommentClick);
+    var onCommentNavigationButtonClickRef = useRef(onCommentNavigationButtonClick);
+    useEffect(function () { onSidebarOpenRef.current = onSidebarOpen; }, [onSidebarOpen]);
+    useEffect(function () { onSidebarCloseRef.current = onSidebarClose; }, [onSidebarClose]);
+    useEffect(function () { onCommentClickRef.current = onCommentClick; }, [onCommentClick]);
+    useEffect(function () { onCommentNavigationButtonClickRef.current = onCommentNavigationButtonClick; }, [onCommentNavigationButtonClick]);
+    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.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 = useRef(null);
+    return (React.createElement("velt-comments-sidebar-skeleton-v2", { ref: ref }, children));
+};
+
+var VeltCommentsSidebarV2Panel$1 = function (props) {
+    var children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comments-sidebar-panel-v2", { ref: ref }, children));
+};
+
+var VeltCommentsSidebarV2Header$1 = function (props) {
+    var children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comments-sidebar-header-v2", { ref: ref }, children));
+};
+
+var VeltCommentsSidebarV2CloseButton$1 = function (props) {
+    var children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comments-sidebar-close-button-v2", { ref: ref }, children));
+};
+
+var VeltCommentsSidebarV2EmptyPlaceholder$1 = function (props) {
+    var children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comments-sidebar-empty-placeholder-v2", { ref: ref }, children));
+};
+
+var VeltCommentsSidebarV2ResetFilterButton$1 = function (props) {
+    var children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comments-sidebar-reset-filter-button-v2", { ref: ref }, children));
+};
+
+var VeltCommentsSidebarV2List$1 = function (props) {
+    var children = props.children;
+    var ref = useRef(null);
+    return (React.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 = useRef(null);
+    return (React.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 = useRef(null);
+    return (React.createElement("velt-comments-sidebar-page-mode-composer-v2", { ref: ref }, children));
+};
+
+var VeltCommentsSidebarV2FocusedThread$1 = function (props) {
+    var children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comments-sidebar-focused-thread-v2", { ref: ref }, children));
+};
+
+var VeltCommentsSidebarV2FocusedThreadBackButton$1 = function (props) {
+    var children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comments-sidebar-focused-thread-back-button-v2", { ref: ref }, children));
+};
+
+var VeltCommentsSidebarV2FocusedThreadDialogContainer$1 = function (props) {
+    var children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comments-sidebar-focused-thread-dialog-container-v2", { ref: ref }, children));
+};
+
+var VeltCommentsSidebarV2MinimalActionsDropdown$1 = function (props) {
+    var children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comments-sidebar-minimal-actions-dropdown-v2", { ref: ref }, children));
+};
+
+var VeltCommentsSidebarV2MinimalActionsDropdownTrigger$1 = function (props) {
+    var children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comments-sidebar-minimal-actions-dropdown-trigger-v2", { ref: ref }, children));
+};
+
+var VeltCommentsSidebarV2MinimalActionsDropdownContent$1 = function (props) {
+    var children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comments-sidebar-minimal-actions-dropdown-content-v2", { ref: ref }, children));
+};
+
+var VeltCommentsSidebarV2MinimalActionsDropdownContentMarkAllRead$1 = function (props) {
+    var children = props.children;
+    var ref = useRef(null);
+    return (React.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 = useRef(null);
+    return (React.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 = useRef(null);
+    return (React.createElement("velt-comments-sidebar-filter-dropdown-v2", { ref: ref }, children));
+};
+
+var VeltCommentsSidebarV2FilterDropdownTrigger$1 = function (props) {
+    var isActive = props.isActive, children = props.children;
+    var ref = useRef(null);
+    return (React.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 = useRef(null);
+    return (React.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 = useRef(null);
+    return (React.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 = useRef(null);
+    return (React.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 = useRef(null);
+    return (React.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 = useRef(null);
+    return (React.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 = useRef(null);
+    return (React.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 = useRef(null);
+    return (React.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 = useRef(null);
@@ -2205,10 +2654,100 @@ var VeltCommentDialogOptionsDropdownContentMarkAsReadMarkUnread = function (prop
     return (React.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 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 VeltCommentDialogVisibilityBanner$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
     var ref = useRef(null);
-    useEffect(function () {
+    return (React.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 = useRef(null);
+    return (React.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 = useRef(null);
+    return (React.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 = useRef(null);
+    return (React.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 = useRef(null);
+    return (React.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 = useRef(null);
+    return (React.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 = useRef(null);
+    return (React.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 = useRef(null);
+    return (React.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 = useRef(null);
+    return (React.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 = useRef(null);
+    return (React.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 = useRef(null);
+    return (React.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 = useRef(null);
+    return (React.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 = useRef(null);
+    return (React.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 = useRef(null);
+    return (React.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 = useRef(null);
+    return (React.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 = useRef(null);
+    useEffect(function () {
         if (ref.current && onSetAssignTo) {
             var element_1 = ref.current;
             var handleSetAssignTo_1 = function (event) {
@@ -2895,6 +3434,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.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.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.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.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.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.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.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.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.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.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.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.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.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.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.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);
@@ -3887,6 +4530,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;
@@ -4619,6 +5263,194 @@ 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.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.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.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.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.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.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.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.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.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.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.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.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.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.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.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.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.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.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.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.createElement("velt-comments-sidebar-filter-dropdown-content-list-item-label-v2-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCommentsSidebarV2FilterDropdownContentListItem = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React.createElement("velt-comments-sidebar-filter-dropdown-content-list-item-v2-wireframe", __assign({}, transformedProps), children));
+};
+VeltCommentsSidebarV2FilterDropdownContentListItem.Indicator = VeltCommentsSidebarV2FilterDropdownContentListItemIndicator;
+VeltCommentsSidebarV2FilterDropdownContentListItem.Label = VeltCommentsSidebarV2FilterDropdownContentListItemLabel;
+
+var VeltCommentsSidebarV2FilterDropdownContentListCategoryContent = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React.createElement("velt-comments-sidebar-filter-dropdown-content-list-category-content-v2-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCommentsSidebarV2FilterDropdownContentListCategory = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React.createElement("velt-comments-sidebar-filter-dropdown-content-list-category-v2-wireframe", __assign({}, transformedProps), children));
+};
+VeltCommentsSidebarV2FilterDropdownContentListCategory.Content = VeltCommentsSidebarV2FilterDropdownContentListCategoryContent;
+
+var VeltCommentsSidebarV2FilterDropdownContentList = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React.createElement("velt-comments-sidebar-filter-dropdown-content-list-v2-wireframe", __assign({}, transformedProps), children));
+};
+VeltCommentsSidebarV2FilterDropdownContentList.Item = VeltCommentsSidebarV2FilterDropdownContentListItem;
+VeltCommentsSidebarV2FilterDropdownContentList.Category = VeltCommentsSidebarV2FilterDropdownContentListCategory;
+
+var VeltCommentsSidebarV2FilterDropdownContent = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React.createElement("velt-comments-sidebar-filter-dropdown-content-v2-wireframe", __assign({}, transformedProps), children));
+};
+VeltCommentsSidebarV2FilterDropdownContent.List = VeltCommentsSidebarV2FilterDropdownContentList;
+
+var VeltCommentsSidebarV2FilterDropdown = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React.createElement("velt-comments-sidebar-filter-dropdown-v2-wireframe", __assign({}, transformedProps), children));
+};
+VeltCommentsSidebarV2FilterDropdown.Trigger = VeltCommentsSidebarV2FilterDropdownTrigger;
+VeltCommentsSidebarV2FilterDropdown.Content = VeltCommentsSidebarV2FilterDropdownContent;
+
+var VeltCommentsSidebarV2Wireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React.createElement("velt-comments-sidebar-v2-wireframe", __assign({}, transformedProps), children));
+};
+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"]);
     var transformedProps = transformWireframeProps(remainingProps);
@@ -4667,19 +5499,19 @@ VeltCommentPinWireframe.Triangle = VeltCommentPinTriangle;
 VeltCommentPinWireframe.UnreadCommentIndicator = VeltCommentPinUnreadCommentIndicator;
 VeltCommentPinWireframe.Number = VeltCommentPinNumber;
 
-var VeltSidebarButtonCommentsCount = function (props) {
+var VeltSidebarButtonCommentsCount$1 = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
     return (React.createElement("velt-sidebar-button-comments-count-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltSidebarButtonIcon = function (props) {
+var VeltSidebarButtonIcon$1 = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
     return (React.createElement("velt-sidebar-button-icon-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltSidebarButtonUnreadIcon = function (props) {
+var VeltSidebarButtonUnreadIcon$1 = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
     return (React.createElement("velt-sidebar-button-unread-icon-wireframe", __assign({}, transformedProps), children));
@@ -4690,9 +5522,9 @@ var VeltSidebarButtonWireframe = function (props) {
     var transformedProps = transformWireframeProps(remainingProps);
     return (React.createElement("velt-sidebar-button-wireframe", __assign({}, transformedProps), children));
 };
-VeltSidebarButtonWireframe.CommentsCount = VeltSidebarButtonCommentsCount;
-VeltSidebarButtonWireframe.Icon = VeltSidebarButtonIcon;
-VeltSidebarButtonWireframe.UnreadIcon = VeltSidebarButtonUnreadIcon;
+VeltSidebarButtonWireframe.CommentsCount = VeltSidebarButtonCommentsCount$1;
+VeltSidebarButtonWireframe.Icon = VeltSidebarButtonIcon$1;
+VeltSidebarButtonWireframe.UnreadIcon = VeltSidebarButtonUnreadIcon$1;
 
 var VeltCommentToolWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
@@ -4706,39 +5538,39 @@ var VeltTextCommentToolWireframe = function (props) {
     return (React.createElement("velt-text-comment-tool-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltTextCommentToolbarCommentAnnotation = function (props) {
+var VeltTextCommentToolbarCommentAnnotation$1 = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
     return (React.createElement("velt-text-comment-toolbar-comment-annotation-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltTextCommentToolbarCopywriter = function (props) {
+var VeltTextCommentToolbarCopywriter$1 = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
     return (React.createElement("velt-text-comment-toolbar-copywriter-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltTextCommentToolbarGeneric = function (props) {
+var VeltTextCommentToolbarGeneric$1 = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
     return (React.createElement("velt-text-comment-toolbar-generic-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltTextCommentToolbarDivider = function (props) {
+var VeltTextCommentToolbarDivider$1 = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
     return (React.createElement("velt-text-comment-toolbar-divider-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltTextCommentToolbar = function (props) {
+var VeltTextCommentToolbar$1 = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
     return (React.createElement("velt-text-comment-toolbar-wireframe", __assign({}, transformedProps), children));
 };
-VeltTextCommentToolbar.CommentAnnotation = VeltTextCommentToolbarCommentAnnotation;
-VeltTextCommentToolbar.Copywriter = VeltTextCommentToolbarCopywriter;
-VeltTextCommentToolbar.Generic = VeltTextCommentToolbarGeneric;
-VeltTextCommentToolbar.Divider = VeltTextCommentToolbarDivider;
+VeltTextCommentToolbar$1.CommentAnnotation = VeltTextCommentToolbarCommentAnnotation$1;
+VeltTextCommentToolbar$1.Copywriter = VeltTextCommentToolbarCopywriter$1;
+VeltTextCommentToolbar$1.Generic = VeltTextCommentToolbarGeneric$1;
+VeltTextCommentToolbar$1.Divider = VeltTextCommentToolbarDivider$1;
 
 var VeltUserSelectorDropdownAvatar = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
@@ -4841,6 +5673,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.createElement("velt-autocomplete-empty-wireframe", __assign({}, transformedProps), children));
+};
+
 var VeltCommentBubbleAvatar = function (props) {
     var children = props.children;
     return (React.createElement("velt-comment-bubble-avatar-wireframe", null, children));
@@ -7093,281 +7931,829 @@ var VeltTranscriptionSummaryExpandToggleWireframe = function (props) {
     var transformedProps = transformWireframeProps(remainingProps);
     return (React.createElement("velt-transcription-summary-expand-toggle-wireframe", __assign({}, transformedProps), children));
 };
-VeltTranscriptionSummaryExpandToggleWireframe.On = VeltTranscriptionSummaryExpandToggleOnWireframe;
-VeltTranscriptionSummaryExpandToggleWireframe.Off = VeltTranscriptionSummaryExpandToggleOffWireframe;
+VeltTranscriptionSummaryExpandToggleWireframe.On = VeltTranscriptionSummaryExpandToggleOnWireframe;
+VeltTranscriptionSummaryExpandToggleWireframe.Off = VeltTranscriptionSummaryExpandToggleOffWireframe;
+
+var VeltTranscriptionSummaryTextWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React.createElement("velt-transcription-summary-text-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltTranscriptionSummaryWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React.createElement("velt-transcription-summary-wireframe", __assign({}, transformedProps), children));
+};
+VeltTranscriptionSummaryWireframe.ExpandToggle = VeltTranscriptionSummaryExpandToggleWireframe;
+VeltTranscriptionSummaryWireframe.Text = VeltTranscriptionSummaryTextWireframe;
+
+var VeltTranscriptionPanelWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React.createElement("velt-transcription-panel-wireframe", __assign({}, transformedProps), children));
+};
+VeltTranscriptionPanelWireframe.CloseButton = VeltTranscriptionCloseButtonWireframe;
+VeltTranscriptionPanelWireframe.CopyLink = VeltTranscriptionCopyLinkWireframe;
+VeltTranscriptionPanelWireframe.Summary = VeltTranscriptionSummaryWireframe;
+VeltTranscriptionPanelWireframe.Content = VeltTranscriptionContentWireframe;
+
+var VeltTranscriptionEmbedModeWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React.createElement("velt-transcription-embed-mode-wireframe", __assign({}, transformedProps), children));
+};
+VeltTranscriptionEmbedModeWireframe.Panel = VeltTranscriptionPanelWireframe;
+
+var VeltTranscriptionPanelContainerWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React.createElement("velt-transcription-panel-container-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltTranscriptionButtonWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React.createElement("velt-transcription-button-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltTranscriptionTooltipWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React.createElement("velt-transcription-tooltip-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltTranscriptionFloatingModeWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React.createElement("velt-transcription-floating-mode-wireframe", __assign({}, transformedProps), children));
+};
+VeltTranscriptionFloatingModeWireframe.Button = VeltTranscriptionButtonWireframe;
+VeltTranscriptionFloatingModeWireframe.Tooltip = VeltTranscriptionTooltipWireframe;
+VeltTranscriptionFloatingModeWireframe.PanelContainer = VeltTranscriptionPanelContainerWireframe;
+VeltTranscriptionFloatingModeWireframe.Panel = VeltTranscriptionPanelWireframe;
+
+var VeltTranscriptionWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    transformWireframeProps(remainingProps);
+    return (React.createElement(React.Fragment, null, children));
+};
+VeltTranscriptionWireframe.EmbedMode = VeltTranscriptionEmbedModeWireframe;
+VeltTranscriptionWireframe.FloatingMode = VeltTranscriptionFloatingModeWireframe;
+
+var VeltButtonWireframe = function (props) {
+    var id = props.id, disabled = props.disabled, active = props.active, type = props.type, group = props.group, children = props.children, remainingProps = __rest(props, ["id", "disabled", "active", "type", "group", "children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    var ref = useRef();
+    return (React.createElement("velt-button-wireframe", __assign({ ref: ref, id: id, disabled: [true, false].includes(disabled) ? (disabled ? 'true' : 'false') : undefined, active: [true, false].includes(active) ? (active ? 'true' : 'false') : undefined, type: type, group: group }, transformedProps), children));
+};
+
+var VeltSingleEditorModePanelAcceptRequestWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React.createElement("velt-single-editor-mode-panel-accept-request-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltSingleEditorModePanelCancelRequestWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React.createElement("velt-single-editor-mode-panel-cancel-request-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltSingleEditorModePanelCountdownWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React.createElement("velt-single-editor-mode-panel-countdown-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltSingleEditorModePanelEditHereWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React.createElement("velt-single-editor-mode-panel-edit-here-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltSingleEditorModePanelEditorTextWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React.createElement("velt-single-editor-mode-panel-editor-text-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltSingleEditorModePanelRejectRequestWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React.createElement("velt-single-editor-mode-panel-reject-request-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltSingleEditorModePanelRequestAccessWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React.createElement("velt-single-editor-mode-panel-request-access-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltSingleEditorModePanelViewerTextWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React.createElement("velt-single-editor-mode-panel-viewer-text-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltSingleEditorModePanelWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React.createElement("velt-single-editor-mode-panel-wireframe", __assign({}, transformedProps), children));
+};
+VeltSingleEditorModePanelWireframe.RequestAccess = VeltSingleEditorModePanelRequestAccessWireframe;
+VeltSingleEditorModePanelWireframe.RejectRequest = VeltSingleEditorModePanelRejectRequestWireframe;
+VeltSingleEditorModePanelWireframe.ViewerText = VeltSingleEditorModePanelViewerTextWireframe;
+VeltSingleEditorModePanelWireframe.EditorText = VeltSingleEditorModePanelEditorTextWireframe;
+VeltSingleEditorModePanelWireframe.EditHere = VeltSingleEditorModePanelEditHereWireframe;
+VeltSingleEditorModePanelWireframe.Countdown = VeltSingleEditorModePanelCountdownWireframe;
+VeltSingleEditorModePanelWireframe.CancelRequest = VeltSingleEditorModePanelCancelRequestWireframe;
+VeltSingleEditorModePanelWireframe.AcceptRequest = VeltSingleEditorModePanelAcceptRequestWireframe;
+
+var VeltPresenceAvatarListItemWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React.createElement("velt-presence-avatar-list-item-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltPresenceAvatarListWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React.createElement("velt-presence-avatar-list-wireframe", __assign({}, transformedProps), children));
+};
+VeltPresenceAvatarListWireframe.Item = VeltPresenceAvatarListItemWireframe;
+
+var VeltPresenceAvatarRemainingCountWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React.createElement("velt-presence-avatar-remaining-count-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltPresenceWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React.createElement("velt-presence-wireframe", __assign({}, transformedProps), children));
+};
+VeltPresenceWireframe.AvatarList = VeltPresenceAvatarListWireframe;
+VeltPresenceWireframe.AvatarRemainingCount = VeltPresenceAvatarRemainingCountWireframe;
+
+var VeltPresenceTooltipAvatarWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React.createElement("velt-presence-tooltip-avatar-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltPresenceTooltipUserActiveWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React.createElement("velt-presence-tooltip-user-active-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltPresenceTooltipUserInactiveWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React.createElement("velt-presence-tooltip-user-inactive-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltPresenceTooltipUserNameWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React.createElement("velt-presence-tooltip-user-name-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltPresenceTooltipStatusContainerWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React.createElement("velt-presence-tooltip-status-container-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltPresenceTooltipWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React.createElement("velt-presence-tooltip-wireframe", __assign({}, transformedProps), children));
+};
+VeltPresenceTooltipWireframe.Avatar = VeltPresenceTooltipAvatarWireframe;
+VeltPresenceTooltipWireframe.UserActive = VeltPresenceTooltipUserActiveWireframe;
+VeltPresenceTooltipWireframe.UserInactive = VeltPresenceTooltipUserInactiveWireframe;
+VeltPresenceTooltipWireframe.UserName = VeltPresenceTooltipUserNameWireframe;
+VeltPresenceTooltipWireframe.StatusContainer = VeltPresenceTooltipStatusContainerWireframe;
+
+var VeltCursorPointerArrowWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React.createElement("velt-cursor-pointer-arrow-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCursorPointerAudioHuddleAvatarWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React.createElement("velt-cursor-pointer-audio-huddle-avatar-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCursorPointerAudioHuddleAudioWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React.createElement("velt-cursor-pointer-audio-huddle-audio-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCursorPointerAudioHuddleWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React.createElement("velt-cursor-pointer-audio-huddle-wireframe", __assign({}, transformedProps), children));
+};
+VeltCursorPointerAudioHuddleWireframe.Avatar = VeltCursorPointerAudioHuddleAvatarWireframe;
+VeltCursorPointerAudioHuddleWireframe.Audio = VeltCursorPointerAudioHuddleAudioWireframe;
+
+var VeltCursorPointerAvatarWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React.createElement("velt-cursor-pointer-avatar-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCursorPointerDefaultNameWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React.createElement("velt-cursor-pointer-default-name-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCursorPointerDefaultCommentWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React.createElement("velt-cursor-pointer-default-comment-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCursorPointerDefaultWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React.createElement("velt-cursor-pointer-default-wireframe", __assign({}, transformedProps), children));
+};
+VeltCursorPointerDefaultWireframe.Name = VeltCursorPointerDefaultNameWireframe;
+VeltCursorPointerDefaultWireframe.Comment = VeltCursorPointerDefaultCommentWireframe;
+
+var VeltCursorPointerVideoHuddleWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React.createElement("velt-cursor-pointer-video-huddle-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCursorPointerWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React.createElement("velt-cursor-pointer-wireframe", __assign({}, transformedProps), children));
+};
+VeltCursorPointerWireframe.Arrow = VeltCursorPointerArrowWireframe;
+VeltCursorPointerWireframe.AudioHuddle = VeltCursorPointerAudioHuddleWireframe;
+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 = useRef(null);
+    return (React.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 = useRef(null);
+    return (React.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 = useRef(null);
+    return (React.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 = useRef(null);
+    return (React.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 = useRef(null);
+    return (React.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 = useRef(null);
+    return (React.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 = useRef(null);
+    return (React.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 = useRef(null);
+    return (React.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 = useRef(null);
+    return (React.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 = useRef(null);
+    return (React.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 = useRef(null);
+    return (React.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 = useRef(null);
+    return (React.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 = useRef(null);
+    return (React.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 = useRef(null);
+    return (React.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 = useRef(null);
+    return (React.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 = useRef(null);
+    return (React.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 = useRef(null);
+    return (React.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 = useRef(null);
+    return (React.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 = useRef(null);
+    return (React.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 = useRef(null);
+    return (React.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 = useRef(null);
+    return (React.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 = useRef(null);
+    return (React.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 = useRef(null);
+    return (React.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 = useRef(null);
+    return (React.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 = useRef(null);
+    return (React.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 = useRef(null);
+    return (React.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 = useRef(null);
+    return (React.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 VeltTranscriptionSummaryTextWireframe = function (props) {
+var VeltActivityLogHeaderTitleWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React.createElement("velt-transcription-summary-text-wireframe", __assign({}, transformedProps), children));
+    return (React.createElement("velt-activity-log-header-title-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltTranscriptionSummaryWireframe = function (props) {
+var VeltActivityLogHeaderFilterTriggerIconWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React.createElement("velt-transcription-summary-wireframe", __assign({}, transformedProps), children));
+    return (React.createElement("velt-activity-log-header-filter-trigger-icon-wireframe", __assign({}, transformedProps), children));
 };
-VeltTranscriptionSummaryWireframe.ExpandToggle = VeltTranscriptionSummaryExpandToggleWireframe;
-VeltTranscriptionSummaryWireframe.Text = VeltTranscriptionSummaryTextWireframe;
 
-var VeltTranscriptionPanelWireframe = function (props) {
+var VeltActivityLogHeaderFilterTriggerLabelWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React.createElement("velt-transcription-panel-wireframe", __assign({}, transformedProps), children));
+    return (React.createElement("velt-activity-log-header-filter-trigger-label-wireframe", __assign({}, transformedProps), children));
 };
-VeltTranscriptionPanelWireframe.CloseButton = VeltTranscriptionCloseButtonWireframe;
-VeltTranscriptionPanelWireframe.CopyLink = VeltTranscriptionCopyLinkWireframe;
-VeltTranscriptionPanelWireframe.Summary = VeltTranscriptionSummaryWireframe;
-VeltTranscriptionPanelWireframe.Content = VeltTranscriptionContentWireframe;
 
-var VeltTranscriptionEmbedModeWireframe = function (props) {
+var VeltActivityLogHeaderFilterTriggerWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React.createElement("velt-transcription-embed-mode-wireframe", __assign({}, transformedProps), children));
+    return (React.createElement("velt-activity-log-header-filter-trigger-wireframe", __assign({}, transformedProps), children));
 };
-VeltTranscriptionEmbedModeWireframe.Panel = VeltTranscriptionPanelWireframe;
+VeltActivityLogHeaderFilterTriggerWireframe.Icon = VeltActivityLogHeaderFilterTriggerIconWireframe;
+VeltActivityLogHeaderFilterTriggerWireframe.Label = VeltActivityLogHeaderFilterTriggerLabelWireframe;
 
-var VeltTranscriptionPanelContainerWireframe = function (props) {
+var VeltActivityLogHeaderFilterContentItemIconWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React.createElement("velt-transcription-panel-container-wireframe", __assign({}, transformedProps), children));
+    return (React.createElement("velt-activity-log-header-filter-content-item-icon-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltTranscriptionButtonWireframe = function (props) {
+var VeltActivityLogHeaderFilterContentItemLabelWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React.createElement("velt-transcription-button-wireframe", __assign({}, transformedProps), children));
+    return (React.createElement("velt-activity-log-header-filter-content-item-label-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltTranscriptionTooltipWireframe = function (props) {
+var VeltActivityLogHeaderFilterContentItemWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React.createElement("velt-transcription-tooltip-wireframe", __assign({}, transformedProps), children));
+    return (React.createElement("velt-activity-log-header-filter-content-item-wireframe", __assign({}, transformedProps), children));
 };
+VeltActivityLogHeaderFilterContentItemWireframe.Icon = VeltActivityLogHeaderFilterContentItemIconWireframe;
+VeltActivityLogHeaderFilterContentItemWireframe.Label = VeltActivityLogHeaderFilterContentItemLabelWireframe;
 
-var VeltTranscriptionFloatingModeWireframe = function (props) {
+var VeltActivityLogHeaderFilterContentWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React.createElement("velt-transcription-floating-mode-wireframe", __assign({}, transformedProps), children));
+    return (React.createElement("velt-activity-log-header-filter-content-wireframe", __assign({}, transformedProps), children));
 };
-VeltTranscriptionFloatingModeWireframe.Button = VeltTranscriptionButtonWireframe;
-VeltTranscriptionFloatingModeWireframe.Tooltip = VeltTranscriptionTooltipWireframe;
-VeltTranscriptionFloatingModeWireframe.PanelContainer = VeltTranscriptionPanelContainerWireframe;
-VeltTranscriptionFloatingModeWireframe.Panel = VeltTranscriptionPanelWireframe;
+VeltActivityLogHeaderFilterContentWireframe.Item = VeltActivityLogHeaderFilterContentItemWireframe;
 
-var VeltTranscriptionWireframe = function (props) {
+var VeltActivityLogHeaderFilterWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
-    transformWireframeProps(remainingProps);
-    return (React.createElement(React.Fragment, null, children));
-};
-VeltTranscriptionWireframe.EmbedMode = VeltTranscriptionEmbedModeWireframe;
-VeltTranscriptionWireframe.FloatingMode = VeltTranscriptionFloatingModeWireframe;
-
-var VeltButtonWireframe = function (props) {
-    var id = props.id, disabled = props.disabled, active = props.active, type = props.type, group = props.group, children = props.children, remainingProps = __rest(props, ["id", "disabled", "active", "type", "group", "children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    var ref = useRef();
-    return (React.createElement("velt-button-wireframe", __assign({ ref: ref, id: id, disabled: [true, false].includes(disabled) ? (disabled ? 'true' : 'false') : undefined, active: [true, false].includes(active) ? (active ? 'true' : 'false') : undefined, type: type, group: group }, transformedProps), children));
+    return (React.createElement("velt-activity-log-header-filter-wireframe", __assign({}, transformedProps), children));
 };
+VeltActivityLogHeaderFilterWireframe.Trigger = VeltActivityLogHeaderFilterTriggerWireframe;
+VeltActivityLogHeaderFilterWireframe.Content = VeltActivityLogHeaderFilterContentWireframe;
 
-var VeltSingleEditorModePanelAcceptRequestWireframe = function (props) {
+var VeltActivityLogHeaderCloseButtonWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React.createElement("velt-single-editor-mode-panel-accept-request-wireframe", __assign({}, transformedProps), children));
+    return (React.createElement("velt-activity-log-header-close-button-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltSingleEditorModePanelCancelRequestWireframe = function (props) {
+var VeltActivityLogHeaderWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React.createElement("velt-single-editor-mode-panel-cancel-request-wireframe", __assign({}, transformedProps), children));
+    return (React.createElement("velt-activity-log-header-wireframe", __assign({}, transformedProps), children));
 };
+VeltActivityLogHeaderWireframe.Title = VeltActivityLogHeaderTitleWireframe;
+VeltActivityLogHeaderWireframe.Filter = VeltActivityLogHeaderFilterWireframe;
+VeltActivityLogHeaderWireframe.CloseButton = VeltActivityLogHeaderCloseButtonWireframe;
 
-var VeltSingleEditorModePanelCountdownWireframe = function (props) {
+var VeltActivityLogListDateGroupLabelWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React.createElement("velt-single-editor-mode-panel-countdown-wireframe", __assign({}, transformedProps), children));
+    return (React.createElement("velt-activity-log-list-date-group-label-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltSingleEditorModePanelEditHereWireframe = function (props) {
+var VeltActivityLogListDateGroupWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React.createElement("velt-single-editor-mode-panel-edit-here-wireframe", __assign({}, transformedProps), children));
+    return (React.createElement("velt-activity-log-list-date-group-wireframe", __assign({}, transformedProps), children));
 };
+VeltActivityLogListDateGroupWireframe.Label = VeltActivityLogListDateGroupLabelWireframe;
 
-var VeltSingleEditorModePanelEditorTextWireframe = function (props) {
+var VeltActivityLogListItemIconWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React.createElement("velt-single-editor-mode-panel-editor-text-wireframe", __assign({}, transformedProps), children));
+    return (React.createElement("velt-activity-log-list-item-icon-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltSingleEditorModePanelRejectRequestWireframe = function (props) {
+var VeltActivityLogListItemAvatarWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React.createElement("velt-single-editor-mode-panel-reject-request-wireframe", __assign({}, transformedProps), children));
+    return (React.createElement("velt-activity-log-list-item-avatar-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltSingleEditorModePanelRequestAccessWireframe = function (props) {
+var VeltActivityLogListItemContentUserWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React.createElement("velt-single-editor-mode-panel-request-access-wireframe", __assign({}, transformedProps), children));
+    return (React.createElement("velt-activity-log-list-item-content-user-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltSingleEditorModePanelViewerTextWireframe = function (props) {
+var VeltActivityLogListItemContentActionWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React.createElement("velt-single-editor-mode-panel-viewer-text-wireframe", __assign({}, transformedProps), children));
+    return (React.createElement("velt-activity-log-list-item-content-action-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltSingleEditorModePanelWireframe = function (props) {
+var VeltActivityLogListItemContentTargetWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React.createElement("velt-single-editor-mode-panel-wireframe", __assign({}, transformedProps), children));
+    return (React.createElement("velt-activity-log-list-item-content-target-wireframe", __assign({}, transformedProps), children));
 };
-VeltSingleEditorModePanelWireframe.RequestAccess = VeltSingleEditorModePanelRequestAccessWireframe;
-VeltSingleEditorModePanelWireframe.RejectRequest = VeltSingleEditorModePanelRejectRequestWireframe;
-VeltSingleEditorModePanelWireframe.ViewerText = VeltSingleEditorModePanelViewerTextWireframe;
-VeltSingleEditorModePanelWireframe.EditorText = VeltSingleEditorModePanelEditorTextWireframe;
-VeltSingleEditorModePanelWireframe.EditHere = VeltSingleEditorModePanelEditHereWireframe;
-VeltSingleEditorModePanelWireframe.Countdown = VeltSingleEditorModePanelCountdownWireframe;
-VeltSingleEditorModePanelWireframe.CancelRequest = VeltSingleEditorModePanelCancelRequestWireframe;
-VeltSingleEditorModePanelWireframe.AcceptRequest = VeltSingleEditorModePanelAcceptRequestWireframe;
 
-var VeltPresenceAvatarListItemWireframe = function (props) {
+var VeltActivityLogListItemContentDetailWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React.createElement("velt-presence-avatar-list-item-wireframe", __assign({}, transformedProps), children));
+    return (React.createElement("velt-activity-log-list-item-content-detail-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltPresenceAvatarListWireframe = function (props) {
+var VeltActivityLogListItemContentWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React.createElement("velt-presence-avatar-list-wireframe", __assign({}, transformedProps), children));
+    return (React.createElement("velt-activity-log-list-item-content-wireframe", __assign({}, transformedProps), children));
 };
-VeltPresenceAvatarListWireframe.Item = VeltPresenceAvatarListItemWireframe;
+VeltActivityLogListItemContentWireframe.User = VeltActivityLogListItemContentUserWireframe;
+VeltActivityLogListItemContentWireframe.Action = VeltActivityLogListItemContentActionWireframe;
+VeltActivityLogListItemContentWireframe.Target = VeltActivityLogListItemContentTargetWireframe;
+VeltActivityLogListItemContentWireframe.Detail = VeltActivityLogListItemContentDetailWireframe;
 
-var VeltPresenceAvatarRemainingCountWireframe = function (props) {
+var VeltActivityLogListItemTimeWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React.createElement("velt-presence-avatar-remaining-count-wireframe", __assign({}, transformedProps), children));
+    return (React.createElement("velt-activity-log-list-item-time-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltPresenceWireframe = function (props) {
+var VeltActivityLogListItemWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React.createElement("velt-presence-wireframe", __assign({}, transformedProps), children));
+    return (React.createElement("velt-activity-log-list-item-wireframe", __assign({}, transformedProps), children));
 };
-VeltPresenceWireframe.AvatarList = VeltPresenceAvatarListWireframe;
-VeltPresenceWireframe.AvatarRemainingCount = VeltPresenceAvatarRemainingCountWireframe;
+VeltActivityLogListItemWireframe.Icon = VeltActivityLogListItemIconWireframe;
+VeltActivityLogListItemWireframe.Avatar = VeltActivityLogListItemAvatarWireframe;
+VeltActivityLogListItemWireframe.Content = VeltActivityLogListItemContentWireframe;
+VeltActivityLogListItemWireframe.Time = VeltActivityLogListItemTimeWireframe;
 
-var VeltPresenceTooltipAvatarWireframe = function (props) {
+var VeltActivityLogListShowMoreWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React.createElement("velt-presence-tooltip-avatar-wireframe", __assign({}, transformedProps), children));
+    return (React.createElement("velt-activity-log-list-show-more-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltPresenceTooltipUserActiveWireframe = function (props) {
+var VeltActivityLogListWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React.createElement("velt-presence-tooltip-user-active-wireframe", __assign({}, transformedProps), children));
+    return (React.createElement("velt-activity-log-list-wireframe", __assign({}, transformedProps), children));
 };
+VeltActivityLogListWireframe.DateGroup = VeltActivityLogListDateGroupWireframe;
+VeltActivityLogListWireframe.Item = VeltActivityLogListItemWireframe;
+VeltActivityLogListWireframe.ShowMore = VeltActivityLogListShowMoreWireframe;
 
-var VeltPresenceTooltipUserInactiveWireframe = function (props) {
+var VeltActivityLogLoadingWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React.createElement("velt-presence-tooltip-user-inactive-wireframe", __assign({}, transformedProps), children));
+    return (React.createElement("velt-activity-log-loading-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltPresenceTooltipUserNameWireframe = function (props) {
+var VeltActivityLogEmptyWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React.createElement("velt-presence-tooltip-user-name-wireframe", __assign({}, transformedProps), children));
+    return (React.createElement("velt-activity-log-empty-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltPresenceTooltipStatusContainerWireframe = function (props) {
+var VeltActivityLogWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React.createElement("velt-presence-tooltip-status-container-wireframe", __assign({}, transformedProps), children));
+    return (React.createElement("velt-activity-log-wireframe", __assign({}, transformedProps), children));
 };
+VeltActivityLogWireframe.Header = VeltActivityLogHeaderWireframe;
+VeltActivityLogWireframe.List = VeltActivityLogListWireframe;
+VeltActivityLogWireframe.Loading = VeltActivityLogLoadingWireframe;
+VeltActivityLogWireframe.Empty = VeltActivityLogEmptyWireframe;
 
-var VeltPresenceTooltipWireframe = function (props) {
-    var children = props.children, remainingProps = __rest(props, ["children"]);
-    var transformedProps = transformWireframeProps(remainingProps);
-    return (React.createElement("velt-presence-tooltip-wireframe", __assign({}, transformedProps), children));
+var VeltSidebarButtonIcon = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-sidebar-button-icon", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
-VeltPresenceTooltipWireframe.Avatar = VeltPresenceTooltipAvatarWireframe;
-VeltPresenceTooltipWireframe.UserActive = VeltPresenceTooltipUserActiveWireframe;
-VeltPresenceTooltipWireframe.UserInactive = VeltPresenceTooltipUserInactiveWireframe;
-VeltPresenceTooltipWireframe.UserName = VeltPresenceTooltipUserNameWireframe;
-VeltPresenceTooltipWireframe.StatusContainer = VeltPresenceTooltipStatusContainerWireframe;
 
-var VeltCursorPointerArrowWireframe = function (props) {
-    var children = props.children, remainingProps = __rest(props, ["children"]);
-    var transformedProps = transformWireframeProps(remainingProps);
-    return (React.createElement("velt-cursor-pointer-arrow-wireframe", __assign({}, transformedProps), children));
+var VeltSidebarButtonCommentsCount = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-sidebar-button-comments-count", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
-var VeltCursorPointerAudioHuddleAvatarWireframe = function (props) {
-    var children = props.children, remainingProps = __rest(props, ["children"]);
-    var transformedProps = transformWireframeProps(remainingProps);
-    return (React.createElement("velt-cursor-pointer-audio-huddle-avatar-wireframe", __assign({}, transformedProps), children));
+var VeltSidebarButtonUnreadIcon = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-sidebar-button-unread-icon", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
-var VeltCursorPointerAudioHuddleAudioWireframe = function (props) {
-    var children = props.children, remainingProps = __rest(props, ["children"]);
-    var transformedProps = transformWireframeProps(remainingProps);
-    return (React.createElement("velt-cursor-pointer-audio-huddle-audio-wireframe", __assign({}, transformedProps), children));
+var VeltTextComment = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-text-comment", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
-var VeltCursorPointerAudioHuddleWireframe = function (props) {
-    var children = props.children, remainingProps = __rest(props, ["children"]);
-    var transformedProps = transformWireframeProps(remainingProps);
-    return (React.createElement("velt-cursor-pointer-audio-huddle-wireframe", __assign({}, transformedProps), children));
+var VeltTextCommentTool = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-text-comment-tool", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
-VeltCursorPointerAudioHuddleWireframe.Avatar = VeltCursorPointerAudioHuddleAvatarWireframe;
-VeltCursorPointerAudioHuddleWireframe.Audio = VeltCursorPointerAudioHuddleAudioWireframe;
 
-var VeltCursorPointerAvatarWireframe = function (props) {
-    var children = props.children, remainingProps = __rest(props, ["children"]);
-    var transformedProps = transformWireframeProps(remainingProps);
-    return (React.createElement("velt-cursor-pointer-avatar-wireframe", __assign({}, transformedProps), children));
+var VeltTextCommentToolbar = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-text-comment-toolbar", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
-var VeltCursorPointerDefaultNameWireframe = function (props) {
-    var children = props.children, remainingProps = __rest(props, ["children"]);
-    var transformedProps = transformWireframeProps(remainingProps);
-    return (React.createElement("velt-cursor-pointer-default-name-wireframe", __assign({}, transformedProps), children));
+var VeltTextCommentToolbarCommentAnnotation = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-text-comment-toolbar-comment-annotation", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
-var VeltCursorPointerDefaultCommentWireframe = function (props) {
-    var children = props.children, remainingProps = __rest(props, ["children"]);
-    var transformedProps = transformWireframeProps(remainingProps);
-    return (React.createElement("velt-cursor-pointer-default-comment-wireframe", __assign({}, transformedProps), children));
+var VeltTextCommentToolbarDivider = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-text-comment-toolbar-divider", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
-var VeltCursorPointerDefaultWireframe = function (props) {
-    var children = props.children, remainingProps = __rest(props, ["children"]);
-    var transformedProps = transformWireframeProps(remainingProps);
-    return (React.createElement("velt-cursor-pointer-default-wireframe", __assign({}, transformedProps), children));
+var VeltTextCommentToolbarCopywriter = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-text-comment-toolbar-copywriter", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
-VeltCursorPointerDefaultWireframe.Name = VeltCursorPointerDefaultNameWireframe;
-VeltCursorPointerDefaultWireframe.Comment = VeltCursorPointerDefaultCommentWireframe;
 
-var VeltCursorPointerVideoHuddleWireframe = function (props) {
-    var children = props.children, remainingProps = __rest(props, ["children"]);
-    var transformedProps = transformWireframeProps(remainingProps);
-    return (React.createElement("velt-cursor-pointer-video-huddle-wireframe", __assign({}, transformedProps), children));
+var VeltTextCommentToolbarGeneric = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-text-comment-toolbar-generic", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
-var VeltCursorPointerWireframe = function (props) {
-    var children = props.children, remainingProps = __rest(props, ["children"]);
-    var transformedProps = transformWireframeProps(remainingProps);
-    return (React.createElement("velt-cursor-pointer-wireframe", __assign({}, transformedProps), children));
+var VeltMultiThreadCommentDialogList = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-multi-thread-comment-dialog-list", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltMultiThreadCommentDialogPanel = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-multi-thread-comment-dialog-panel", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltMultiThreadCommentDialogComposerContainer = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-multi-thread-comment-dialog-composer-container", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltMultiThreadCommentDialogCommentCount = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-multi-thread-comment-dialog-comment-count", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltMultiThreadCommentDialogEmptyPlaceholder = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-multi-thread-comment-dialog-empty-placeholder", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltMultiThreadCommentDialogCloseButton = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-multi-thread-comment-dialog-close-button", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltMultiThreadCommentDialogNewThreadButton = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-multi-thread-comment-dialog-new-thread-button", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltMultiThreadCommentDialogResetFilterButton = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-multi-thread-comment-dialog-reset-filter-button", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltMultiThreadCommentDialogMinimalFilterDropdown = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltMultiThreadCommentDialogMinimalFilterDropdownTrigger = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown-trigger", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltMultiThreadCommentDialogMinimalFilterDropdownContent = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown-content", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltMultiThreadCommentDialogMinimalFilterDropdownContentFilterAll = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown-content-filter-all", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltMultiThreadCommentDialogMinimalFilterDropdownContentFilterRead = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown-content-filter-read", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltMultiThreadCommentDialogMinimalFilterDropdownContentFilterResolved = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown-content-filter-resolved", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltMultiThreadCommentDialogMinimalFilterDropdownContentFilterUnread = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown-content-filter-unread", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltMultiThreadCommentDialogMinimalFilterDropdownContentSelectedIcon = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown-content-selected-icon", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltMultiThreadCommentDialogMinimalFilterDropdownContentSortDate = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown-content-sort-date", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltMultiThreadCommentDialogMinimalFilterDropdownContentSortUnread = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown-content-sort-unread", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltMultiThreadCommentDialogMinimalActionsDropdown = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-multi-thread-comment-dialog-minimal-actions-dropdown", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltMultiThreadCommentDialogMinimalActionsDropdownTrigger = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-multi-thread-comment-dialog-minimal-actions-dropdown-trigger", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltMultiThreadCommentDialogMinimalActionsDropdownContent = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-multi-thread-comment-dialog-minimal-actions-dropdown-content", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltMultiThreadCommentDialogMinimalActionsDropdownContentMarkAllRead = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-multi-thread-comment-dialog-minimal-actions-dropdown-content-mark-all-read", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltMultiThreadCommentDialogMinimalActionsDropdownContentMarkAllResolved = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-multi-thread-comment-dialog-minimal-actions-dropdown-content-mark-all-resolved", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
-VeltCursorPointerWireframe.Arrow = VeltCursorPointerArrowWireframe;
-VeltCursorPointerWireframe.AudioHuddle = VeltCursorPointerAudioHuddleWireframe;
-VeltCursorPointerWireframe.Avatar = VeltCursorPointerAvatarWireframe;
-VeltCursorPointerWireframe.Default = VeltCursorPointerDefaultWireframe;
-VeltCursorPointerWireframe.VideoHuddle = VeltCursorPointerVideoHuddleWireframe;
 
 function useClient() {
     var client = useVeltClient().client;
@@ -9266,6 +10652,48 @@ function useCrdtEventCallback(action) {
     return data;
 }
 
+function useActivityUtils() {
+    var _a = React.useState(), activityElement = _a[0], setActivityElement = _a[1];
+    var client = useVeltClient().client;
+    React.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 = useState(null), data = _a[0], setData = _a[1];
+    var subscriptionRef = useRef();
+    // Memoize the inputs
+    var memoizedConfig = React.useMemo(function () {
+        return config;
+    }, [JSON.stringify(config)]);
+    React.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;
@@ -9402,5 +10830,5 @@ var logLiveState = function (action, liveStateDataId) {
     }
 };
 
-export { SnippylyArrowTool as VeltArrowTool, SnippylyArrows as VeltArrows, VeltAutocomplete, VeltAutocompleteChipTooltipWireframe, VeltAutocompleteGroupOptionWireframe, VeltAutocompleteOptionWireframe, VeltButtonWireframe, VeltCanvasComment, VeltChartComment, SnippylyCommentBubble as VeltCommentBubble, VeltCommentBubbleWireframe, VeltCommentComposer, VeltCommentComposerWireframe, VeltCommentDialog, VeltCommentDialogAllComment$1 as VeltCommentDialogAllComment, VeltCommentDialogApprove$1 as VeltCommentDialogApprove, VeltCommentDialogAssignDropdown, VeltCommentDialogAssignMenu$1 as VeltCommentDialogAssignMenu, VeltCommentDialogAssigneeBanner$1 as VeltCommentDialogAssigneeBanner, VeltCommentDialogAssigneeBannerResolveButton$1 as VeltCommentDialogAssigneeBannerResolveButton, VeltCommentDialogAssigneeBannerUnresolveButton$1 as VeltCommentDialogAssigneeBannerUnresolveButton, VeltCommentDialogAssigneeBannerUserAvatar$1 as VeltCommentDialogAssigneeBannerUserAvatar, VeltCommentDialogAssigneeBannerUserName$1 as VeltCommentDialogAssigneeBannerUserName, VeltCommentDialogAttachmentButton, VeltCommentDialogBody$1 as VeltCommentDialogBody, VeltCommentDialogCloseButton$1 as VeltCommentDialogCloseButton, VeltCommentDialogCommentCategory$1 as VeltCommentDialogCommentCategory, VeltCommentDialogCommentIndex$1 as VeltCommentDialogCommentIndex, VeltCommentDialogCommentNumber$1 as VeltCommentDialogCommentNumber, VeltCommentDialogCommentSuggestionStatus$1 as VeltCommentDialogCommentSuggestionStatus, VeltCommentDialogComposer$1 as VeltCommentDialogComposer, VeltCommentDialogComposerActionButton$1 as VeltCommentDialogComposerActionButton, VeltCommentDialogComposerAssignUser$1 as VeltCommentDialogComposerAssignUser, VeltCommentDialogComposerAttachments$1 as VeltCommentDialogComposerAttachments, VeltCommentDialogComposerAttachmentsImage$1 as VeltCommentDialogComposerAttachmentsImage, VeltCommentDialogComposerAttachmentsImageDelete$1 as VeltCommentDialogComposerAttachmentsImageDelete, VeltCommentDialogComposerAttachmentsImageLoading$1 as VeltCommentDialogComposerAttachmentsImageLoading, VeltCommentDialogComposerAttachmentsImagePreview$1 as VeltCommentDialogComposerAttachmentsImagePreview, VeltCommentDialogComposerAttachmentsInvalid$1 as VeltCommentDialogComposerAttachmentsInvalid, VeltCommentDialogComposerAttachmentsInvalidItem$1 as VeltCommentDialogComposerAttachmentsInvalidItem, VeltCommentDialogComposerAttachmentsInvalidItemDelete$1 as VeltCommentDialogComposerAttachmentsInvalidItemDelete, VeltCommentDialogComposerAttachmentsInvalidItemMessage$1 as VeltCommentDialogComposerAttachmentsInvalidItemMessage, VeltCommentDialogComposerAttachmentsInvalidItemPreview$1 as VeltCommentDialogComposerAttachmentsInvalidItemPreview, VeltCommentDialogComposerAttachmentsOther$1 as VeltCommentDialogComposerAttachmentsOther, VeltCommentDialogComposerAttachmentsOtherDelete$1 as VeltCommentDialogComposerAttachmentsOtherDelete, VeltCommentDialogComposerAttachmentsOtherIcon$1 as VeltCommentDialogComposerAttachmentsOtherIcon, VeltCommentDialogComposerAttachmentsOtherLoading$1 as VeltCommentDialogComposerAttachmentsOtherLoading, VeltCommentDialogComposerAttachmentsOtherName$1 as VeltCommentDialogComposerAttachmentsOtherName, VeltCommentDialogComposerAttachmentsOtherSize$1 as VeltCommentDialogComposerAttachmentsOtherSize, VeltCommentDialogComposerAttachmentsSelected$1 as VeltCommentDialogComposerAttachmentsSelected, VeltCommentDialogComposerAvatar$1 as VeltCommentDialogComposerAvatar, VeltCommentDialogComposerFormatToolbar$1 as VeltCommentDialogComposerFormatToolbar, VeltCommentDialogComposerFormatToolbarButton$1 as VeltCommentDialogComposerFormatToolbarButton, VeltCommentDialogComposerInput$1 as VeltCommentDialogComposerInput, VeltCommentDialogComposerPrivateBadge$1 as VeltCommentDialogComposerPrivateBadge, VeltCommentDialogComposerRecordings$1 as VeltCommentDialogComposerRecordings, VeltCommentDialogContextWrapper, VeltCommentDialogCopyLink$1 as VeltCommentDialogCopyLink, VeltCommentDialogCustomAnnotationDropdown$1 as VeltCommentDialogCustomAnnotationDropdown, VeltCommentDialogCustomAnnotationDropdownContent$1 as VeltCommentDialogCustomAnnotationDropdownContent, VeltCommentDialogCustomAnnotationDropdownContentItem$1 as VeltCommentDialogCustomAnnotationDropdownContentItem, VeltCommentDialogCustomAnnotationDropdownContentItemIcon$1 as VeltCommentDialogCustomAnnotationDropdownContentItemIcon, VeltCommentDialogCustomAnnotationDropdownContentItemLabel$1 as VeltCommentDialogCustomAnnotationDropdownContentItemLabel, VeltCommentDialogCustomAnnotationDropdownTrigger$1 as VeltCommentDialogCustomAnnotationDropdownTrigger, VeltCommentDialogCustomAnnotationDropdownTriggerArrow$1 as VeltCommentDialogCustomAnnotationDropdownTriggerArrow, VeltCommentDialogCustomAnnotationDropdownTriggerList$1 as VeltCommentDialogCustomAnnotationDropdownTriggerList, VeltCommentDialogCustomAnnotationDropdownTriggerListItem$1 as VeltCommentDialogCustomAnnotationDropdownTriggerListItem, VeltCommentDialogCustomAnnotationDropdownTriggerPlaceholder$1 as VeltCommentDialogCustomAnnotationDropdownTriggerPlaceholder, VeltCommentDialogCustomAnnotationDropdownTriggerRemainingCount$1 as VeltCommentDialogCustomAnnotationDropdownTriggerRemainingCount, VeltCommentDialogDeleteButton$1 as VeltCommentDialogDeleteButton, VeltCommentDialogDeviceTypeIcons, VeltCommentDialogGhostBanner$1 as VeltCommentDialogGhostBanner, VeltCommentDialogHeader$1 as VeltCommentDialogHeader, VeltCommentDialogHideReply$1 as VeltCommentDialogHideReply, VeltCommentDialogMetadata, VeltCommentDialogMoreReply$1 as VeltCommentDialogMoreReply, VeltCommentDialogNavigationButton$1 as VeltCommentDialogNavigationButton, VeltCommentDialogOptions$1 as VeltCommentDialogOptions, VeltCommentDialogOptionsDropdown, VeltCommentDialogOptionsDropdownContent, VeltCommentDialogOptionsDropdownContentAssign, VeltCommentDialogOptionsDropdownContentDelete, VeltCommentDialogOptionsDropdownContentDeleteComment, VeltCommentDialogOptionsDropdownContentDeleteThread, VeltCommentDialogOptionsDropdownContentEdit, VeltCommentDialogOptionsDropdownContentMakePrivate, VeltCommentDialogOptionsDropdownContentMakePrivateDisable, VeltCommentDialogOptionsDropdownContentMakePrivateEnable, VeltCommentDialogOptionsDropdownContentMarkAsRead, VeltCommentDialogOptionsDropdownContentMarkAsReadMarkRead, VeltCommentDialogOptionsDropdownContentMarkAsReadMarkUnread, VeltCommentDialogOptionsDropdownContentNotification, VeltCommentDialogOptionsDropdownContentNotificationSubscribe, VeltCommentDialogOptionsDropdownContentNotificationUnsubscribe, VeltCommentDialogOptionsDropdownContentWireframe, VeltCommentDialogOptionsDropdownTrigger, VeltCommentDialogOptionsDropdownTriggerWireframe, VeltCommentDialogPriority$1 as VeltCommentDialogPriority, VeltCommentDialogPriorityDropdown, VeltCommentDialogPriorityDropdownContent, VeltCommentDialogPriorityDropdownContentItem, VeltCommentDialogPriorityDropdownContentItemIcon, VeltCommentDialogPriorityDropdownContentItemName, VeltCommentDialogPriorityDropdownContentItemTick, VeltCommentDialogPriorityDropdownContentWireframe, VeltCommentDialogPriorityDropdownTrigger, VeltCommentDialogPriorityDropdownTriggerArrow, VeltCommentDialogPriorityDropdownTriggerIcon, VeltCommentDialogPriorityDropdownTriggerName, VeltCommentDialogPriorityDropdownTriggerWireframe, VeltCommentDialogPrivateBanner$1 as VeltCommentDialogPrivateBanner, VeltCommentDialogPrivateButton, VeltCommentDialogReplyAvatars$1 as VeltCommentDialogReplyAvatars, VeltCommentDialogReplyAvatarsList$1 as VeltCommentDialogReplyAvatarsList, VeltCommentDialogReplyAvatarsListItem$1 as VeltCommentDialogReplyAvatarsListItem, VeltCommentDialogReplyAvatarsRemainingCount$1 as VeltCommentDialogReplyAvatarsRemainingCount, VeltCommentDialogResolveButton$1 as VeltCommentDialogResolveButton, VeltCommentDialogSignIn$1 as VeltCommentDialogSignIn, VeltCommentDialogStatus$1 as VeltCommentDialogStatus, VeltCommentDialogStatusDropdown, VeltCommentDialogStatusDropdownContent, VeltCommentDialogStatusDropdownContentItem, VeltCommentDialogStatusDropdownContentItemIcon, VeltCommentDialogStatusDropdownContentItemName, VeltCommentDialogStatusDropdownContentWireframe, VeltCommentDialogStatusDropdownTrigger, VeltCommentDialogStatusDropdownTriggerArrow, VeltCommentDialogStatusDropdownTriggerIcon, VeltCommentDialogStatusDropdownTriggerName, VeltCommentDialogStatusDropdownTriggerWireframe, VeltCommentDialogSuggestionAction$1 as VeltCommentDialogSuggestionAction, VeltCommentDialogSuggestionActionAccept$1 as VeltCommentDialogSuggestionActionAccept, VeltCommentDialogSuggestionActionReject$1 as VeltCommentDialogSuggestionActionReject, VeltCommentDialogThreadCard$1 as VeltCommentDialogThreadCard, VeltCommentDialogThreadCardAttachments$1 as VeltCommentDialogThreadCardAttachments, VeltCommentDialogThreadCardAttachmentsImage$1 as VeltCommentDialogThreadCardAttachmentsImage, VeltCommentDialogThreadCardAttachmentsImageDelete$1 as VeltCommentDialogThreadCardAttachmentsImageDelete, VeltCommentDialogThreadCardAttachmentsImageDownload$1 as VeltCommentDialogThreadCardAttachmentsImageDownload, VeltCommentDialogThreadCardAttachmentsImagePreview$1 as VeltCommentDialogThreadCardAttachmentsImagePreview, VeltCommentDialogThreadCardAttachmentsOther$1 as VeltCommentDialogThreadCardAttachmentsOther, VeltCommentDialogThreadCardAttachmentsOtherDelete$1 as VeltCommentDialogThreadCardAttachmentsOtherDelete, VeltCommentDialogThreadCardAttachmentsOtherDownload$1 as VeltCommentDialogThreadCardAttachmentsOtherDownload, VeltCommentDialogThreadCardAttachmentsOtherIcon$1 as VeltCommentDialogThreadCardAttachmentsOtherIcon, VeltCommentDialogThreadCardAttachmentsOtherName$1 as VeltCommentDialogThreadCardAttachmentsOtherName, VeltCommentDialogThreadCardAttachmentsOtherSize$1 as VeltCommentDialogThreadCardAttachmentsOtherSize, VeltCommentDialogThreadCardAvatar$1 as VeltCommentDialogThreadCardAvatar, VeltCommentDialogThreadCardDeviceType$1 as VeltCommentDialogThreadCardDeviceType, VeltCommentDialogThreadCardDraft$1 as VeltCommentDialogThreadCardDraft, VeltCommentDialogThreadCardEdited$1 as VeltCommentDialogThreadCardEdited, VeltCommentDialogThreadCardMessage$1 as VeltCommentDialogThreadCardMessage, VeltCommentDialogThreadCardName$1 as VeltCommentDialogThreadCardName, VeltCommentDialogThreadCardOptions$1 as VeltCommentDialogThreadCardOptions, VeltCommentDialogThreadCardReactionTool$1 as VeltCommentDialogThreadCardReactionTool, VeltCommentDialogThreadCardReactions$1 as VeltCommentDialogThreadCardReactions, VeltCommentDialogThreadCardRecordings$1 as VeltCommentDialogThreadCardRecordings, VeltCommentDialogThreadCardReply$1 as VeltCommentDialogThreadCardReply, VeltCommentDialogThreadCardSeenDropdown$1 as VeltCommentDialogThreadCardSeenDropdown, VeltCommentDialogThreadCardSeenDropdownContent$1 as VeltCommentDialogThreadCardSeenDropdownContent, VeltCommentDialogThreadCardSeenDropdownContentItem$1 as VeltCommentDialogThreadCardSeenDropdownContentItem, VeltCommentDialogThreadCardSeenDropdownContentItemAvatar$1 as VeltCommentDialogThreadCardSeenDropdownContentItemAvatar, VeltCommentDialogThreadCardSeenDropdownContentItemName$1 as VeltCommentDialogThreadCardSeenDropdownContentItemName, VeltCommentDialogThreadCardSeenDropdownContentItemTime$1 as VeltCommentDialogThreadCardSeenDropdownContentItemTime, VeltCommentDialogThreadCardSeenDropdownContentItems$1 as VeltCommentDialogThreadCardSeenDropdownContentItems, VeltCommentDialogThreadCardSeenDropdownContentTitle$1 as VeltCommentDialogThreadCardSeenDropdownContentTitle, VeltCommentDialogThreadCardSeenDropdownTrigger$1 as VeltCommentDialogThreadCardSeenDropdownTrigger, VeltCommentDialogThreadCardTime$1 as VeltCommentDialogThreadCardTime, VeltCommentDialogThreadCardUnread$1 as VeltCommentDialogThreadCardUnread, VeltCommentDialogThreads$1 as VeltCommentDialogThreads, VeltCommentDialogToggleReply$1 as VeltCommentDialogToggleReply, VeltCommentDialogToggleReplyCount$1 as VeltCommentDialogToggleReplyCount, VeltCommentDialogToggleReplyIcon$1 as VeltCommentDialogToggleReplyIcon, VeltCommentDialogToggleReplyText$1 as VeltCommentDialogToggleReplyText, VeltCommentDialogUnresolveButton$1 as VeltCommentDialogUnresolveButton, VeltCommentDialogUpgrade$1 as VeltCommentDialogUpgrade, VeltCommentDialogVisibilityDropdown$1 as VeltCommentDialogVisibilityDropdown, VeltCommentDialogVisibilityDropdownContent, VeltCommentDialogVisibilityDropdownContentPrivate, VeltCommentDialogVisibilityDropdownContentPublic, VeltCommentDialogVisibilityDropdownTrigger, VeltCommentDialogVisibilityDropdownTriggerIcon, VeltCommentDialogVisibilityDropdownTriggerLabel, VeltCommentDialogWireframe, VeltCommentPin, VeltCommentPinWireframe, VeltCommentPlayerTimeline, VeltCommentText, VeltCommentThread, VeltCommentThreadWireframe, SnippylyCommentTool as VeltCommentTool, VeltCommentToolWireframe, SnippylyComments as VeltComments, VeltCommentsMinimap, SnippylyCommentsSidebar as VeltCommentsSidebar, VeltCommentsSidebarButton, VeltCommentsSidebarStatusDropdownWireframe, VeltCommentsSidebarWireframe, VeltConfirmDialogWireframe, SnippylyCursor as VeltCursor, VeltCursorPointerWireframe, VeltData, VeltHighChartComments, SnippylyHuddle as VeltHuddle, SnippylyHuddleTool as VeltHuddleTool, VeltIf, VeltInlineCommentsSection, VeltInlineCommentsSectionWireframe, VeltInlineReactionsSection, VeltInlineReactionsSectionWireframe, VeltMediaSourceSettingsWireframe, VeltMultiThreadCommentDialogWireframe, VeltNivoChartComments, VeltNotificationsHistoryPanel, VeltNotificationsPanel, VeltNotificationsPanelWireframe, VeltNotificationsTool, VeltNotificationsToolWireframe, VeltPersistentCommentModeWireframe, SnippylyPresence as VeltPresence, VeltPresenceTooltipWireframe, VeltPresenceWireframe, SnippylyProvider as VeltProvider, VeltReactionPinTooltipWireframe, VeltReactionPinWireframe, VeltReactionTool, VeltReactionToolWireframe, VeltReactionsPanelWireframe, VeltRecorderAllToolMenuWireframe, VeltRecorderAllToolWireframe, VeltRecorderAudioToolWireframe, SnippylyRecorderControlPanel as VeltRecorderControlPanel, VeltRecorderControlPanelWireframe, SnippylyRecorderNotes as VeltRecorderNotes, SnippylyRecorderPlayer as VeltRecorderPlayer, VeltRecorderPlayerExpandedWireframe, VeltRecorderPlayerWireframe, VeltRecorderScreenToolWireframe, SnippylyRecorderTool as VeltRecorderTool, VeltRecorderVideoToolWireframe, VeltRecordingPreviewStepsDialogWireframe, SnippylySidebarButton as VeltSidebarButton, VeltSidebarButtonWireframe, VeltSingleEditorModePanel, VeltSingleEditorModePanelWireframe, VeltSubtitlesWireframe, SnippylyTagTool as VeltTagTool, SnippylyTags as VeltTags, VeltTextCommentToolWireframe, VeltTextCommentToolbar as VeltTextCommentToolbarWireframe, VeltTranscriptionWireframe, SnippylyUserInviteTool as VeltUserInviteTool, SnippylyUserRequestTool as VeltUserRequestTool, VeltUserSelectorDropdown as VeltUserSelectorDropdownWireframe, VeltVideoEditor, VeltVideoEditorPlayerWireframe, VeltVideoPlayer, VeltViewAnalytics, VeltWireframe, createLiveStateMiddleware, useAIRewriterUtils, useAddAttachment, useAddComment, useAddCommentAnnotation, useAddReaction, useApproveCommentAnnotation, useAssignUser, useAutocompleteChipClick, useAutocompleteUtils, useClient, useCommentActionCallback, useCommentAddHandler, useCommentAnnotationById, useCommentAnnotations, useCommentAnnotationsCount, useCommentCopyLinkHandler, useCommentDialogSidebarClickHandler, useCommentEventCallback, useCommentModeState, useCommentSelectionChangeHandler, useCommentSidebarActionButtonClick, useCommentSidebarData, useCommentSidebarInit, useCommentUpdateHandler, useCommentUtils, useContactList, useContactSelected, useContactUtils, useCopyLink, useCrdtEventCallback, useCrdtUtils, useCurrentUser, useCurrentUserPermissions, useCursorUsers, useCursorUtils, useDeleteAttachment, useDeleteComment, useDeleteCommentAnnotation, useDeleteReaction, useDeleteRecording, useEditor, useEditorAccessRequestHandler, useEditorAccessTimer, useGetAttachment, useGetComment, useGetCommentAnnotations, useGetLink, useGetRecording, useHeartbeat, useHuddleUtils, useIdentify, useLiveSelectionDataHandler, useLiveSelectionUtils, useLiveState, useLiveStateData, useLiveStateSyncEventCallback, useLiveStateSyncUtils, useNotificationEventCallback, useNotificationSettings, useNotificationUtils, useNotificationsData, usePresenceData, usePresenceEventCallback, usePresenceUsers, usePresenceUtils, useRecorderAddHandler, useRecorderEventCallback, useRecorderUtils, useRecordingDataByRecorderId, useRecordings, useRejectCommentAnnotation, useResolveCommentAnnotation, useServerConnectionStateChangeHandler, useSetContextProvider, useSetDocument, useSetDocumentId, useSetDocuments, useSetLiveStateData, useSetLocation, useSetLocations, useSetRootDocument, useSetRootLocation, useSubscribeCommentAnnotation, useTagAnnotations, useTagUtils, useToggleReaction, useUiState, useUniqueViewsByDate, useUniqueViewsByUser, useUnreadCommentAnnotationCountByLocationId, useUnreadCommentAnnotationCountOnCurrentDocument, useUnreadCommentCountByAnnotationId, useUnreadCommentCountByLocationId, useUnreadCommentCountOnCurrentDocument, useUnreadNotificationsCount, useUnsetDocumentId, useUnsetDocuments, useUnsubscribeCommentAnnotation, useUpdateAccess, useUpdateComment, useUpdatePriority, useUpdateStatus, useUserEditorState, useVeltClient, useVeltEventCallback, useVeltInitState, useViewsUtils };
+export { VeltActivityLog, VeltActivityLogEmpty, VeltActivityLogHeader, VeltActivityLogHeaderCloseButton, VeltActivityLogHeaderFilter, VeltActivityLogHeaderFilterContent, VeltActivityLogHeaderFilterContentItem, VeltActivityLogHeaderFilterContentItemIcon, VeltActivityLogHeaderFilterContentItemLabel, VeltActivityLogHeaderFilterTrigger, VeltActivityLogHeaderFilterTriggerIcon, VeltActivityLogHeaderFilterTriggerLabel, VeltActivityLogHeaderTitle, VeltActivityLogList, VeltActivityLogListDateGroup, VeltActivityLogListDateGroupLabel, VeltActivityLogListItem, VeltActivityLogListItemAvatar, VeltActivityLogListItemContent, VeltActivityLogListItemContentAction, VeltActivityLogListItemContentDetail, VeltActivityLogListItemContentTarget, VeltActivityLogListItemContentUser, VeltActivityLogListItemIcon, VeltActivityLogListItemTime, VeltActivityLogListShowMore, VeltActivityLogLoading, VeltActivityLogWireframe, SnippylyArrowTool as VeltArrowTool, SnippylyArrows as VeltArrows, VeltAutocomplete, VeltAutocompleteChip, VeltAutocompleteChipTooltip, VeltAutocompleteChipTooltipDescription, VeltAutocompleteChipTooltipIcon, VeltAutocompleteChipTooltipName, VeltAutocompleteChipTooltipWireframe, VeltAutocompleteEmpty, VeltAutocompleteEmptyWireframe, VeltAutocompleteGroupOption, VeltAutocompleteGroupOptionWireframe, VeltAutocompleteOption, VeltAutocompleteOptionDescription, VeltAutocompleteOptionErrorIcon, VeltAutocompleteOptionIcon, VeltAutocompleteOptionName, VeltAutocompleteOptionWireframe, VeltAutocompleteTool, VeltButtonWireframe, VeltCanvasComment, VeltChartComment, SnippylyCommentBubble as VeltCommentBubble, VeltCommentBubbleWireframe, VeltCommentComposer, VeltCommentComposerWireframe, VeltCommentDialog, VeltCommentDialogAllComment$1 as VeltCommentDialogAllComment, VeltCommentDialogApprove$1 as VeltCommentDialogApprove, VeltCommentDialogAssignDropdown, VeltCommentDialogAssignMenu$1 as VeltCommentDialogAssignMenu, VeltCommentDialogAssigneeBanner$1 as VeltCommentDialogAssigneeBanner, VeltCommentDialogAssigneeBannerResolveButton$1 as VeltCommentDialogAssigneeBannerResolveButton, VeltCommentDialogAssigneeBannerUnresolveButton$1 as VeltCommentDialogAssigneeBannerUnresolveButton, VeltCommentDialogAssigneeBannerUserAvatar$1 as VeltCommentDialogAssigneeBannerUserAvatar, VeltCommentDialogAssigneeBannerUserName$1 as VeltCommentDialogAssigneeBannerUserName, VeltCommentDialogAttachmentButton, VeltCommentDialogBody$1 as VeltCommentDialogBody, VeltCommentDialogCloseButton$1 as VeltCommentDialogCloseButton, VeltCommentDialogCommentCategory$1 as VeltCommentDialogCommentCategory, VeltCommentDialogCommentIndex$1 as VeltCommentDialogCommentIndex, VeltCommentDialogCommentNumber$1 as VeltCommentDialogCommentNumber, VeltCommentDialogCommentSuggestionStatus$1 as VeltCommentDialogCommentSuggestionStatus, VeltCommentDialogComposer$1 as VeltCommentDialogComposer, VeltCommentDialogComposerActionButton$1 as VeltCommentDialogComposerActionButton, VeltCommentDialogComposerAssignUser$1 as VeltCommentDialogComposerAssignUser, VeltCommentDialogComposerAttachments$1 as VeltCommentDialogComposerAttachments, VeltCommentDialogComposerAttachmentsImage$1 as VeltCommentDialogComposerAttachmentsImage, VeltCommentDialogComposerAttachmentsImageDelete$1 as VeltCommentDialogComposerAttachmentsImageDelete, VeltCommentDialogComposerAttachmentsImageLoading$1 as VeltCommentDialogComposerAttachmentsImageLoading, VeltCommentDialogComposerAttachmentsImagePreview$1 as VeltCommentDialogComposerAttachmentsImagePreview, VeltCommentDialogComposerAttachmentsInvalid$1 as VeltCommentDialogComposerAttachmentsInvalid, VeltCommentDialogComposerAttachmentsInvalidItem$1 as VeltCommentDialogComposerAttachmentsInvalidItem, VeltCommentDialogComposerAttachmentsInvalidItemDelete$1 as VeltCommentDialogComposerAttachmentsInvalidItemDelete, VeltCommentDialogComposerAttachmentsInvalidItemMessage$1 as VeltCommentDialogComposerAttachmentsInvalidItemMessage, VeltCommentDialogComposerAttachmentsInvalidItemPreview$1 as VeltCommentDialogComposerAttachmentsInvalidItemPreview, VeltCommentDialogComposerAttachmentsOther$1 as VeltCommentDialogComposerAttachmentsOther, VeltCommentDialogComposerAttachmentsOtherDelete$1 as VeltCommentDialogComposerAttachmentsOtherDelete, VeltCommentDialogComposerAttachmentsOtherIcon$1 as VeltCommentDialogComposerAttachmentsOtherIcon, VeltCommentDialogComposerAttachmentsOtherLoading$1 as VeltCommentDialogComposerAttachmentsOtherLoading, VeltCommentDialogComposerAttachmentsOtherName$1 as VeltCommentDialogComposerAttachmentsOtherName, VeltCommentDialogComposerAttachmentsOtherSize$1 as VeltCommentDialogComposerAttachmentsOtherSize, VeltCommentDialogComposerAttachmentsSelected$1 as VeltCommentDialogComposerAttachmentsSelected, VeltCommentDialogComposerAvatar$1 as VeltCommentDialogComposerAvatar, VeltCommentDialogComposerFormatToolbar$1 as VeltCommentDialogComposerFormatToolbar, VeltCommentDialogComposerFormatToolbarButton$1 as VeltCommentDialogComposerFormatToolbarButton, VeltCommentDialogComposerInput$1 as VeltCommentDialogComposerInput, VeltCommentDialogComposerPrivateBadge$1 as VeltCommentDialogComposerPrivateBadge, VeltCommentDialogComposerRecordings$1 as VeltCommentDialogComposerRecordings, VeltCommentDialogContextWrapper, VeltCommentDialogCopyLink$1 as VeltCommentDialogCopyLink, VeltCommentDialogCustomAnnotationDropdown$1 as VeltCommentDialogCustomAnnotationDropdown, VeltCommentDialogCustomAnnotationDropdownContent$1 as VeltCommentDialogCustomAnnotationDropdownContent, VeltCommentDialogCustomAnnotationDropdownContentItem$1 as VeltCommentDialogCustomAnnotationDropdownContentItem, VeltCommentDialogCustomAnnotationDropdownContentItemIcon$1 as VeltCommentDialogCustomAnnotationDropdownContentItemIcon, VeltCommentDialogCustomAnnotationDropdownContentItemLabel$1 as VeltCommentDialogCustomAnnotationDropdownContentItemLabel, VeltCommentDialogCustomAnnotationDropdownTrigger$1 as VeltCommentDialogCustomAnnotationDropdownTrigger, VeltCommentDialogCustomAnnotationDropdownTriggerArrow$1 as VeltCommentDialogCustomAnnotationDropdownTriggerArrow, VeltCommentDialogCustomAnnotationDropdownTriggerList$1 as VeltCommentDialogCustomAnnotationDropdownTriggerList, VeltCommentDialogCustomAnnotationDropdownTriggerListItem$1 as VeltCommentDialogCustomAnnotationDropdownTriggerListItem, VeltCommentDialogCustomAnnotationDropdownTriggerPlaceholder$1 as VeltCommentDialogCustomAnnotationDropdownTriggerPlaceholder, VeltCommentDialogCustomAnnotationDropdownTriggerRemainingCount$1 as VeltCommentDialogCustomAnnotationDropdownTriggerRemainingCount, VeltCommentDialogDeleteButton$1 as VeltCommentDialogDeleteButton, VeltCommentDialogDeviceTypeIcons, VeltCommentDialogGhostBanner$1 as VeltCommentDialogGhostBanner, VeltCommentDialogHeader$1 as VeltCommentDialogHeader, VeltCommentDialogHideReply$1 as VeltCommentDialogHideReply, VeltCommentDialogMetadata, VeltCommentDialogMoreReply$1 as VeltCommentDialogMoreReply, VeltCommentDialogNavigationButton$1 as VeltCommentDialogNavigationButton, VeltCommentDialogOptions$1 as VeltCommentDialogOptions, VeltCommentDialogOptionsDropdown, VeltCommentDialogOptionsDropdownContent, VeltCommentDialogOptionsDropdownContentAssign, VeltCommentDialogOptionsDropdownContentDelete, VeltCommentDialogOptionsDropdownContentDeleteComment, VeltCommentDialogOptionsDropdownContentDeleteThread, VeltCommentDialogOptionsDropdownContentEdit, VeltCommentDialogOptionsDropdownContentMakePrivate, VeltCommentDialogOptionsDropdownContentMakePrivateDisable, VeltCommentDialogOptionsDropdownContentMakePrivateEnable, VeltCommentDialogOptionsDropdownContentMarkAsRead, VeltCommentDialogOptionsDropdownContentMarkAsReadMarkRead, VeltCommentDialogOptionsDropdownContentMarkAsReadMarkUnread, VeltCommentDialogOptionsDropdownContentNotification, VeltCommentDialogOptionsDropdownContentNotificationSubscribe, VeltCommentDialogOptionsDropdownContentNotificationUnsubscribe, VeltCommentDialogOptionsDropdownContentWireframe, VeltCommentDialogOptionsDropdownTrigger, VeltCommentDialogOptionsDropdownTriggerWireframe, VeltCommentDialogPriority$1 as VeltCommentDialogPriority, VeltCommentDialogPriorityDropdown, VeltCommentDialogPriorityDropdownContent, VeltCommentDialogPriorityDropdownContentItem, VeltCommentDialogPriorityDropdownContentItemIcon, VeltCommentDialogPriorityDropdownContentItemName, VeltCommentDialogPriorityDropdownContentItemTick, VeltCommentDialogPriorityDropdownContentWireframe, VeltCommentDialogPriorityDropdownTrigger, VeltCommentDialogPriorityDropdownTriggerArrow, VeltCommentDialogPriorityDropdownTriggerIcon, VeltCommentDialogPriorityDropdownTriggerName, VeltCommentDialogPriorityDropdownTriggerWireframe, VeltCommentDialogPrivateBanner$1 as VeltCommentDialogPrivateBanner, VeltCommentDialogPrivateButton, VeltCommentDialogReplyAvatars$1 as VeltCommentDialogReplyAvatars, VeltCommentDialogReplyAvatarsList$1 as VeltCommentDialogReplyAvatarsList, VeltCommentDialogReplyAvatarsListItem$1 as VeltCommentDialogReplyAvatarsListItem, VeltCommentDialogReplyAvatarsRemainingCount$1 as VeltCommentDialogReplyAvatarsRemainingCount, VeltCommentDialogResolveButton$1 as VeltCommentDialogResolveButton, VeltCommentDialogSignIn$1 as VeltCommentDialogSignIn, VeltCommentDialogStatus$1 as VeltCommentDialogStatus, VeltCommentDialogStatusDropdown, VeltCommentDialogStatusDropdownContent, VeltCommentDialogStatusDropdownContentItem, VeltCommentDialogStatusDropdownContentItemIcon, VeltCommentDialogStatusDropdownContentItemName, VeltCommentDialogStatusDropdownContentWireframe, VeltCommentDialogStatusDropdownTrigger, VeltCommentDialogStatusDropdownTriggerArrow, VeltCommentDialogStatusDropdownTriggerIcon, VeltCommentDialogStatusDropdownTriggerName, VeltCommentDialogStatusDropdownTriggerWireframe, VeltCommentDialogSuggestionAction$1 as VeltCommentDialogSuggestionAction, VeltCommentDialogSuggestionActionAccept$1 as VeltCommentDialogSuggestionActionAccept, VeltCommentDialogSuggestionActionReject$1 as VeltCommentDialogSuggestionActionReject, VeltCommentDialogThreadCard$1 as VeltCommentDialogThreadCard, VeltCommentDialogThreadCardAttachments$1 as VeltCommentDialogThreadCardAttachments, VeltCommentDialogThreadCardAttachmentsImage$1 as VeltCommentDialogThreadCardAttachmentsImage, VeltCommentDialogThreadCardAttachmentsImageDelete$1 as VeltCommentDialogThreadCardAttachmentsImageDelete, VeltCommentDialogThreadCardAttachmentsImageDownload$1 as VeltCommentDialogThreadCardAttachmentsImageDownload, VeltCommentDialogThreadCardAttachmentsImagePreview$1 as VeltCommentDialogThreadCardAttachmentsImagePreview, VeltCommentDialogThreadCardAttachmentsOther$1 as VeltCommentDialogThreadCardAttachmentsOther, VeltCommentDialogThreadCardAttachmentsOtherDelete$1 as VeltCommentDialogThreadCardAttachmentsOtherDelete, VeltCommentDialogThreadCardAttachmentsOtherDownload$1 as VeltCommentDialogThreadCardAttachmentsOtherDownload, VeltCommentDialogThreadCardAttachmentsOtherIcon$1 as VeltCommentDialogThreadCardAttachmentsOtherIcon, VeltCommentDialogThreadCardAttachmentsOtherName$1 as VeltCommentDialogThreadCardAttachmentsOtherName, VeltCommentDialogThreadCardAttachmentsOtherSize$1 as VeltCommentDialogThreadCardAttachmentsOtherSize, VeltCommentDialogThreadCardAvatar$1 as VeltCommentDialogThreadCardAvatar, VeltCommentDialogThreadCardDeviceType$1 as VeltCommentDialogThreadCardDeviceType, VeltCommentDialogThreadCardDraft$1 as VeltCommentDialogThreadCardDraft, VeltCommentDialogThreadCardEdited$1 as VeltCommentDialogThreadCardEdited, VeltCommentDialogThreadCardMessage$1 as VeltCommentDialogThreadCardMessage, VeltCommentDialogThreadCardName$1 as VeltCommentDialogThreadCardName, VeltCommentDialogThreadCardOptions$1 as VeltCommentDialogThreadCardOptions, VeltCommentDialogThreadCardReactionTool$1 as VeltCommentDialogThreadCardReactionTool, VeltCommentDialogThreadCardReactions$1 as VeltCommentDialogThreadCardReactions, VeltCommentDialogThreadCardRecordings$1 as VeltCommentDialogThreadCardRecordings, VeltCommentDialogThreadCardReply$1 as VeltCommentDialogThreadCardReply, VeltCommentDialogThreadCardSeenDropdown$1 as VeltCommentDialogThreadCardSeenDropdown, VeltCommentDialogThreadCardSeenDropdownContent$1 as VeltCommentDialogThreadCardSeenDropdownContent, VeltCommentDialogThreadCardSeenDropdownContentItem$1 as VeltCommentDialogThreadCardSeenDropdownContentItem, VeltCommentDialogThreadCardSeenDropdownContentItemAvatar$1 as VeltCommentDialogThreadCardSeenDropdownContentItemAvatar, VeltCommentDialogThreadCardSeenDropdownContentItemName$1 as VeltCommentDialogThreadCardSeenDropdownContentItemName, VeltCommentDialogThreadCardSeenDropdownContentItemTime$1 as VeltCommentDialogThreadCardSeenDropdownContentItemTime, VeltCommentDialogThreadCardSeenDropdownContentItems$1 as VeltCommentDialogThreadCardSeenDropdownContentItems, VeltCommentDialogThreadCardSeenDropdownContentTitle$1 as VeltCommentDialogThreadCardSeenDropdownContentTitle, VeltCommentDialogThreadCardSeenDropdownTrigger$1 as VeltCommentDialogThreadCardSeenDropdownTrigger, VeltCommentDialogThreadCardTime$1 as VeltCommentDialogThreadCardTime, VeltCommentDialogThreadCardUnread$1 as VeltCommentDialogThreadCardUnread, VeltCommentDialogThreads$1 as VeltCommentDialogThreads, VeltCommentDialogToggleReply$1 as VeltCommentDialogToggleReply, VeltCommentDialogToggleReplyCount$1 as VeltCommentDialogToggleReplyCount, VeltCommentDialogToggleReplyIcon$1 as VeltCommentDialogToggleReplyIcon, VeltCommentDialogToggleReplyText$1 as VeltCommentDialogToggleReplyText, VeltCommentDialogUnresolveButton$1 as VeltCommentDialogUnresolveButton, VeltCommentDialogUpgrade$1 as VeltCommentDialogUpgrade, VeltCommentDialogVisibilityBanner$1 as VeltCommentDialogVisibilityBanner, VeltCommentDialogVisibilityBannerDropdown$1 as VeltCommentDialogVisibilityBannerDropdown, VeltCommentDialogVisibilityBannerDropdownContent$1 as VeltCommentDialogVisibilityBannerDropdownContent, VeltCommentDialogVisibilityBannerDropdownContentItem$1 as VeltCommentDialogVisibilityBannerDropdownContentItem, VeltCommentDialogVisibilityBannerDropdownContentItemIcon$1 as VeltCommentDialogVisibilityBannerDropdownContentItemIcon, VeltCommentDialogVisibilityBannerDropdownContentItemLabel$1 as VeltCommentDialogVisibilityBannerDropdownContentItemLabel, VeltCommentDialogVisibilityBannerDropdownContentUserPicker$1 as VeltCommentDialogVisibilityBannerDropdownContentUserPicker, VeltCommentDialogVisibilityBannerDropdownTrigger$1 as VeltCommentDialogVisibilityBannerDropdownTrigger, VeltCommentDialogVisibilityBannerDropdownTriggerAvatarList$1 as VeltCommentDialogVisibilityBannerDropdownTriggerAvatarList, VeltCommentDialogVisibilityBannerDropdownTriggerAvatarListItem$1 as VeltCommentDialogVisibilityBannerDropdownTriggerAvatarListItem, VeltCommentDialogVisibilityBannerDropdownTriggerAvatarListRemainingCount$1 as VeltCommentDialogVisibilityBannerDropdownTriggerAvatarListRemainingCount, VeltCommentDialogVisibilityBannerDropdownTriggerIcon$1 as VeltCommentDialogVisibilityBannerDropdownTriggerIcon, VeltCommentDialogVisibilityBannerDropdownTriggerLabel$1 as VeltCommentDialogVisibilityBannerDropdownTriggerLabel, VeltCommentDialogVisibilityBannerIcon$1 as VeltCommentDialogVisibilityBannerIcon, VeltCommentDialogVisibilityBannerText$1 as VeltCommentDialogVisibilityBannerText, VeltCommentDialogVisibilityDropdown$1 as VeltCommentDialogVisibilityDropdown, VeltCommentDialogVisibilityDropdownContent, VeltCommentDialogVisibilityDropdownContentPrivate, VeltCommentDialogVisibilityDropdownContentPublic, VeltCommentDialogVisibilityDropdownTrigger, VeltCommentDialogVisibilityDropdownTriggerIcon, VeltCommentDialogVisibilityDropdownTriggerLabel, VeltCommentDialogWireframe, VeltCommentPin, VeltCommentPinGhostCommentIndicator$1 as VeltCommentPinGhostCommentIndicator, VeltCommentPinIndex$1 as VeltCommentPinIndex, VeltCommentPinNumber$1 as VeltCommentPinNumber, VeltCommentPinPrivateCommentIndicator$1 as VeltCommentPinPrivateCommentIndicator, VeltCommentPinTriangle$1 as VeltCommentPinTriangle, VeltCommentPinUnreadCommentIndicator$1 as VeltCommentPinUnreadCommentIndicator, VeltCommentPinWireframe, VeltCommentPlayerTimeline, VeltCommentText, VeltCommentThread, VeltCommentThreadWireframe, SnippylyCommentTool as VeltCommentTool, VeltCommentToolWireframe, SnippylyComments as VeltComments, VeltCommentsMinimap, SnippylyCommentsSidebar as VeltCommentsSidebar, VeltCommentsSidebarButton, VeltCommentsSidebarStatusDropdownWireframe, VeltCommentsSidebarV2, VeltCommentsSidebarV2CloseButton$1 as VeltCommentsSidebarV2CloseButton, VeltCommentsSidebarV2EmptyPlaceholder$1 as VeltCommentsSidebarV2EmptyPlaceholder, VeltCommentsSidebarV2FilterDropdown$1 as VeltCommentsSidebarV2FilterDropdown, VeltCommentsSidebarV2FilterDropdownContent$1 as VeltCommentsSidebarV2FilterDropdownContent, VeltCommentsSidebarV2FilterDropdownContentList$1 as VeltCommentsSidebarV2FilterDropdownContentList, VeltCommentsSidebarV2FilterDropdownContentListCategory$1 as VeltCommentsSidebarV2FilterDropdownContentListCategory, VeltCommentsSidebarV2FilterDropdownContentListCategoryContent$1 as VeltCommentsSidebarV2FilterDropdownContentListCategoryContent, VeltCommentsSidebarV2FilterDropdownContentListItem$1 as VeltCommentsSidebarV2FilterDropdownContentListItem, VeltCommentsSidebarV2FilterDropdownContentListItemIndicator$1 as VeltCommentsSidebarV2FilterDropdownContentListItemIndicator, VeltCommentsSidebarV2FilterDropdownContentListItemLabel$1 as VeltCommentsSidebarV2FilterDropdownContentListItemLabel, VeltCommentsSidebarV2FilterDropdownTrigger$1 as VeltCommentsSidebarV2FilterDropdownTrigger, VeltCommentsSidebarV2FocusedThread$1 as VeltCommentsSidebarV2FocusedThread, VeltCommentsSidebarV2FocusedThreadBackButton$1 as VeltCommentsSidebarV2FocusedThreadBackButton, VeltCommentsSidebarV2FocusedThreadDialogContainer$1 as VeltCommentsSidebarV2FocusedThreadDialogContainer, VeltCommentsSidebarV2Header$1 as VeltCommentsSidebarV2Header, VeltCommentsSidebarV2List$1 as VeltCommentsSidebarV2List, VeltCommentsSidebarV2ListItem$1 as VeltCommentsSidebarV2ListItem, VeltCommentsSidebarV2MinimalActionsDropdown$1 as VeltCommentsSidebarV2MinimalActionsDropdown, VeltCommentsSidebarV2MinimalActionsDropdownContent$1 as VeltCommentsSidebarV2MinimalActionsDropdownContent, VeltCommentsSidebarV2MinimalActionsDropdownContentMarkAllRead$1 as VeltCommentsSidebarV2MinimalActionsDropdownContentMarkAllRead, VeltCommentsSidebarV2MinimalActionsDropdownContentMarkAllResolved$1 as VeltCommentsSidebarV2MinimalActionsDropdownContentMarkAllResolved, VeltCommentsSidebarV2MinimalActionsDropdownTrigger$1 as VeltCommentsSidebarV2MinimalActionsDropdownTrigger, VeltCommentsSidebarV2PageModeComposer$1 as VeltCommentsSidebarV2PageModeComposer, VeltCommentsSidebarV2Panel$1 as VeltCommentsSidebarV2Panel, VeltCommentsSidebarV2ResetFilterButton$1 as VeltCommentsSidebarV2ResetFilterButton, VeltCommentsSidebarV2Skeleton$1 as VeltCommentsSidebarV2Skeleton, VeltCommentsSidebarV2Wireframe, VeltCommentsSidebarWireframe, VeltConfirmDialogWireframe, SnippylyCursor as VeltCursor, VeltCursorPointerWireframe, VeltData, VeltHighChartComments, SnippylyHuddle as VeltHuddle, SnippylyHuddleTool as VeltHuddleTool, VeltIf, VeltInlineCommentsSection, VeltInlineCommentsSectionCommentCount, VeltInlineCommentsSectionComposerContainer, VeltInlineCommentsSectionFilterDropdown, VeltInlineCommentsSectionFilterDropdownContent, VeltInlineCommentsSectionFilterDropdownContentList, VeltInlineCommentsSectionFilterDropdownContentListItem, VeltInlineCommentsSectionFilterDropdownContentListItemCheckbox, VeltInlineCommentsSectionFilterDropdownContentListItemLabel, VeltInlineCommentsSectionFilterDropdownTrigger, VeltInlineCommentsSectionFilterDropdownTriggerArrow, VeltInlineCommentsSectionFilterDropdownTriggerName, VeltInlineCommentsSectionList, VeltInlineCommentsSectionPanel, VeltInlineCommentsSectionSkeleton, VeltInlineCommentsSectionSortingDropdown, VeltInlineCommentsSectionSortingDropdownContent, VeltInlineCommentsSectionSortingDropdownContentItem, VeltInlineCommentsSectionSortingDropdownContentItemIcon, VeltInlineCommentsSectionSortingDropdownContentItemName, VeltInlineCommentsSectionSortingDropdownContentItemTick, VeltInlineCommentsSectionSortingDropdownTrigger, VeltInlineCommentsSectionSortingDropdownTriggerIcon, VeltInlineCommentsSectionSortingDropdownTriggerName, VeltInlineCommentsSectionWireframe, VeltInlineReactionsSection, VeltInlineReactionsSectionWireframe, VeltMediaSourceSettingsWireframe, VeltMultiThreadCommentDialogCloseButton, VeltMultiThreadCommentDialogCommentCount, VeltMultiThreadCommentDialogComposerContainer, VeltMultiThreadCommentDialogEmptyPlaceholder, VeltMultiThreadCommentDialogList, VeltMultiThreadCommentDialogMinimalActionsDropdown, VeltMultiThreadCommentDialogMinimalActionsDropdownContent, VeltMultiThreadCommentDialogMinimalActionsDropdownContentMarkAllRead, VeltMultiThreadCommentDialogMinimalActionsDropdownContentMarkAllResolved, VeltMultiThreadCommentDialogMinimalActionsDropdownTrigger, VeltMultiThreadCommentDialogMinimalFilterDropdown, VeltMultiThreadCommentDialogMinimalFilterDropdownContent, VeltMultiThreadCommentDialogMinimalFilterDropdownContentFilterAll, VeltMultiThreadCommentDialogMinimalFilterDropdownContentFilterRead, VeltMultiThreadCommentDialogMinimalFilterDropdownContentFilterResolved, VeltMultiThreadCommentDialogMinimalFilterDropdownContentFilterUnread, VeltMultiThreadCommentDialogMinimalFilterDropdownContentSelectedIcon, VeltMultiThreadCommentDialogMinimalFilterDropdownContentSortDate, VeltMultiThreadCommentDialogMinimalFilterDropdownContentSortUnread, VeltMultiThreadCommentDialogMinimalFilterDropdownTrigger, VeltMultiThreadCommentDialogNewThreadButton, VeltMultiThreadCommentDialogPanel, VeltMultiThreadCommentDialogResetFilterButton, VeltMultiThreadCommentDialogWireframe, VeltNivoChartComments, VeltNotificationsHistoryPanel, VeltNotificationsPanel, VeltNotificationsPanelWireframe, VeltNotificationsTool, VeltNotificationsToolWireframe, VeltPersistentCommentModeWireframe, SnippylyPresence as VeltPresence, VeltPresenceTooltipWireframe, VeltPresenceWireframe, SnippylyProvider as VeltProvider, VeltReactionPinTooltipWireframe, VeltReactionPinWireframe, VeltReactionTool, VeltReactionToolWireframe, VeltReactionsPanelWireframe, VeltRecorderAllToolMenuWireframe, VeltRecorderAllToolWireframe, VeltRecorderAudioToolWireframe, SnippylyRecorderControlPanel as VeltRecorderControlPanel, VeltRecorderControlPanelWireframe, SnippylyRecorderNotes as VeltRecorderNotes, SnippylyRecorderPlayer as VeltRecorderPlayer, VeltRecorderPlayerExpandedWireframe, VeltRecorderPlayerWireframe, VeltRecorderScreenToolWireframe, SnippylyRecorderTool as VeltRecorderTool, VeltRecorderVideoToolWireframe, VeltRecordingPreviewStepsDialogWireframe, SnippylySidebarButton as VeltSidebarButton, VeltSidebarButtonCommentsCount, VeltSidebarButtonIcon, VeltSidebarButtonUnreadIcon, VeltSidebarButtonWireframe, VeltSingleEditorModePanel, VeltSingleEditorModePanelWireframe, VeltSubtitlesWireframe, SnippylyTagTool as VeltTagTool, SnippylyTags as VeltTags, VeltTextComment, VeltTextCommentTool, VeltTextCommentToolWireframe, VeltTextCommentToolbar, VeltTextCommentToolbarCommentAnnotation, VeltTextCommentToolbarCopywriter, VeltTextCommentToolbarDivider, VeltTextCommentToolbarGeneric, VeltTextCommentToolbar$1 as VeltTextCommentToolbarWireframe, VeltTranscriptionWireframe, SnippylyUserInviteTool as VeltUserInviteTool, SnippylyUserRequestTool as VeltUserRequestTool, VeltUserSelectorDropdown as VeltUserSelectorDropdownWireframe, VeltVideoEditor, VeltVideoEditorPlayerWireframe, VeltVideoPlayer, VeltViewAnalytics, VeltWireframe, createLiveStateMiddleware, useAIRewriterUtils, useActivityUtils, useAddAttachment, useAddComment, useAddCommentAnnotation, useAddReaction, useAllActivities, useApproveCommentAnnotation, useAssignUser, useAutocompleteChipClick, useAutocompleteUtils, useClient, useCommentActionCallback, useCommentAddHandler, useCommentAnnotationById, useCommentAnnotations, useCommentAnnotationsCount, useCommentCopyLinkHandler, useCommentDialogSidebarClickHandler, useCommentEventCallback, useCommentModeState, useCommentSelectionChangeHandler, useCommentSidebarActionButtonClick, useCommentSidebarData, useCommentSidebarInit, useCommentUpdateHandler, useCommentUtils, useContactList, useContactSelected, useContactUtils, useCopyLink, useCrdtEventCallback, useCrdtUtils, useCurrentUser, useCurrentUserPermissions, useCursorUsers, useCursorUtils, useDeleteAttachment, useDeleteComment, useDeleteCommentAnnotation, useDeleteReaction, useDeleteRecording, useEditor, useEditorAccessRequestHandler, useEditorAccessTimer, useGetAttachment, useGetComment, useGetCommentAnnotations, useGetLink, useGetRecording, useHeartbeat, useHuddleUtils, useIdentify, useLiveSelectionDataHandler, useLiveSelectionUtils, useLiveState, useLiveStateData, useLiveStateSyncEventCallback, useLiveStateSyncUtils, useNotificationEventCallback, useNotificationSettings, useNotificationUtils, useNotificationsData, usePresenceData, usePresenceEventCallback, usePresenceUsers, usePresenceUtils, useRecorderAddHandler, useRecorderEventCallback, useRecorderUtils, useRecordingDataByRecorderId, useRecordings, useRejectCommentAnnotation, useResolveCommentAnnotation, useServerConnectionStateChangeHandler, useSetContextProvider, useSetDocument, useSetDocumentId, useSetDocuments, useSetLiveStateData, useSetLocation, useSetLocations, useSetRootDocument, useSetRootLocation, useSubscribeCommentAnnotation, useTagAnnotations, useTagUtils, useToggleReaction, useUiState, useUniqueViewsByDate, useUniqueViewsByUser, useUnreadCommentAnnotationCountByLocationId, useUnreadCommentAnnotationCountOnCurrentDocument, useUnreadCommentCountByAnnotationId, useUnreadCommentCountByLocationId, useUnreadCommentCountOnCurrentDocument, useUnreadNotificationsCount, useUnsetDocumentId, useUnsetDocuments, useUnsubscribeCommentAnnotation, useUpdateAccess, useUpdateComment, useUpdatePriority, useUpdateStatus, useUserEditorState, useVeltClient, useVeltEventCallback, useVeltInitState, useViewsUtils };
 //# sourceMappingURL=index.js.map