@veltdev/react 5.0.2-beta.33 → 5.0.2-beta.34

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.33';
+var VELT_SDK_VERSION = '5.0.2-beta.34';
 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.33': 'sha384-Bpzld7MuVVmBZR+Ptwex4stSbbtH/IPk8TJv+SZwCePZ5NeX0bkW30er/arxexEl',
+    '5.0.2-beta.34': 'sha384-DDRzicyAgv26y4l2C/jqJ6me2wxwyNdFPx8tYvxCTMJ8FgM7n+gE+4NVaGdIopzr',
 };
 
 var validProps = ['veltIf', 'veltClass', 'className', 'variant'];
@@ -950,7 +950,7 @@ var SnippylyRecorderTool = function (props) {
 };
 
 var SnippylySidebarButton = function (props) {
-    var tooltipText = props.tooltipText, children = props.children, darkMode = props.darkMode, shadowDom = props.shadowDom, floatingMode = props.floatingMode, pageMode = props.pageMode, sortData = props.sortData, urlNavigation = props.urlNavigation, currentLocationSuffix = props.currentLocationSuffix, filterConfig = props.filterConfig, groupConfig = props.groupConfig, filters = props.filters, excludeLocationIds = props.excludeLocationIds, dialogVariant = props.dialogVariant, pageModeComposerVariant = props.pageModeComposerVariant, sidebarShadowDom = props.sidebarShadowDom, sidebarVariant = props.sidebarVariant, position = props.position, onCommentClick = props.onCommentClick, onSidebarOpen = props.onSidebarOpen, filterPanelLayout = props.filterPanelLayout, sidebarButtonCountType = props.sidebarButtonCountType, filterGhostCommentsInSidebar = props.filterGhostCommentsInSidebar, commentCountType = props.commentCountType;
+    var tooltipText = props.tooltipText, children = props.children, darkMode = props.darkMode, shadowDom = props.shadowDom, floatingMode = props.floatingMode, variant = props.variant, pageMode = props.pageMode, sortData = props.sortData, urlNavigation = props.urlNavigation, currentLocationSuffix = props.currentLocationSuffix, filterConfig = props.filterConfig, groupConfig = props.groupConfig, filters = props.filters, excludeLocationIds = props.excludeLocationIds, dialogVariant = props.dialogVariant, pageModeComposerVariant = props.pageModeComposerVariant, sidebarShadowDom = props.sidebarShadowDom, sidebarVariant = props.sidebarVariant, position = props.position, onCommentClick = props.onCommentClick, onSidebarOpen = props.onSidebarOpen, filterPanelLayout = props.filterPanelLayout, sidebarButtonCountType = props.sidebarButtonCountType, filterGhostCommentsInSidebar = props.filterGhostCommentsInSidebar, commentCountType = props.commentCountType, defaultCondition = props.defaultCondition;
     var ref = useRef();
     var onSidebarOpenRef = useRef(onSidebarOpen);
     var onCommentClickRef = useRef(onCommentClick);
@@ -986,7 +986,7 @@ var SnippylySidebarButton = function (props) {
             }
         };
     });
-    return (React.createElement("velt-sidebar-button", { "tooltip-text": tooltipText, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, "floating-mode": [true, false].includes(floatingMode) ? (floatingMode ? 'true' : 'false') : undefined, ref: ref, "page-mode": [true, false].includes(pageMode) ? (pageMode ? 'true' : 'false') : undefined, "sort-data": sortData, "url-navigation": [true, false].includes(urlNavigation) ? (urlNavigation ? '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, "dialog-variant": dialogVariant, "page-mode-composer-variant": pageModeComposerVariant, "sidebar-shadow-dom": [true, false].includes(sidebarShadowDom) ? (sidebarShadowDom ? 'true' : 'false') : undefined, "sidebar-variant": sidebarVariant, position: position, "filter-panel-layout": filterPanelLayout, "sidebar-button-count-type": sidebarButtonCountType, "filter-ghost-comments-in-sidebar": [true, false].includes(filterGhostCommentsInSidebar) ? (filterGhostCommentsInSidebar ? 'true' : 'false') : undefined, "comment-count-type": commentCountType }, children));
+    return (React.createElement("velt-sidebar-button", { "tooltip-text": tooltipText, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, "floating-mode": [true, false].includes(floatingMode) ? (floatingMode ? 'true' : 'false') : undefined, variant: variant, ref: ref, "page-mode": [true, false].includes(pageMode) ? (pageMode ? 'true' : 'false') : undefined, "sort-data": sortData, "url-navigation": [true, false].includes(urlNavigation) ? (urlNavigation ? '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, "dialog-variant": dialogVariant, "page-mode-composer-variant": pageModeComposerVariant, "sidebar-shadow-dom": [true, false].includes(sidebarShadowDom) ? (sidebarShadowDom ? 'true' : 'false') : undefined, "sidebar-variant": sidebarVariant, position: position, "filter-panel-layout": filterPanelLayout, "sidebar-button-count-type": sidebarButtonCountType, "filter-ghost-comments-in-sidebar": [true, false].includes(filterGhostCommentsInSidebar) ? (filterGhostCommentsInSidebar ? 'true' : 'false') : undefined, "comment-count-type": commentCountType, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentsSidebarButton = function (props) {
@@ -1139,7 +1139,7 @@ var VeltCommentThread = function (props) {
 };
 
 var VeltNotificationsTool = function (props) {
-    var children = props.children, darkMode = props.darkMode, onNotificationClick = props.onNotificationClick, shadowDom = props.shadowDom, panelShadowDom = props.panelShadowDom, variant = props.variant, maxDays = props.maxDays, tabConfig = props.tabConfig, panelOpenMode = props.panelOpenMode, panelVariant = props.panelVariant, readNotificationsOnForYouTab = props.readNotificationsOnForYouTab, settings = props.settings, selfNotifications = props.selfNotifications, considerAllNotifications = props.considerAllNotifications, pageSize = props.pageSize, settingsLayout = props.settingsLayout, enableSettingsAtOrganizationLevel = props.enableSettingsAtOrganizationLevel, enableCrossOrganization = props.enableCrossOrganization;
+    var children = props.children, darkMode = props.darkMode, onNotificationClick = props.onNotificationClick, shadowDom = props.shadowDom, panelShadowDom = props.panelShadowDom, variant = props.variant, maxDays = props.maxDays, tabConfig = props.tabConfig, panelOpenMode = props.panelOpenMode, panelVariant = props.panelVariant, readNotificationsOnForYouTab = props.readNotificationsOnForYouTab, settings = props.settings, selfNotifications = props.selfNotifications, considerAllNotifications = props.considerAllNotifications, pageSize = props.pageSize, settingsLayout = props.settingsLayout, enableSettingsAtOrganizationLevel = props.enableSettingsAtOrganizationLevel, defaultCondition = props.defaultCondition, enableCrossOrganization = props.enableCrossOrganization;
     var ref = useRef();
     var onNotificationClickRef = useRef(onNotificationClick);
     // Update the ref to always point to the latest callback function
@@ -1182,35 +1182,35 @@ var VeltNotificationsTool = function (props) {
             return undefined;
         }
     }, [enableCrossOrganization]);
-    return (React.createElement("velt-notifications-tool", { ref: ref, "panel-open-mode": panelOpenMode, panelVariant: panelVariant, "tab-config": JSON.stringify(tabConfig), variant: variant, "max-days": (maxDays && maxDays > 0) ? maxDays + '' : undefined, "panel-shadow-dom": [true, false].includes(panelShadowDom) ? (panelShadowDom ? 'true' : 'false') : undefined, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, settings: [true, false].includes(settings) ? (settings ? 'true' : 'false') : undefined, "self-notifications": [true, false].includes(selfNotifications) ? (selfNotifications ? 'true' : 'false') : undefined, "read-notifications-on-for-you-tab": [true, false].includes(readNotificationsOnForYouTab) ? (readNotificationsOnForYouTab ? 'true' : 'false') : undefined, "consider-all-notifications": [true, false].includes(considerAllNotifications) ? (considerAllNotifications ? 'true' : 'false') : undefined, "page-size": (pageSize && pageSize > 0) ? pageSize + '' : undefined, "settings-layout": settingsLayout, "enable-settings-at-organization-level": [true, false].includes(enableSettingsAtOrganizationLevel) ? (enableSettingsAtOrganizationLevel ? 'true' : 'false') : undefined, "enable-cross-organization": enableCrossOrganizationValue }, children));
+    return (React.createElement("velt-notifications-tool", { ref: ref, "panel-open-mode": panelOpenMode, "panel-variant": panelVariant, "tab-config": JSON.stringify(tabConfig), variant: variant, "max-days": (maxDays && maxDays > 0) ? maxDays + '' : undefined, "panel-shadow-dom": [true, false].includes(panelShadowDom) ? (panelShadowDom ? 'true' : 'false') : undefined, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, settings: [true, false].includes(settings) ? (settings ? 'true' : 'false') : undefined, "self-notifications": [true, false].includes(selfNotifications) ? (selfNotifications ? 'true' : 'false') : undefined, "read-notifications-on-for-you-tab": [true, false].includes(readNotificationsOnForYouTab) ? (readNotificationsOnForYouTab ? 'true' : 'false') : undefined, "consider-all-notifications": [true, false].includes(considerAllNotifications) ? (considerAllNotifications ? 'true' : 'false') : undefined, "page-size": (pageSize && pageSize > 0) ? pageSize + '' : undefined, "settings-layout": settingsLayout, "enable-settings-at-organization-level": [true, false].includes(enableSettingsAtOrganizationLevel) ? (enableSettingsAtOrganizationLevel ? 'true' : 'false') : undefined, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "enable-cross-organization": enableCrossOrganizationValue }, children));
 };
 
 var VeltNotificationsToolIcon = function (props) {
-    var children = props.children;
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-notifications-tool-icon", { ref: ref }, children));
+    return (React.createElement("velt-notifications-tool-icon", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsToolUnreadIcon = function (props) {
-    var children = props.children;
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-notifications-tool-unread-icon", { ref: ref }, children));
+    return (React.createElement("velt-notifications-tool-unread-icon", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsToolLabel = function (props) {
-    var children = props.children;
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-notifications-tool-label", { ref: ref }, children));
+    return (React.createElement("velt-notifications-tool-label", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsToolUnreadCount = function (props) {
-    var children = props.children;
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-notifications-tool-unread-count", { ref: ref }, children));
+    return (React.createElement("velt-notifications-tool-unread-count", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsPanel = function (props) {
-    var darkMode = props.darkMode, onNotificationClick = props.onNotificationClick, shadowDom = props.shadowDom, tabConfig = props.tabConfig, variant = props.variant, readNotificationsOnForYouTab = props.readNotificationsOnForYouTab, panelOpenMode = props.panelOpenMode, settings = props.settings, selfNotifications = props.selfNotifications, pageSize = props.pageSize, settingsLayout = props.settingsLayout, enableSettingsAtOrganizationLevel = props.enableSettingsAtOrganizationLevel, enableCrossOrganization = props.enableCrossOrganization;
+    var darkMode = props.darkMode, onNotificationClick = props.onNotificationClick, shadowDom = props.shadowDom, tabConfig = props.tabConfig, variant = props.variant, readNotificationsOnForYouTab = props.readNotificationsOnForYouTab, panelOpenMode = props.panelOpenMode, settings = props.settings, selfNotifications = props.selfNotifications, pageSize = props.pageSize, settingsLayout = props.settingsLayout, enableSettingsAtOrganizationLevel = props.enableSettingsAtOrganizationLevel, defaultCondition = props.defaultCondition, enableCrossOrganization = props.enableCrossOrganization;
     var ref = useRef();
     var onNotificationClickRef = useRef(onNotificationClick);
     // Update the ref to always point to the latest callback function
@@ -1253,385 +1253,385 @@ var VeltNotificationsPanel = function (props) {
             return undefined;
         }
     }, [enableCrossOrganization]);
-    return (React.createElement("velt-notifications-panel", { ref: ref, variant: variant, "tab-config": JSON.stringify(tabConfig), "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, settings: [true, false].includes(settings) ? (settings ? 'true' : 'false') : undefined, "self-notifications": [true, false].includes(selfNotifications) ? (selfNotifications ? 'true' : 'false') : undefined, "read-notifications-on-for-you-tab": [true, false].includes(readNotificationsOnForYouTab) ? (readNotificationsOnForYouTab ? 'true' : 'false') : undefined, "panel-open-mode": panelOpenMode, "page-size": (pageSize && pageSize > 0) ? pageSize + '' : undefined, "settings-layout": settingsLayout, "enable-settings-at-organization-level": [true, false].includes(enableSettingsAtOrganizationLevel) ? (enableSettingsAtOrganizationLevel ? 'true' : 'false') : undefined, "enable-cross-organization": enableCrossOrganizationValue }));
+    return (React.createElement("velt-notifications-panel", { ref: ref, variant: variant, "tab-config": JSON.stringify(tabConfig), "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, settings: [true, false].includes(settings) ? (settings ? 'true' : 'false') : undefined, "self-notifications": [true, false].includes(selfNotifications) ? (selfNotifications ? 'true' : 'false') : undefined, "read-notifications-on-for-you-tab": [true, false].includes(readNotificationsOnForYouTab) ? (readNotificationsOnForYouTab ? 'true' : 'false') : undefined, "panel-open-mode": panelOpenMode, "page-size": (pageSize && pageSize > 0) ? pageSize + '' : undefined, "settings-layout": settingsLayout, "enable-settings-at-organization-level": [true, false].includes(enableSettingsAtOrganizationLevel) ? (enableSettingsAtOrganizationLevel ? 'true' : 'false') : undefined, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "enable-cross-organization": enableCrossOrganizationValue }));
 };
 
 var VeltNotificationsPanelTitle = function (props) {
-    var children = props.children;
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-notifications-panel-title", { ref: ref }, children));
+    return (React.createElement("velt-notifications-panel-title", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsPanelTitleText = function (props) {
-    var children = props.children;
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-notifications-panel-title-text", { ref: ref }, children));
+    return (React.createElement("velt-notifications-panel-title-text", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsPanelHeader = function (props) {
-    var children = props.children;
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-notifications-panel-header", { ref: ref }, children));
+    return (React.createElement("velt-notifications-panel-header", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsPanelHeaderTabForYou = function (props) {
-    var children = props.children;
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-notifications-panel-header-tab-for-you", { ref: ref }, children));
+    return (React.createElement("velt-notifications-panel-header-tab-for-you", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsPanelHeaderTabPeople = function (props) {
-    var children = props.children;
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-notifications-panel-header-tab-people", { ref: ref }, children));
+    return (React.createElement("velt-notifications-panel-header-tab-people", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsPanelHeaderTabDocuments = function (props) {
-    var children = props.children;
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-notifications-panel-header-tab-documents", { ref: ref }, children));
+    return (React.createElement("velt-notifications-panel-header-tab-documents", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsPanelHeaderTabAll = function (props) {
-    var children = props.children;
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-notifications-panel-header-tab-all", { ref: ref }, children));
+    return (React.createElement("velt-notifications-panel-header-tab-all", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsPanelContent = function (props) {
-    var children = props.children;
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-notifications-panel-content", { ref: ref }, children));
+    return (React.createElement("velt-notifications-panel-content", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsPanelContentForYou = function (props) {
-    var children = props.children;
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-notifications-panel-content-for-you", { ref: ref }, children));
+    return (React.createElement("velt-notifications-panel-content-for-you", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsPanelContentAll = function (props) {
-    var children = props.children;
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-notifications-panel-content-all", { ref: ref }, children));
+    return (React.createElement("velt-notifications-panel-content-all", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsPanelContentPeople = function (props) {
-    var children = props.children;
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-notifications-panel-content-people", { ref: ref }, children));
+    return (React.createElement("velt-notifications-panel-content-people", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsPanelContentDocuments = function (props) {
-    var children = props.children;
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-notifications-panel-content-documents", { ref: ref }, children));
+    return (React.createElement("velt-notifications-panel-content-documents", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsPanelContentList = function (props) {
-    var notifications = props.notifications, listItemTemplate = props.listItemTemplate, children = props.children;
+    var notifications = props.notifications, listItemTemplate = props.listItemTemplate, documentId = props.documentId, listType = props.listType, defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-notifications-panel-content-list", { ref: ref, notifications: notifications ? (typeof notifications === 'string' ? notifications : JSON.stringify(notifications)) : undefined, "list-item-template": listItemTemplate ? (typeof listItemTemplate === 'string' ? listItemTemplate : JSON.stringify(listItemTemplate)) : undefined }, children));
+    return (React.createElement("velt-notifications-panel-content-list", { ref: ref, "document-id": documentId, "list-type": listType, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, notifications: notifications ? (typeof notifications === 'string' ? notifications : JSON.stringify(notifications)) : undefined, "list-item-template": listItemTemplate ? (typeof listItemTemplate === 'string' ? listItemTemplate : JSON.stringify(listItemTemplate)) : undefined }, children));
 };
 
 var VeltNotificationsPanelContentListItem = function (props) {
-    var notification = props.notification, listItemTemplate = props.listItemTemplate, children = props.children;
+    var notification = props.notification, listItemTemplate = props.listItemTemplate, notificationId = props.notificationId, notificationIndex = props.notificationIndex, defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-notifications-panel-content-list-item", { ref: ref, notification: notification ? (typeof notification === 'string' ? notification : JSON.stringify(notification)) : undefined, "list-item-template": listItemTemplate ? (typeof listItemTemplate === 'string' ? listItemTemplate : JSON.stringify(listItemTemplate)) : undefined }, children));
+    return (React.createElement("velt-notifications-panel-content-list-item", { ref: ref, "notification-id": notificationId, "notification-index": notificationIndex, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, notification: notification ? (typeof notification === 'string' ? notification : JSON.stringify(notification)) : undefined, "list-item-template": listItemTemplate ? (typeof listItemTemplate === 'string' ? listItemTemplate : JSON.stringify(listItemTemplate)) : undefined }, children));
 };
 
 var VeltNotificationsPanelContentListItemAvatar = function (props) {
-    var notification = props.notification, children = props.children;
+    var notification = props.notification, notificationId = props.notificationId, notificationIndex = props.notificationIndex, defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-notifications-panel-content-list-item-avatar", { ref: ref, notification: notification ? (typeof notification === "string" ? notification : JSON.stringify(notification)) : undefined }, children));
+    return (React.createElement("velt-notifications-panel-content-list-item-avatar", { ref: ref, "notification-id": notificationId, "notification-index": notificationIndex, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, notification: notification ? (typeof notification === "string" ? notification : JSON.stringify(notification)) : undefined }, children));
 };
 
 var VeltNotificationsPanelContentListItemUnread = function (props) {
-    var notification = props.notification, isDefault = props.isDefault, children = props.children;
+    var notification = props.notification, isDefault = props.isDefault, notificationId = props.notificationId, notificationIndex = props.notificationIndex, defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-notifications-panel-content-list-item-unread", { ref: ref, notification: notification ? (typeof notification === "string" ? notification : JSON.stringify(notification)) : undefined, "is-default": [true, false].includes(isDefault) ? (isDefault ? 'true' : 'false') : undefined }, children));
+    return (React.createElement("velt-notifications-panel-content-list-item-unread", { ref: ref, "notification-id": notificationId, "notification-index": notificationIndex, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, notification: notification ? (typeof notification === "string" ? notification : JSON.stringify(notification)) : undefined, "is-default": [true, false].includes(isDefault) ? (isDefault ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsPanelContentListItemHeadline = function (props) {
-    var notification = props.notification, children = props.children;
+    var notification = props.notification, notificationId = props.notificationId, notificationIndex = props.notificationIndex, defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-notifications-panel-content-list-item-headline", { ref: ref, notification: notification ? (typeof notification === "string" ? notification : JSON.stringify(notification)) : undefined }, children));
+    return (React.createElement("velt-notifications-panel-content-list-item-headline", { ref: ref, "notification-id": notificationId, "notification-index": notificationIndex, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, notification: notification ? (typeof notification === "string" ? notification : JSON.stringify(notification)) : undefined }, children));
 };
 
 var VeltNotificationsPanelContentListItemBody = function (props) {
-    var notification = props.notification, children = props.children;
+    var notification = props.notification, notificationId = props.notificationId, notificationIndex = props.notificationIndex, defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-notifications-panel-content-list-item-body", { ref: ref, notification: notification ? (typeof notification === "string" ? notification : JSON.stringify(notification)) : undefined }, children));
+    return (React.createElement("velt-notifications-panel-content-list-item-body", { ref: ref, "notification-id": notificationId, "notification-index": notificationIndex, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, notification: notification ? (typeof notification === "string" ? notification : JSON.stringify(notification)) : undefined }, children));
 };
 
 var VeltNotificationsPanelContentListItemFileName = function (props) {
-    var notification = props.notification, children = props.children;
+    var notification = props.notification, notificationId = props.notificationId, notificationIndex = props.notificationIndex, defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-notifications-panel-content-list-item-file-name", { ref: ref, notification: notification ? (typeof notification === "string" ? notification : JSON.stringify(notification)) : undefined }, children));
+    return (React.createElement("velt-notifications-panel-content-list-item-file-name", { ref: ref, "notification-id": notificationId, "notification-index": notificationIndex, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, notification: notification ? (typeof notification === "string" ? notification : JSON.stringify(notification)) : undefined }, children));
 };
 
 var VeltNotificationsPanelContentListItemTime = function (props) {
-    var notification = props.notification, children = props.children;
+    var notification = props.notification, notificationId = props.notificationId, notificationIndex = props.notificationIndex, defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-notifications-panel-content-list-item-time", { ref: ref, notification: notification ? (typeof notification === "string" ? notification : JSON.stringify(notification)) : undefined }, children));
+    return (React.createElement("velt-notifications-panel-content-list-item-time", { ref: ref, "notification-id": notificationId, "notification-index": notificationIndex, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, notification: notification ? (typeof notification === "string" ? notification : JSON.stringify(notification)) : undefined }, children));
 };
 
 var VeltNotificationsPanelContentAllList = function (props) {
-    var listItemTemplate = props.listItemTemplate, children = props.children;
+    var listItemTemplate = props.listItemTemplate, defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-notifications-panel-content-all-list", { ref: ref, "list-item-template": listItemTemplate ? (typeof listItemTemplate === 'string' ? listItemTemplate : JSON.stringify(listItemTemplate)) : undefined }, children));
+    return (React.createElement("velt-notifications-panel-content-all-list", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "list-item-template": listItemTemplate ? (typeof listItemTemplate === 'string' ? listItemTemplate : JSON.stringify(listItemTemplate)) : undefined }, children));
 };
 
 var VeltNotificationsPanelContentAllListItem = function (props) {
-    var listItemTemplate = props.listItemTemplate, children = props.children;
+    var listItemTemplate = props.listItemTemplate, notificationIndex = props.notificationIndex, date = props.date, defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-notifications-panel-content-all-list-item", { ref: ref, "list-item-template": listItemTemplate ? (typeof listItemTemplate === 'string' ? listItemTemplate : JSON.stringify(listItemTemplate)) : undefined }, children));
+    return (React.createElement("velt-notifications-panel-content-all-list-item", { ref: ref, "notification-index": notificationIndex, date: date, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "list-item-template": listItemTemplate ? (typeof listItemTemplate === 'string' ? listItemTemplate : JSON.stringify(listItemTemplate)) : undefined }, children));
 };
 
 var VeltNotificationsPanelContentAllListItemLabel = function (props) {
-    var children = props.children;
+    var date = props.date, defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-notifications-panel-content-all-list-item-label", { ref: ref }, children));
+    return (React.createElement("velt-notifications-panel-content-all-list-item-label", { ref: ref, date: date, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsPanelContentAllListItemContent = function (props) {
-    var children = props.children;
+    var date = props.date, defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-notifications-panel-content-all-list-item-content", { ref: ref }, children));
+    return (React.createElement("velt-notifications-panel-content-all-list-item-content", { ref: ref, date: date, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsPanelContentPeopleList = function (props) {
-    var listItemTemplate = props.listItemTemplate, children = props.children;
+    var listItemTemplate = props.listItemTemplate, defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-notifications-panel-content-people-list", { ref: ref, "list-item-template": listItemTemplate ? (typeof listItemTemplate === 'string' ? listItemTemplate : JSON.stringify(listItemTemplate)) : undefined }, children));
+    return (React.createElement("velt-notifications-panel-content-people-list", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "list-item-template": listItemTemplate ? (typeof listItemTemplate === 'string' ? listItemTemplate : JSON.stringify(listItemTemplate)) : undefined }, children));
 };
 
 var VeltNotificationsPanelContentPeopleListItem = function (props) {
-    var data = props.data, listItemTemplate = props.listItemTemplate, children = props.children;
+    var data = props.data, listItemTemplate = props.listItemTemplate, notificationIndex = props.notificationIndex, defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-notifications-panel-content-people-list-item", { ref: ref, data: data ? (typeof data === 'string' ? data : JSON.stringify(data)) : undefined, "list-item-template": listItemTemplate ? (typeof listItemTemplate === 'string' ? listItemTemplate : JSON.stringify(listItemTemplate)) : undefined }, children));
+    return (React.createElement("velt-notifications-panel-content-people-list-item", { ref: ref, "notification-index": notificationIndex, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, data: data ? (typeof data === 'string' ? data : JSON.stringify(data)) : undefined, "list-item-template": listItemTemplate ? (typeof listItemTemplate === 'string' ? listItemTemplate : JSON.stringify(listItemTemplate)) : undefined }, children));
 };
 
 var VeltNotificationsPanelContentPeopleListItemAvatar = function (props) {
-    var data = props.data, children = props.children;
+    var data = props.data, notificationIndex = props.notificationIndex, defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-notifications-panel-content-people-list-item-avatar", { ref: ref, data: data ? (typeof data === "string" ? data : JSON.stringify(data)) : undefined }, children));
+    return (React.createElement("velt-notifications-panel-content-people-list-item-avatar", { ref: ref, "notification-index": notificationIndex, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, data: data ? (typeof data === "string" ? data : JSON.stringify(data)) : undefined }, children));
 };
 
 var VeltNotificationsPanelContentPeopleListItemName = function (props) {
-    var data = props.data, children = props.children;
+    var data = props.data, notificationIndex = props.notificationIndex, defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-notifications-panel-content-people-list-item-name", { ref: ref, data: data ? (typeof data === "string" ? data : JSON.stringify(data)) : undefined }, children));
+    return (React.createElement("velt-notifications-panel-content-people-list-item-name", { ref: ref, "notification-index": notificationIndex, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, data: data ? (typeof data === "string" ? data : JSON.stringify(data)) : undefined }, children));
 };
 
 var VeltNotificationsPanelContentPeopleListItemCount = function (props) {
-    var data = props.data, children = props.children;
+    var data = props.data, notificationIndex = props.notificationIndex, defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-notifications-panel-content-people-list-item-count", { ref: ref, data: data ? (typeof data === "string" ? data : JSON.stringify(data)) : undefined }, children));
+    return (React.createElement("velt-notifications-panel-content-people-list-item-count", { ref: ref, "notification-index": notificationIndex, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, data: data ? (typeof data === "string" ? data : JSON.stringify(data)) : undefined }, children));
 };
 
 var VeltNotificationsPanelContentPeopleListItemContent = function (props) {
-    var data = props.data, children = props.children;
+    var data = props.data, notificationIndex = props.notificationIndex, defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-notifications-panel-content-people-list-item-content", { ref: ref, data: data ? (typeof data === "string" ? data : JSON.stringify(data)) : undefined }, children));
+    return (React.createElement("velt-notifications-panel-content-people-list-item-content", { ref: ref, "notification-index": notificationIndex, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, data: data ? (typeof data === "string" ? data : JSON.stringify(data)) : undefined }, children));
 };
 
 var VeltNotificationsPanelContentDocumentsList = function (props) {
-    var listItemTemplate = props.listItemTemplate, children = props.children;
+    var listItemTemplate = props.listItemTemplate, defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-notifications-panel-content-documents-list", { ref: ref, "list-item-template": listItemTemplate ? (typeof listItemTemplate === 'string' ? listItemTemplate : JSON.stringify(listItemTemplate)) : undefined }, children));
+    return (React.createElement("velt-notifications-panel-content-documents-list", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "list-item-template": listItemTemplate ? (typeof listItemTemplate === 'string' ? listItemTemplate : JSON.stringify(listItemTemplate)) : undefined }, children));
 };
 
 var VeltNotificationsPanelContentDocumentsListItem = function (props) {
-    var document = props.document, index = props.index, listItemTemplate = props.listItemTemplate, children = props.children;
+    var document = props.document, index = props.index, listItemTemplate = props.listItemTemplate, notificationIndex = props.notificationIndex, defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-notifications-panel-content-documents-list-item", { ref: ref, document: document ? (typeof document === 'string' ? document : JSON.stringify(document)) : undefined, index: index !== undefined ? String(index) : undefined, "list-item-template": listItemTemplate ? (typeof listItemTemplate === 'string' ? listItemTemplate : JSON.stringify(listItemTemplate)) : undefined }, children));
+    return (React.createElement("velt-notifications-panel-content-documents-list-item", { ref: ref, "notification-index": notificationIndex, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, document: document ? (typeof document === 'string' ? document : JSON.stringify(document)) : undefined, index: index !== undefined ? String(index) : undefined, "list-item-template": listItemTemplate ? (typeof listItemTemplate === 'string' ? listItemTemplate : JSON.stringify(listItemTemplate)) : undefined }, children));
 };
 
 var VeltNotificationsPanelContentDocumentsListItemName = function (props) {
-    var children = props.children;
+    var notificationIndex = props.notificationIndex, documentId = props.documentId, defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-notifications-panel-content-documents-list-item-name", { ref: ref }, children));
+    return (React.createElement("velt-notifications-panel-content-documents-list-item-name", { ref: ref, "notification-index": notificationIndex, "document-id": documentId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsPanelContentDocumentsListItemCount = function (props) {
-    var children = props.children;
+    var notificationIndex = props.notificationIndex, documentId = props.documentId, defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-notifications-panel-content-documents-list-item-count", { ref: ref }, children));
+    return (React.createElement("velt-notifications-panel-content-documents-list-item-count", { ref: ref, "notification-index": notificationIndex, "document-id": documentId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsPanelContentDocumentsListItemContent = function (props) {
-    var children = props.children;
+    var notificationIndex = props.notificationIndex, documentId = props.documentId, defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-notifications-panel-content-documents-list-item-content", { ref: ref }, children));
+    return (React.createElement("velt-notifications-panel-content-documents-list-item-content", { ref: ref, "notification-index": notificationIndex, "document-id": documentId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsPanelContentDocumentsListItemUnread = function (props) {
-    var isDefault = props.isDefault, children = props.children;
+    var isDefault = props.isDefault, notificationIndex = props.notificationIndex, documentId = props.documentId, defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-notifications-panel-content-documents-list-item-unread", { ref: ref, "is-default": [true, false].includes(isDefault) ? (isDefault ? 'true' : 'false') : undefined }, children));
+    return (React.createElement("velt-notifications-panel-content-documents-list-item-unread", { ref: ref, "notification-index": notificationIndex, "document-id": documentId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "is-default": [true, false].includes(isDefault) ? (isDefault ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsPanelContentLoadMore = function (props) {
-    var isLoadMoreVisible = props.isLoadMoreVisible, notifications = props.notifications, children = props.children;
+    var isLoadMoreVisible = props.isLoadMoreVisible, notifications = props.notifications, documentId = props.documentId, listType = props.listType, defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-notifications-panel-content-load-more", { ref: ref, "is-load-more-visible": [true, false].includes(isLoadMoreVisible) ? (isLoadMoreVisible ? 'true' : 'false') : undefined, notifications: notifications ? (typeof notifications === 'string' ? notifications : JSON.stringify(notifications)) : undefined }, children));
+    return (React.createElement("velt-notifications-panel-content-load-more", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "is-load-more-visible": [true, false].includes(isLoadMoreVisible) ? (isLoadMoreVisible ? 'true' : 'false') : undefined, "document-id": documentId, "list-type": listType, notifications: notifications ? (typeof notifications === 'string' ? notifications : JSON.stringify(notifications)) : undefined }, children));
 };
 
 var VeltNotificationsPanelContentAllReadContainer = function (props) {
-    var isAllRead = props.isAllRead, children = props.children;
+    var isAllRead = props.isAllRead, defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-notifications-panel-content-all-read-container", { ref: ref, "is-all-read": [true, false].includes(isAllRead) ? (isAllRead ? 'true' : 'false') : undefined }, children));
+    return (React.createElement("velt-notifications-panel-content-all-read-container", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "is-all-read": [true, false].includes(isAllRead) ? (isAllRead ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsPanelCloseButton = function (props) {
-    var children = props.children;
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-notifications-panel-close-button", { ref: ref }, children));
+    return (React.createElement("velt-notifications-panel-close-button", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsPanelReadAllButton = function (props) {
-    var children = props.children;
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-notifications-panel-read-all-button", { ref: ref }, children));
+    return (React.createElement("velt-notifications-panel-read-all-button", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsPanelViewAllButton = function (props) {
-    var children = props.children;
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-notifications-panel-view-all-button", { ref: ref }, children));
+    return (React.createElement("velt-notifications-panel-view-all-button", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsPanelSkeleton = function (props) {
-    var isLoading = props.isLoading, children = props.children;
+    var isLoading = props.isLoading, defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-notifications-panel-skeleton", { ref: ref, "is-loading": [true, false].includes(isLoading) ? (isLoading ? 'true' : 'false') : undefined }, children));
+    return (React.createElement("velt-notifications-panel-skeleton", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "is-loading": [true, false].includes(isLoading) ? (isLoading ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsPanelSettingsButton = function (props) {
-    var children = props.children;
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-notifications-panel-settings-button", { ref: ref }, children));
+    return (React.createElement("velt-notifications-panel-settings-button", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsPanelSettings = function (props) {
-    var children = props.children;
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-notifications-panel-settings", { ref: ref }, children));
+    return (React.createElement("velt-notifications-panel-settings", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsPanelSettingsHeader = function (props) {
-    var children = props.children;
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-notifications-panel-settings-header", { ref: ref }, children));
+    return (React.createElement("velt-notifications-panel-settings-header", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsPanelSettingsHeaderTitle = function (props) {
-    var children = props.children;
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-notifications-panel-settings-header-title", { ref: ref }, children));
+    return (React.createElement("velt-notifications-panel-settings-header-title", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsPanelSettingsTitle = function (props) {
-    var children = props.children;
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-notifications-panel-settings-title", { ref: ref }, children));
+    return (React.createElement("velt-notifications-panel-settings-title", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsPanelSettingsDescription = function (props) {
-    var children = props.children;
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-notifications-panel-settings-description", { ref: ref }, children));
+    return (React.createElement("velt-notifications-panel-settings-description", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsPanelSettingsList = function (props) {
-    var children = props.children;
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-notifications-panel-settings-list", { ref: ref }, children));
+    return (React.createElement("velt-notifications-panel-settings-list", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsPanelSettingsMuteAllTitle = function (props) {
-    var children = props.children;
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-notifications-panel-settings-mute-all-title", { ref: ref }, children));
+    return (React.createElement("velt-notifications-panel-settings-mute-all-title", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsPanelSettingsMuteAllDescription = function (props) {
-    var children = props.children;
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-notifications-panel-settings-mute-all-description", { ref: ref }, children));
+    return (React.createElement("velt-notifications-panel-settings-mute-all-description", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsPanelSettingsMuteAllToggle = function (props) {
-    var children = props.children;
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-notifications-panel-settings-mute-all-toggle", { ref: ref }, children));
+    return (React.createElement("velt-notifications-panel-settings-mute-all-toggle", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsPanelSettingsAccordion = function (props) {
-    var accordionConfig = props.accordionConfig, children = props.children;
+    var accordionConfig = props.accordionConfig, accordionId = props.accordionId, notificationIndex = props.notificationIndex, defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-notifications-panel-settings-accordion", { ref: ref, "accordion-config": accordionConfig ? (typeof accordionConfig === 'string' ? accordionConfig : JSON.stringify(accordionConfig)) : undefined }, children));
+    return (React.createElement("velt-notifications-panel-settings-accordion", { ref: ref, "accordion-id": accordionId, "notification-index": notificationIndex, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "accordion-config": accordionConfig ? (typeof accordionConfig === 'string' ? accordionConfig : JSON.stringify(accordionConfig)) : undefined }, children));
 };
 
 var VeltNotificationsPanelSettingsAccordionTrigger = function (props) {
-    var accordionConfig = props.accordionConfig, children = props.children;
+    var accordionConfig = props.accordionConfig, accordionId = props.accordionId, notificationIndex = props.notificationIndex, defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-notifications-panel-settings-accordion-trigger", { ref: ref, "accordion-config": accordionConfig ? (typeof accordionConfig === 'string' ? accordionConfig : JSON.stringify(accordionConfig)) : undefined }, children));
+    return (React.createElement("velt-notifications-panel-settings-accordion-trigger", { ref: ref, "accordion-id": accordionId, "notification-index": notificationIndex, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "accordion-config": accordionConfig ? (typeof accordionConfig === 'string' ? accordionConfig : JSON.stringify(accordionConfig)) : undefined }, children));
 };
 
 var VeltNotificationsPanelSettingsAccordionTriggerLabel = function (props) {
-    var accordionConfig = props.accordionConfig, children = props.children;
+    var accordionConfig = props.accordionConfig, accordionId = props.accordionId, notificationIndex = props.notificationIndex, defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-notifications-panel-settings-accordion-trigger-label", { ref: ref, "accordion-config": accordionConfig ? (typeof accordionConfig === "string" ? accordionConfig : JSON.stringify(accordionConfig)) : undefined }, children));
+    return (React.createElement("velt-notifications-panel-settings-accordion-trigger-label", { ref: ref, "accordion-id": accordionId, "notification-index": notificationIndex, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "accordion-config": accordionConfig ? (typeof accordionConfig === "string" ? accordionConfig : JSON.stringify(accordionConfig)) : undefined }, children));
 };
 
 var VeltNotificationsPanelSettingsAccordionTriggerIcon = function (props) {
-    var accordionConfig = props.accordionConfig, children = props.children;
+    var accordionConfig = props.accordionConfig, accordionId = props.accordionId, notificationIndex = props.notificationIndex, defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-notifications-panel-settings-accordion-trigger-icon", { ref: ref, "accordion-config": accordionConfig ? (typeof accordionConfig === "string" ? accordionConfig : JSON.stringify(accordionConfig)) : undefined }, children));
+    return (React.createElement("velt-notifications-panel-settings-accordion-trigger-icon", { ref: ref, "accordion-id": accordionId, "notification-index": notificationIndex, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "accordion-config": accordionConfig ? (typeof accordionConfig === "string" ? accordionConfig : JSON.stringify(accordionConfig)) : undefined }, children));
 };
 
 var VeltNotificationsPanelSettingsAccordionTriggerSelectedValue = function (props) {
-    var accordionConfig = props.accordionConfig, children = props.children;
+    var accordionConfig = props.accordionConfig, accordionId = props.accordionId, notificationIndex = props.notificationIndex, defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-notifications-panel-settings-accordion-trigger-selected-value", { ref: ref, "accordion-config": accordionConfig ? (typeof accordionConfig === "string" ? accordionConfig : JSON.stringify(accordionConfig)) : undefined }, children));
+    return (React.createElement("velt-notifications-panel-settings-accordion-trigger-selected-value", { ref: ref, "accordion-id": accordionId, "notification-index": notificationIndex, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "accordion-config": accordionConfig ? (typeof accordionConfig === "string" ? accordionConfig : JSON.stringify(accordionConfig)) : undefined }, children));
 };
 
 var VeltNotificationsPanelSettingsAccordionContent = function (props) {
-    var accordionConfig = props.accordionConfig, children = props.children;
+    var accordionConfig = props.accordionConfig, accordionId = props.accordionId, notificationIndex = props.notificationIndex, defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-notifications-panel-settings-accordion-content", { ref: ref, "accordion-config": accordionConfig ? (typeof accordionConfig === 'string' ? accordionConfig : JSON.stringify(accordionConfig)) : undefined }, children));
+    return (React.createElement("velt-notifications-panel-settings-accordion-content", { ref: ref, "accordion-id": accordionId, "notification-index": notificationIndex, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "accordion-config": accordionConfig ? (typeof accordionConfig === 'string' ? accordionConfig : JSON.stringify(accordionConfig)) : undefined }, children));
 };
 
 var VeltNotificationsPanelSettingsAccordionContentItem = function (props) {
-    var option = props.option, accordionConfig = props.accordionConfig, children = props.children;
+    var option = props.option, accordionConfig = props.accordionConfig, accordionId = props.accordionId, accordionItemId = props.accordionItemId, notificationIndex = props.notificationIndex, optionIndex = props.optionIndex, defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-notifications-panel-settings-accordion-content-item", { ref: ref, option: option ? (typeof option === 'string' ? option : JSON.stringify(option)) : undefined, "accordion-config": accordionConfig ? (typeof accordionConfig === 'string' ? accordionConfig : JSON.stringify(accordionConfig)) : undefined }, children));
+    return (React.createElement("velt-notifications-panel-settings-accordion-content-item", { ref: ref, "accordion-id": accordionId, "accordion-item-id": accordionItemId, "notification-index": notificationIndex, "option-index": optionIndex, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, option: option ? (typeof option === 'string' ? option : JSON.stringify(option)) : undefined, "accordion-config": accordionConfig ? (typeof accordionConfig === 'string' ? accordionConfig : JSON.stringify(accordionConfig)) : undefined }, children));
 };
 
 var VeltNotificationsPanelSettingsAccordionContentItemLabel = function (props) {
-    var option = props.option, accordionConfig = props.accordionConfig, children = props.children;
+    var option = props.option, accordionConfig = props.accordionConfig, accordionId = props.accordionId, accordionItemId = props.accordionItemId, notificationIndex = props.notificationIndex, optionIndex = props.optionIndex, defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-notifications-panel-settings-accordion-content-item-label", { ref: ref, option: option ? (typeof option === "string" ? option : JSON.stringify(option)) : undefined, "accordion-config": accordionConfig ? (typeof accordionConfig === "string" ? accordionConfig : JSON.stringify(accordionConfig)) : undefined }, children));
+    return (React.createElement("velt-notifications-panel-settings-accordion-content-item-label", { ref: ref, "accordion-id": accordionId, "accordion-item-id": accordionItemId, "notification-index": notificationIndex, "option-index": optionIndex, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, option: option ? (typeof option === "string" ? option : JSON.stringify(option)) : undefined, "accordion-config": accordionConfig ? (typeof accordionConfig === "string" ? accordionConfig : JSON.stringify(accordionConfig)) : undefined }, children));
 };
 
 var VeltNotificationsPanelSettingsAccordionContentItemIcon = function (props) {
-    var option = props.option, accordionConfig = props.accordionConfig, children = props.children;
+    var option = props.option, accordionConfig = props.accordionConfig, accordionId = props.accordionId, accordionItemId = props.accordionItemId, notificationIndex = props.notificationIndex, optionIndex = props.optionIndex, defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-notifications-panel-settings-accordion-content-item-icon", { ref: ref, option: option ? (typeof option === "string" ? option : JSON.stringify(option)) : undefined, "accordion-config": accordionConfig ? (typeof accordionConfig === "string" ? accordionConfig : JSON.stringify(accordionConfig)) : undefined }, children));
+    return (React.createElement("velt-notifications-panel-settings-accordion-content-item-icon", { ref: ref, "accordion-id": accordionId, "accordion-item-id": accordionItemId, "notification-index": notificationIndex, "option-index": optionIndex, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, option: option ? (typeof option === "string" ? option : JSON.stringify(option)) : undefined, "accordion-config": accordionConfig ? (typeof accordionConfig === "string" ? accordionConfig : JSON.stringify(accordionConfig)) : undefined }, children));
 };
 
 var VeltNotificationsPanelSettingsBackButton = function (props) {
-    var children = props.children;
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-notifications-panel-settings-back-button", { ref: ref }, children));
+    return (React.createElement("velt-notifications-panel-settings-back-button", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsPanelSettingsFooter = function (props) {
-    var children = props.children;
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-notifications-panel-settings-footer", { ref: ref }, children));
+    return (React.createElement("velt-notifications-panel-settings-footer", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsHistoryPanel = function (props) {
@@ -2133,266 +2133,278 @@ var VeltAutocomplete = function (props) {
     return (React.createElement("velt-autocomplete", { hotkey: hotkey, "list-data": (typeof listData === 'object') ? JSON.stringify(listData) : undefined }));
 };
 
+var VeltAutocompletePanel = function (props) {
+    var type = props.type, hideInput = props.hideInput, placeholder = props.placeholder, metadata = props.metadata, showAtHere = props.showAtHere, multiSelect = props.multiSelect, selectedFirstOrdering = props.selectedFirstOrdering, readOnly = props.readOnly, inline = props.inline, enableOnFocus = props.enableOnFocus, position = props.position, excludeContacts = props.excludeContacts, initialSelection = props.initialSelection, contacts = props.contacts, defaultCondition = props.defaultCondition, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-autocomplete-panel", { ref: ref, type: type, "hide-input": [true, false].includes(hideInput) ? (hideInput ? 'true' : 'false') : undefined, placeholder: placeholder, metadata: metadata ? (typeof metadata === 'string' ? metadata : JSON.stringify(metadata)) : undefined, "show-at-here": [true, false].includes(showAtHere) ? (showAtHere ? 'true' : 'false') : undefined, "multi-select": [true, false].includes(multiSelect) ? (multiSelect ? 'true' : 'false') : undefined, "selected-first-ordering": [true, false].includes(selectedFirstOrdering) ? (selectedFirstOrdering ? 'true' : 'false') : undefined, "read-only": [true, false].includes(readOnly) ? (readOnly ? 'true' : 'false') : undefined, inline: [true, false].includes(inline) ? (inline ? 'true' : 'false') : undefined, "enable-on-focus": [true, false].includes(enableOnFocus) ? (enableOnFocus ? 'true' : 'false') : undefined, "autocomplete-panel-position": position, "exclude-contacts": excludeContacts ? (typeof excludeContacts === 'string' ? excludeContacts : JSON.stringify(excludeContacts)) : undefined, "initial-selection": initialSelection ? (typeof initialSelection === 'string' ? initialSelection : JSON.stringify(initialSelection)) : undefined, contacts: contacts ? (typeof contacts === 'string' ? contacts : JSON.stringify(contacts)) : undefined, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
 var VeltAutocompleteOption = function (props) {
-    var userObject = props.userObject, userId = props.userId, children = props.children;
+    var userObject = props.userObject, userId = props.userId, variant = props.variant, multiSelect = props.multiSelect, isSelected = props.isSelected, readOnly = props.readOnly, defaultCondition = props.defaultCondition, 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));
+    return (React.createElement("velt-autocomplete-option", { ref: ref, "user-object": userObject ? (typeof userObject === 'object' ? JSON.stringify(userObject) : userObject) : undefined, "user-id": userId, variant: variant, "multi-select": [true, false].includes(multiSelect) ? (multiSelect ? 'true' : 'false') : undefined, "is-selected": [true, false].includes(isSelected) ? (isSelected ? 'true' : 'false') : undefined, "read-only": [true, false].includes(readOnly) ? (readOnly ? 'true' : 'false') : undefined, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltAutocompleteOptionIcon = function (props) {
-    var children = props.children;
+    var userObject = props.userObject, userId = props.userId, defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-autocomplete-option-icon", { ref: ref }, children));
+    return (React.createElement("velt-autocomplete-option-icon", { ref: ref, "user-object": userObject ? (typeof userObject === 'object' ? JSON.stringify(userObject) : userObject) : undefined, "user-id": userId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltAutocompleteOptionName = function (props) {
-    var children = props.children;
+    var userObject = props.userObject, userId = props.userId, defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-autocomplete-option-name", { ref: ref }, children));
+    return (React.createElement("velt-autocomplete-option-name", { ref: ref, "user-object": userObject ? (typeof userObject === 'object' ? JSON.stringify(userObject) : userObject) : undefined, "user-id": userId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltAutocompleteOptionDescription = function (props) {
-    var field = props.field, children = props.children;
+    var field = props.field, userObject = props.userObject, userId = props.userId, defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-autocomplete-option-description", { ref: ref, field: field }, children));
+    return (React.createElement("velt-autocomplete-option-description", { ref: ref, field: field, "user-object": userObject ? (typeof userObject === 'object' ? JSON.stringify(userObject) : userObject) : undefined, "user-id": userId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltAutocompleteOptionErrorIcon = function (props) {
-    var children = props.children;
+    var userObject = props.userObject, userId = props.userId, defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-autocomplete-option-error-icon", { ref: ref }, children));
+    return (React.createElement("velt-autocomplete-option-error-icon", { ref: ref, "user-object": userObject ? (typeof userObject === 'object' ? JSON.stringify(userObject) : userObject) : undefined, "user-id": userId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltAutocompleteGroupOption = function (props) {
-    var children = props.children;
+    var group = props.group, groupName = props.groupName, groupObject = props.groupObject, groupId = props.groupId, defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-autocomplete-group-option", { ref: ref }, children));
+    return (React.createElement("velt-autocomplete-group-option", { ref: ref, group: group ? (typeof group === 'object' ? JSON.stringify(group) : group) : undefined, "group-name": groupName, "group-object": groupObject ? (typeof groupObject === 'object' ? JSON.stringify(groupObject) : groupObject) : undefined, "group-id": groupId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltAutocompleteTool = function (props) {
-    var children = props.children;
+    var hotkey = props.hotkey, componentMeta = props.componentMeta, defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-autocomplete-tool", { ref: ref }, children));
+    return (React.createElement("velt-autocomplete-tool", { ref: ref, hotkey: hotkey, "component-meta": componentMeta ? (typeof componentMeta === 'string' ? componentMeta : JSON.stringify(componentMeta)) : undefined, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltAutocompleteEmpty = function (props) {
-    var children = props.children;
+    var newUserContactError = props.newUserContactError, defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-autocomplete-empty", { ref: ref }, children));
+    return (React.createElement("velt-autocomplete-empty", { ref: ref, "new-user-contact-error": newUserContactError, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltAutocompleteChip = function (props) {
-    var type = props.type, email = props.email, userObject = props.userObject, userId = props.userId, children = props.children;
+    var type = props.type, email = props.email, userObject = props.userObject, userId = props.userId, custom = props.custom, group = props.group, contact = props.contact, shadowDom = props.shadowDom, defaultCondition = props.defaultCondition, 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));
+    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, custom: custom ? (typeof custom === 'string' ? custom : JSON.stringify(custom)) : undefined, group: group ? (typeof group === 'string' ? group : JSON.stringify(group)) : undefined, contact: contact ? (typeof contact === 'string' ? contact : JSON.stringify(contact)) : undefined, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltAutocompleteChipTooltip = function (props) {
-    var children = props.children;
+    var userObject = props.userObject, userId = props.userId, variant = props.variant, shadowDom = props.shadowDom, defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-autocomplete-chip-tooltip", { ref: ref }, children));
+    return (React.createElement("velt-autocomplete-chip-tooltip", { ref: ref, "user-object": userObject ? (typeof userObject === 'object' ? JSON.stringify(userObject) : userObject) : undefined, "user-id": userId, variant: variant, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltAutocompleteChipTooltipIcon = function (props) {
-    var children = props.children;
+    var userObject = props.userObject, userId = props.userId, defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-autocomplete-chip-tooltip-icon", { ref: ref }, children));
+    return (React.createElement("velt-autocomplete-chip-tooltip-icon", { ref: ref, "user-object": userObject ? (typeof userObject === 'object' ? JSON.stringify(userObject) : userObject) : undefined, "user-id": userId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltAutocompleteChipTooltipName = function (props) {
-    var children = props.children;
+    var userObject = props.userObject, userId = props.userId, defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-autocomplete-chip-tooltip-name", { ref: ref }, children));
+    return (React.createElement("velt-autocomplete-chip-tooltip-name", { ref: ref, "user-object": userObject ? (typeof userObject === 'object' ? JSON.stringify(userObject) : userObject) : undefined, "user-id": userId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltAutocompleteChipTooltipDescription = function (props) {
-    var children = props.children;
+    var userObject = props.userObject, userId = props.userId, defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-autocomplete-chip-tooltip-description", { ref: ref }, children));
+    return (React.createElement("velt-autocomplete-chip-tooltip-description", { ref: ref, "user-object": userObject ? (typeof userObject === 'object' ? JSON.stringify(userObject) : userObject) : undefined, "user-id": userId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, 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, editPlaceholder = props.editPlaceholder, editCommentPlaceholder = props.editCommentPlaceholder, editReplyPlaceholder = props.editReplyPlaceholder, readOnly = props.readOnly, anonymousEmail = props.anonymousEmail, messageTruncation = props.messageTruncation, messageTruncationLines = props.messageTruncationLines;
-    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, "edit-placeholder": editPlaceholder, "edit-comment-placeholder": editCommentPlaceholder, "edit-reply-placeholder": editReplyPlaceholder, "read-only": [true, false].includes(readOnly) ? (readOnly ? 'true' : 'false') : undefined, "anonymous-email": [true, false].includes(anonymousEmail) ? (anonymousEmail ? 'true' : 'false') : undefined, "message-truncation": [true, false].includes(messageTruncation) ? (messageTruncation ? 'true' : 'false') : undefined, "message-truncation-lines": messageTruncationLines !== undefined ? String(messageTruncationLines) : undefined }, children));
+    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, editPlaceholder = props.editPlaceholder, editCommentPlaceholder = props.editCommentPlaceholder, editReplyPlaceholder = props.editReplyPlaceholder, readOnly = props.readOnly, anonymousEmail = props.anonymousEmail, messageTruncation = props.messageTruncation, messageTruncationLines = props.messageTruncationLines, defaultCondition = props.defaultCondition;
+    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, "edit-placeholder": editPlaceholder, "edit-comment-placeholder": editCommentPlaceholder, "edit-reply-placeholder": editReplyPlaceholder, "read-only": [true, false].includes(readOnly) ? (readOnly ? 'true' : 'false') : undefined, "anonymous-email": [true, false].includes(anonymousEmail) ? (anonymousEmail ? 'true' : 'false') : undefined, "message-truncation": [true, false].includes(messageTruncation) ? (messageTruncation ? 'true' : 'false') : undefined, "message-truncation-lines": messageTruncationLines !== undefined ? String(messageTruncationLines) : undefined, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltInlineCommentsSectionCommentCount = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var defaultCondition = props.defaultCondition, targetElementId = props.targetElementId, 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));
+    return (React.createElement("velt-inline-comments-section-comment-count", { ref: ref, "target-element-id": targetElementId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltInlineCommentsSectionComposerContainer = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var defaultCondition = props.defaultCondition, targetElementId = props.targetElementId, 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));
+    return (React.createElement("velt-inline-comments-section-composer-container", { ref: ref, "target-element-id": targetElementId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltInlineCommentsSectionList = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var defaultCondition = props.defaultCondition, targetElementId = props.targetElementId, 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));
+    return (React.createElement("velt-inline-comments-section-list", { ref: ref, "target-element-id": targetElementId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltInlineCommentsSectionPanel = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var defaultCondition = props.defaultCondition, targetElementId = props.targetElementId, 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));
+    return (React.createElement("velt-inline-comments-section-panel", { ref: ref, "target-element-id": targetElementId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltInlineCommentsSectionSkeleton = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var defaultCondition = props.defaultCondition, targetElementId = props.targetElementId, 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));
+    return (React.createElement("velt-inline-comments-section-skeleton", { ref: ref, "target-element-id": targetElementId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltInlineCommentsSectionFilterDropdown = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var defaultCondition = props.defaultCondition, targetElementId = props.targetElementId, 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));
+    return (React.createElement("velt-inline-comments-section-filter-dropdown", { ref: ref, "target-element-id": targetElementId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltInlineCommentsSectionFilterDropdownTrigger = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var defaultCondition = props.defaultCondition, targetElementId = props.targetElementId, 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));
+    return (React.createElement("velt-inline-comments-section-filter-dropdown-trigger", { ref: ref, "target-element-id": targetElementId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltInlineCommentsSectionFilterDropdownTriggerArrow = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var defaultCondition = props.defaultCondition, targetElementId = props.targetElementId, 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));
+    return (React.createElement("velt-inline-comments-section-filter-dropdown-trigger-arrow", { ref: ref, "target-element-id": targetElementId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltInlineCommentsSectionFilterDropdownTriggerName = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var defaultCondition = props.defaultCondition, targetElementId = props.targetElementId, 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));
+    return (React.createElement("velt-inline-comments-section-filter-dropdown-trigger-name", { ref: ref, "target-element-id": targetElementId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltInlineCommentsSectionFilterDropdownContent = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var defaultCondition = props.defaultCondition, targetElementId = props.targetElementId, 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));
+    return (React.createElement("velt-inline-comments-section-filter-dropdown-content", { ref: ref, "target-element-id": targetElementId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltInlineCommentsSectionFilterDropdownContentList = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var defaultCondition = props.defaultCondition, targetElementId = props.targetElementId, 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));
+    return (React.createElement("velt-inline-comments-section-filter-dropdown-content-list", { ref: ref, "target-element-id": targetElementId, "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 defaultCondition = props.defaultCondition, targetElementId = props.targetElementId, filter = props.filter, filterId = props.filterId, sectionComponentId = props.sectionComponentId, 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));
+    return (React.createElement("velt-inline-comments-section-filter-dropdown-content-list-item", { ref: ref, "target-element-id": targetElementId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, filter: filter, "filter-id": filterId, "section-component-id": sectionComponentId }, children));
 };
 
 var VeltInlineCommentsSectionFilterDropdownContentListItemCheckbox = function (props) {
-    var defaultCondition = props.defaultCondition, filter = props.filter, children = props.children;
+    var defaultCondition = props.defaultCondition, targetElementId = props.targetElementId, filter = props.filter, filterId = props.filterId, 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));
+    return (React.createElement("velt-inline-comments-section-filter-dropdown-content-list-item-checkbox", { ref: ref, "target-element-id": targetElementId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, filter: filter, "filter-id": filterId }, children));
 };
 
 var VeltInlineCommentsSectionFilterDropdownContentListItemLabel = function (props) {
-    var defaultCondition = props.defaultCondition, filter = props.filter, children = props.children;
+    var defaultCondition = props.defaultCondition, targetElementId = props.targetElementId, filter = props.filter, filterId = props.filterId, 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));
+    return (React.createElement("velt-inline-comments-section-filter-dropdown-content-list-item-label", { ref: ref, "target-element-id": targetElementId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, filter: filter, "filter-id": filterId }, children));
 };
 
 var VeltInlineCommentsSectionSortingDropdown = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var defaultCondition = props.defaultCondition, targetElementId = props.targetElementId, 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));
+    return (React.createElement("velt-inline-comments-section-sorting-dropdown", { ref: ref, "target-element-id": targetElementId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltInlineCommentsSectionSortingDropdownTrigger = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var defaultCondition = props.defaultCondition, targetElementId = props.targetElementId, 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));
+    return (React.createElement("velt-inline-comments-section-sorting-dropdown-trigger", { ref: ref, "target-element-id": targetElementId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltInlineCommentsSectionSortingDropdownTriggerIcon = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var defaultCondition = props.defaultCondition, targetElementId = props.targetElementId, 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));
+    return (React.createElement("velt-inline-comments-section-sorting-dropdown-trigger-icon", { ref: ref, "target-element-id": targetElementId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltInlineCommentsSectionSortingDropdownTriggerName = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var defaultCondition = props.defaultCondition, targetElementId = props.targetElementId, 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));
+    return (React.createElement("velt-inline-comments-section-sorting-dropdown-trigger-name", { ref: ref, "target-element-id": targetElementId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltInlineCommentsSectionSortingDropdownContent = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var defaultCondition = props.defaultCondition, targetElementId = props.targetElementId, 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));
+    return (React.createElement("velt-inline-comments-section-sorting-dropdown-content", { ref: ref, "target-element-id": targetElementId, "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 defaultCondition = props.defaultCondition, targetElementId = props.targetElementId, type = props.type, sortOption = props.sortOption, sortOptionText = props.sortOptionText, sectionComponentId = props.sectionComponentId, 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));
+    return (React.createElement("velt-inline-comments-section-sorting-dropdown-content-item", { ref: ref, "target-element-id": targetElementId, type: type, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "sort-option": sortOption, "sort-option-text": sortOptionText, "section-component-id": sectionComponentId }, children));
 };
 
 var VeltInlineCommentsSectionSortingDropdownContentItemIcon = function (props) {
-    var defaultCondition = props.defaultCondition, sortOption = props.sortOption, children = props.children;
+    var defaultCondition = props.defaultCondition, targetElementId = props.targetElementId, type = props.type, 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));
+    return (React.createElement("velt-inline-comments-section-sorting-dropdown-content-item-icon", { ref: ref, "target-element-id": targetElementId, type: type, "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 defaultCondition = props.defaultCondition, targetElementId = props.targetElementId, type = props.type, 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));
+    return (React.createElement("velt-inline-comments-section-sorting-dropdown-content-item-name", { ref: ref, "target-element-id": targetElementId, type: type, "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 defaultCondition = props.defaultCondition, targetElementId = props.targetElementId, type = props.type, 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));
+    return (React.createElement("velt-inline-comments-section-sorting-dropdown-content-item-tick", { ref: ref, "target-element-id": targetElementId, type: type, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "sort-option": sortOption }, children));
+};
+
+var VeltInlineCommentsSectionFilterDropdownContentApplyButton = function (props) {
+    var defaultCondition = props.defaultCondition, targetElementId = props.targetElementId, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-inline-comments-section-filter-dropdown-content-apply-button", { ref: ref, "target-element-id": targetElementId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, 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 children = props.children, annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, variant = props.variant, context = props.context, contextOptions = props.contextOptions, locationId = props.locationId, documentId = props.documentId, folderId = props.folderId, defaultCondition = props.defaultCondition;
+    return (React.createElement("velt-comment-pin", { "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, variant: variant, context: context ? (typeof context === 'string' ? context : JSON.stringify(context)) : undefined, "context-options": contextOptions ? (typeof contextOptions === 'string' ? contextOptions : JSON.stringify(contextOptions)) : undefined, "location-id": locationId, "document-id": documentId, "folder-id": folderId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentPinNumber$1 = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var annotationId = props.annotationId, 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));
+    return (React.createElement("velt-comment-pin-number", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentPinIndex$1 = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var annotationId = props.annotationId, 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));
+    return (React.createElement("velt-comment-pin-index", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentPinTriangle$1 = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var annotationId = props.annotationId, 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));
+    return (React.createElement("velt-comment-pin-triangle", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentPinPrivateCommentIndicator$1 = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var annotationId = props.annotationId, 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));
+    return (React.createElement("velt-comment-pin-private-comment-indicator", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentPinGhostCommentIndicator$1 = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var annotationId = props.annotationId, 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));
+    return (React.createElement("velt-comment-pin-ghost-comment-indicator", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentPinUnreadCommentIndicator$1 = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var annotationId = props.annotationId, 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));
+    return (React.createElement("velt-comment-pin-unread-comment-indicator", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentText = function (props) {
@@ -2479,7 +2491,7 @@ var VeltVideoEditor = function (props) {
 };
 
 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, onSidebarOpen = props.onSidebarOpen, onSidebarClose = props.onSidebarClose, onCommentClick = props.onCommentClick, onCommentNavigationButtonClick = props.onCommentNavigationButtonClick, children = props.children;
+    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, darkMode = props.darkMode, defaultCondition = props.defaultCondition, 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);
@@ -2515,169 +2527,169 @@ var VeltCommentsSidebarV2 = function (props) {
             }
         };
     }, []);
-    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 }, children));
+    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, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
-var VeltCommentsSidebarV2Skeleton$1 = function (props) {
-    var children = props.children;
+var VeltCommentSidebarV2Skeleton = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comments-sidebar-skeleton-v2", { ref: ref }, children));
+    return (React.createElement("velt-comment-sidebar-skeleton-v2", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
-var VeltCommentsSidebarV2Panel$1 = function (props) {
-    var children = props.children;
+var VeltCommentSidebarV2Panel = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comments-sidebar-panel-v2", { ref: ref }, children));
+    return (React.createElement("velt-comment-sidebar-panel-v2", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
-var VeltCommentsSidebarV2Header$1 = function (props) {
-    var children = props.children;
+var VeltCommentSidebarV2Header = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comments-sidebar-header-v2", { ref: ref }, children));
+    return (React.createElement("velt-comment-sidebar-header-v2", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
-var VeltCommentsSidebarV2CloseButton$1 = function (props) {
-    var children = props.children;
+var VeltCommentSidebarV2CloseButton = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comments-sidebar-close-button-v2", { ref: ref }, children));
+    return (React.createElement("velt-comment-sidebar-close-button-v2", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
-var VeltCommentsSidebarV2EmptyPlaceholder$1 = function (props) {
-    var children = props.children;
+var VeltCommentSidebarV2EmptyPlaceholder = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comments-sidebar-empty-placeholder-v2", { ref: ref }, children));
+    return (React.createElement("velt-comment-sidebar-empty-placeholder-v2", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
-var VeltCommentsSidebarV2ResetFilterButton$1 = function (props) {
-    var children = props.children;
+var VeltCommentSidebarV2ResetFilterButton = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comments-sidebar-reset-filter-button-v2", { ref: ref }, children));
+    return (React.createElement("velt-comment-sidebar-reset-filter-button-v2", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
-var VeltCommentsSidebarV2List$1 = function (props) {
-    var children = props.children;
+var VeltCommentSidebarV2List = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comments-sidebar-list-v2", { ref: ref }, children));
+    return (React.createElement("velt-comment-sidebar-list-v2", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
-var VeltCommentsSidebarV2ListItem$1 = function (props) {
-    var annotation = props.annotation, scrollIdle = props.scrollIdle, children = props.children;
+var VeltCommentSidebarV2ListItem = function (props) {
+    var annotation = props.annotation, annotationId = props.annotationId, scrollIdle = props.scrollIdle, defaultCondition = props.defaultCondition, 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));
+    return (React.createElement("velt-comment-sidebar-list-item-v2", { ref: ref, annotation: annotation ? (typeof annotation === 'object' ? JSON.stringify(annotation) : annotation) : undefined, "annotation-id": annotationId, "scroll-idle": [true, false].includes(scrollIdle) ? (scrollIdle ? 'true' : 'false') : undefined, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
-var VeltCommentsSidebarV2PageModeComposer$1 = function (props) {
-    var children = props.children;
+var VeltCommentSidebarV2PageModeComposer = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comments-sidebar-page-mode-composer-v2", { ref: ref }, children));
+    return (React.createElement("velt-comment-sidebar-page-mode-composer-v2", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
-var VeltCommentsSidebarV2FocusedThread$1 = function (props) {
-    var children = props.children;
+var VeltCommentSidebarV2FocusedThread = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comments-sidebar-focused-thread-v2", { ref: ref }, children));
+    return (React.createElement("velt-comment-sidebar-focused-thread-v2", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
-var VeltCommentsSidebarV2FocusedThreadBackButton$1 = function (props) {
-    var children = props.children;
+var VeltCommentSidebarV2FocusedThreadBackButton = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comments-sidebar-focused-thread-back-button-v2", { ref: ref }, children));
+    return (React.createElement("velt-comment-sidebar-focused-thread-back-button-v2", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
-var VeltCommentsSidebarV2FocusedThreadDialogContainer$1 = function (props) {
-    var children = props.children;
+var VeltCommentSidebarV2FocusedThreadDialogContainer = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comments-sidebar-focused-thread-dialog-container-v2", { ref: ref }, children));
+    return (React.createElement("velt-comment-sidebar-focused-thread-dialog-container-v2", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
-var VeltCommentsSidebarV2MinimalActionsDropdown$1 = function (props) {
-    var children = props.children;
+var VeltCommentSidebarV2MinimalActionsDropdown = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comments-sidebar-minimal-actions-dropdown-v2", { ref: ref }, children));
+    return (React.createElement("velt-comment-sidebar-minimal-actions-dropdown-v2", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
-var VeltCommentsSidebarV2MinimalActionsDropdownTrigger$1 = function (props) {
-    var children = props.children;
+var VeltCommentSidebarV2MinimalActionsDropdownTrigger = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comments-sidebar-minimal-actions-dropdown-trigger-v2", { ref: ref }, children));
+    return (React.createElement("velt-comment-sidebar-minimal-actions-dropdown-trigger-v2", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
-var VeltCommentsSidebarV2MinimalActionsDropdownContent$1 = function (props) {
-    var children = props.children;
+var VeltCommentSidebarV2MinimalActionsDropdownContent = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comments-sidebar-minimal-actions-dropdown-content-v2", { ref: ref }, children));
+    return (React.createElement("velt-comment-sidebar-minimal-actions-dropdown-content-v2", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
-var VeltCommentsSidebarV2MinimalActionsDropdownContentMarkAllRead$1 = function (props) {
-    var children = props.children;
+var VeltCommentSidebarV2MinimalActionsDropdownContentMarkAllRead = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comments-sidebar-minimal-actions-dropdown-content-mark-all-read-v2", { ref: ref }, children));
+    return (React.createElement("velt-comment-sidebar-minimal-actions-dropdown-content-mark-all-read-v2", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
-var VeltCommentsSidebarV2MinimalActionsDropdownContentMarkAllResolved$1 = function (props) {
-    var children = props.children;
+var VeltCommentSidebarV2MinimalActionsDropdownContentMarkAllResolved = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comments-sidebar-minimal-actions-dropdown-content-mark-all-resolved-v2", { ref: ref }, children));
+    return (React.createElement("velt-comment-sidebar-minimal-actions-dropdown-content-mark-all-resolved-v2", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
-var VeltCommentsSidebarV2FilterDropdown$1 = function (props) {
-    var children = props.children;
+var VeltCommentSidebarV2FilterDropdown = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comments-sidebar-filter-dropdown-v2", { ref: ref }, children));
+    return (React.createElement("velt-comment-sidebar-filter-dropdown-v2", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
-var VeltCommentsSidebarV2FilterDropdownTrigger$1 = function (props) {
-    var isActive = props.isActive, children = props.children;
+var VeltCommentSidebarV2FilterDropdownTrigger = function (props) {
+    var isActive = props.isActive, defaultCondition = props.defaultCondition, 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));
+    return (React.createElement("velt-comment-sidebar-filter-dropdown-trigger-v2", { ref: ref, "is-active": [true, false].includes(isActive) ? (isActive ? 'true' : 'false') : undefined, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
-var VeltCommentsSidebarV2FilterDropdownContent$1 = function (props) {
-    var groups = props.groups, children = props.children;
+var VeltCommentSidebarV2FilterDropdownContent = function (props) {
+    var groups = props.groups, defaultCondition = props.defaultCondition, 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));
+    return (React.createElement("velt-comment-sidebar-filter-dropdown-content-v2", { ref: ref, groups: groups ? (typeof groups === 'object' ? JSON.stringify(groups) : groups) : undefined, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
-var VeltCommentsSidebarV2FilterDropdownContentList$1 = function (props) {
-    var groups = props.groups, children = props.children;
+var VeltCommentSidebarV2FilterDropdownContentList = function (props) {
+    var groups = props.groups, defaultCondition = props.defaultCondition, 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));
+    return (React.createElement("velt-comment-sidebar-filter-dropdown-content-list-v2", { ref: ref, groups: groups ? (typeof groups === 'object' ? JSON.stringify(groups) : groups) : undefined, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
-var VeltCommentsSidebarV2FilterDropdownContentListItem$1 = function (props) {
-    var item = props.item, group = props.group, children = props.children;
+var VeltCommentSidebarV2FilterDropdownContentListItem = function (props) {
+    var item = props.item, itemId = props.itemId, group = props.group, groupId = props.groupId, defaultCondition = props.defaultCondition, 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));
+    return (React.createElement("velt-comment-sidebar-filter-dropdown-content-list-item-v2", { ref: ref, item: item ? (typeof item === 'object' ? JSON.stringify(item) : item) : undefined, "item-id": itemId, group: group ? (typeof group === 'object' ? JSON.stringify(group) : group) : undefined, "group-id": groupId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
-var VeltCommentsSidebarV2FilterDropdownContentListItemIndicator$1 = function (props) {
-    var mode = props.mode, selected = props.selected, children = props.children;
+var VeltCommentSidebarV2FilterDropdownContentListItemIndicator = function (props) {
+    var mode = props.mode, selected = props.selected, groupId = props.groupId, itemId = props.itemId, defaultCondition = props.defaultCondition, 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));
+    return (React.createElement("velt-comment-sidebar-filter-dropdown-content-list-item-indicator-v2", { ref: ref, mode: mode, selected: [true, false].includes(selected) ? (selected ? 'true' : 'false') : undefined, "group-id": groupId, "item-id": itemId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
-var VeltCommentsSidebarV2FilterDropdownContentListItemLabel$1 = function (props) {
-    var label = props.label, children = props.children;
+var VeltCommentSidebarV2FilterDropdownContentListItemLabel = function (props) {
+    var label = props.label, groupId = props.groupId, itemId = props.itemId, defaultCondition = props.defaultCondition, 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));
+    return (React.createElement("velt-comment-sidebar-filter-dropdown-content-list-item-label-v2", { ref: ref, label: label, "group-id": groupId, "item-id": itemId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
-var VeltCommentsSidebarV2FilterDropdownContentListCategory$1 = function (props) {
-    var group = props.group, itemTemplate = props.itemTemplate, children = props.children;
+var VeltCommentSidebarV2FilterDropdownContentListCategory = function (props) {
+    var group = props.group, groupId = props.groupId, itemTemplate = props.itemTemplate, defaultCondition = props.defaultCondition, 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));
+    return (React.createElement("velt-comment-sidebar-filter-dropdown-content-list-category-v2", { ref: ref, group: group ? (typeof group === 'object' ? JSON.stringify(group) : group) : undefined, "group-id": groupId, "item-template": itemTemplate ? (typeof itemTemplate === 'object' ? JSON.stringify(itemTemplate) : itemTemplate) : undefined, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
-var VeltCommentsSidebarV2FilterDropdownContentListCategoryContent$1 = function (props) {
-    var group = props.group, itemTemplate = props.itemTemplate, children = props.children;
+var VeltCommentSidebarV2FilterDropdownContentListCategoryContent = function (props) {
+    var group = props.group, groupId = props.groupId, itemTemplate = props.itemTemplate, defaultCondition = props.defaultCondition, 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));
+    return (React.createElement("velt-comment-sidebar-filter-dropdown-content-list-category-content-v2", { ref: ref, group: group ? (typeof group === 'object' ? JSON.stringify(group) : group) : undefined, "group-id": groupId, "item-template": itemTemplate ? (typeof itemTemplate === 'object' ? JSON.stringify(itemTemplate) : itemTemplate) : undefined, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : 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, editPlaceholder = props.editPlaceholder, editCommentPlaceholder = props.editCommentPlaceholder, editReplyPlaceholder = props.editReplyPlaceholder, anonymousEmail = props.anonymousEmail, children = props.children;
+    var annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentPinSelected = props.commentPinSelected, fullExpanded = props.fullExpanded, shadowDom = props.shadowDom, darkMode = props.darkMode, readOnly = props.readOnly, sidebarMode = props.sidebarMode, isFocusedThreadEnabled = props.isFocusedThreadEnabled, openAnnotationInFocusMode = props.openAnnotationInFocusMode, expandOnSelection = props.expandOnSelection, inlineCommentMode = props.inlineCommentMode, inboxMode = props.inboxMode, isInsidePdfViewer = props.isInsidePdfViewer, multiThread = props.multiThread, commentComposerMode = props.commentComposerMode, dialogSelection = props.dialogSelection, dialogMode = props.dialogMode, focusedThreadMode = props.focusedThreadMode, pageModeComposer = props.pageModeComposer, messageTruncation = props.messageTruncation, initialEditCommentIndex = props.initialEditCommentIndex, messageTruncationLines = props.messageTruncationLines, variant = props.variant, composerPosition = props.composerPosition, sortBy = props.sortBy, sortOrder = props.sortOrder, commentPinType = props.commentPinType, containerComponentId = props.containerComponentId, targetElementId = props.targetElementId, targetComposerElementId = props.targetComposerElementId, locationVersion = props.locationVersion, locationDisplayName = props.locationDisplayName, context = props.context, placeholder = props.placeholder, commentPlaceholder = props.commentPlaceholder, replyPlaceholder = props.replyPlaceholder, editPlaceholder = props.editPlaceholder, editCommentPlaceholder = props.editCommentPlaceholder, editReplyPlaceholder = props.editReplyPlaceholder, anonymousEmail = props.anonymousEmail, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog", { 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, "comment-pin-selected": [true, false].includes(commentPinSelected) ? (commentPinSelected ? 'true' : 'false') : undefined, "full-expanded": [true, false].includes(fullExpanded) ? (fullExpanded ? 'true' : 'false') : undefined, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, placeholder: placeholder, "edit-placeholder": editPlaceholder, "edit-comment-placeholder": editCommentPlaceholder, "edit-reply-placeholder": editReplyPlaceholder, "anonymous-email": [true, false].includes(anonymousEmail) ? (anonymousEmail ? 'true' : 'false') : undefined }, children));
+    return (React.createElement("velt-comment-dialog", { ref: ref, "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "comment-pin-selected": [true, false].includes(commentPinSelected) ? (commentPinSelected ? 'true' : 'false') : undefined, "full-expanded": [true, false].includes(fullExpanded) ? (fullExpanded ? 'true' : 'false') : undefined, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, "read-only": [true, false].includes(readOnly) ? (readOnly ? 'true' : 'false') : undefined, "sidebar-mode": [true, false].includes(sidebarMode) ? (sidebarMode ? 'true' : 'false') : undefined, "is-focused-thread-enabled": [true, false].includes(isFocusedThreadEnabled) ? (isFocusedThreadEnabled ? 'true' : 'false') : undefined, "open-annotation-in-focus-mode": [true, false].includes(openAnnotationInFocusMode) ? (openAnnotationInFocusMode ? 'true' : 'false') : undefined, "expand-on-selection": [true, false].includes(expandOnSelection) ? (expandOnSelection ? 'true' : 'false') : undefined, "inline-comment-mode": [true, false].includes(inlineCommentMode) ? (inlineCommentMode ? 'true' : 'false') : undefined, "inbox-mode": [true, false].includes(inboxMode) ? (inboxMode ? 'true' : 'false') : undefined, "is-inside-pdf-viewer": [true, false].includes(isInsidePdfViewer) ? (isInsidePdfViewer ? 'true' : 'false') : undefined, "multi-thread": [true, false].includes(multiThread) ? (multiThread ? 'true' : 'false') : undefined, "comment-composer-mode": [true, false].includes(commentComposerMode) ? (commentComposerMode ? 'true' : 'false') : undefined, "dialog-selection": [true, false].includes(dialogSelection) ? (dialogSelection ? 'true' : 'false') : undefined, "dialog-mode": [true, false].includes(dialogMode) ? (dialogMode ? 'true' : 'false') : undefined, "focused-thread-mode": [true, false].includes(focusedThreadMode) ? (focusedThreadMode ? 'true' : 'false') : undefined, "page-mode-composer": [true, false].includes(pageModeComposer) ? (pageModeComposer ? 'true' : 'false') : undefined, "message-truncation": [true, false].includes(messageTruncation) ? (messageTruncation ? 'true' : 'false') : undefined, "initial-edit-comment-index": initialEditCommentIndex != null ? initialEditCommentIndex.toString() : undefined, "message-truncation-lines": messageTruncationLines != null ? messageTruncationLines.toString() : undefined, variant: variant, "composer-position": composerPosition, "sort-by": sortBy, "sort-order": sortOrder, "comment-pin-type": commentPinType, "container-component-id": containerComponentId, "target-element-id": targetElementId, "target-composer-element-id": targetComposerElementId, "location-version": locationVersion, "location-display-name": locationDisplayName, context: context ? (typeof context === 'string' ? context : JSON.stringify(context)) : undefined, placeholder: placeholder, "comment-placeholder": commentPlaceholder, "reply-placeholder": replyPlaceholder, "edit-placeholder": editPlaceholder, "edit-comment-placeholder": editCommentPlaceholder, "edit-reply-placeholder": editReplyPlaceholder, "anonymous-email": [true, false].includes(anonymousEmail) ? (anonymousEmail ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentDialogContextWrapper = function (props) {
@@ -2779,15 +2791,15 @@ var VeltCommentDialogThreadCardName$1 = function (props) {
 };
 
 var VeltCommentDialogThreadCardReactionTool$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, noPadding = props.noPadding, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, noPadding = props.noPadding, excludeReactionIds = props.excludeReactionIds, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-thread-card-reaction-tool", { 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, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined, "no-padding": noPadding !== undefined ? (typeof noPadding === 'string' ? noPadding : (noPadding ? 'true' : 'false')) : undefined }, children));
+    return (React.createElement("velt-comment-dialog-thread-card-reaction-tool", { 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, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined, "no-padding": noPadding !== undefined ? (typeof noPadding === 'string' ? noPadding : (noPadding ? 'true' : 'false')) : undefined, "exclude-reaction-ids": excludeReactionIds ? (Array.isArray(excludeReactionIds) ? JSON.stringify(excludeReactionIds) : excludeReactionIds) : undefined }, children));
 };
 
 var VeltCommentDialogThreadCardReactions$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, excludeReactionIds = props.excludeReactionIds, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-thread-card-reactions", { 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, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined }, children));
+    return (React.createElement("velt-comment-dialog-thread-card-reactions", { 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, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined, "exclude-reaction-ids": excludeReactionIds ? (Array.isArray(excludeReactionIds) ? JSON.stringify(excludeReactionIds) : excludeReactionIds) : undefined }, children));
 };
 
 var VeltCommentDialogThreadCardRecordings$1 = function (props) {
@@ -2815,9 +2827,9 @@ var VeltCommentDialogThreadCardUnread$1 = function (props) {
 };
 
 var VeltCommentDialogThreadCardOptions$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, variant = props.variant, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-thread-card-options", { 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, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined }, children));
+    return (React.createElement("velt-comment-dialog-thread-card-options", { 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, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined, variant: variant }, children));
 };
 
 var VeltCommentDialogStatusDropdown = function (props) {
@@ -2839,51 +2851,51 @@ var VeltCommentDialogStatusDropdown = function (props) {
 };
 
 var VeltCommentDialogStatusDropdownTrigger = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, disabled = props.disabled, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-status-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));
+    return (React.createElement("velt-comment-dialog-status-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, disabled: [true, false].includes(disabled) ? (disabled ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentDialogStatusDropdownTriggerIcon = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, statusObj = props.statusObj, statusId = props.statusId, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-status-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));
+    return (React.createElement("velt-comment-dialog-status-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, "status-obj": statusObj ? (typeof statusObj === 'string' ? statusObj : JSON.stringify(statusObj)) : undefined, "status-id": statusId !== undefined ? statusId : undefined }, children));
 };
 
 var VeltCommentDialogStatusDropdownTriggerName = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, statusObj = props.statusObj, statusId = props.statusId, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-status-dropdown-trigger-name", { 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));
+    return (React.createElement("velt-comment-dialog-status-dropdown-trigger-name", { 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, "status-obj": statusObj ? (typeof statusObj === 'string' ? statusObj : JSON.stringify(statusObj)) : undefined, "status-id": statusId !== undefined ? statusId : undefined }, children));
 };
 
 var VeltCommentDialogStatusDropdownTriggerArrow = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, disabled = props.disabled, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-status-dropdown-trigger-arrow", { 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));
+    return (React.createElement("velt-comment-dialog-status-dropdown-trigger-arrow", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, disabled: [true, false].includes(disabled) ? (disabled ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentDialogStatusDropdownContent = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, variant = props.variant, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-status-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));
+    return (React.createElement("velt-comment-dialog-status-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, variant: variant }, children));
 };
 
 var VeltCommentDialogStatusDropdownContentItem = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, statusObj = props.statusObj, statusId = props.statusId, statusIndex = props.statusIndex, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-status-dropdown-content-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));
+    return (React.createElement("velt-comment-dialog-status-dropdown-content-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, "status-obj": statusObj ? (typeof statusObj === 'string' ? statusObj : JSON.stringify(statusObj)) : undefined, "status-id": statusId !== undefined ? statusId : undefined, "status-index": statusIndex !== undefined ? statusIndex.toString() : undefined }, children));
 };
 
 var VeltCommentDialogStatusDropdownContentItemIcon = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, statusObj = props.statusObj, statusId = props.statusId, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-status-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));
+    return (React.createElement("velt-comment-dialog-status-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, "status-obj": statusObj ? (typeof statusObj === 'string' ? statusObj : JSON.stringify(statusObj)) : undefined, "status-id": statusId !== undefined ? statusId : undefined }, children));
 };
 
 var VeltCommentDialogStatusDropdownContentItemName = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, statusObj = props.statusObj, statusId = props.statusId, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-status-dropdown-content-item-name", { 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));
+    return (React.createElement("velt-comment-dialog-status-dropdown-content-item-name", { 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, "status-obj": statusObj ? (typeof statusObj === 'string' ? statusObj : JSON.stringify(statusObj)) : undefined, "status-id": statusId !== undefined ? statusId : undefined }, children));
 };
 
 var VeltCommentDialogPriorityDropdown = function (props) {
@@ -2893,63 +2905,63 @@ var VeltCommentDialogPriorityDropdown = function (props) {
 };
 
 var VeltCommentDialogPriorityDropdownTrigger = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, disabled = props.disabled, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-priority-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));
+    return (React.createElement("velt-comment-dialog-priority-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, disabled: [true, false].includes(disabled) ? (disabled ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentDialogPriorityDropdownTriggerIcon = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, priorityObj = props.priorityObj, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-priority-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));
+    return (React.createElement("velt-comment-dialog-priority-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, "priority-obj": priorityObj ? (typeof priorityObj === 'string' ? priorityObj : JSON.stringify(priorityObj)) : undefined }, children));
 };
 
 var VeltCommentDialogPriorityDropdownTriggerName = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, priorityObj = props.priorityObj, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-priority-dropdown-trigger-name", { 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));
+    return (React.createElement("velt-comment-dialog-priority-dropdown-trigger-name", { 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, "priority-obj": priorityObj ? (typeof priorityObj === 'string' ? priorityObj : JSON.stringify(priorityObj)) : undefined }, children));
 };
 
 var VeltCommentDialogPriorityDropdownTriggerArrow = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, disabled = props.disabled, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-priority-dropdown-trigger-arrow", { 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));
+    return (React.createElement("velt-comment-dialog-priority-dropdown-trigger-arrow", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, disabled: [true, false].includes(disabled) ? (disabled ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentDialogPriorityDropdownContent = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, variant = props.variant, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-priority-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));
+    return (React.createElement("velt-comment-dialog-priority-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, variant: variant }, children));
 };
 
 var VeltCommentDialogPriorityDropdownContentItem = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, priorityObj = props.priorityObj, priorityId = props.priorityId, priorityIndex = props.priorityIndex, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-priority-dropdown-content-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));
+    return (React.createElement("velt-comment-dialog-priority-dropdown-content-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, "priority-obj": priorityObj ? (typeof priorityObj === 'string' ? priorityObj : JSON.stringify(priorityObj)) : undefined, "priority-id": priorityId !== undefined ? priorityId : undefined, "priority-index": priorityIndex != null ? priorityIndex.toString() : undefined }, children));
 };
 
 var VeltCommentDialogPriorityDropdownContentItemIcon = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, priorityObj = props.priorityObj, priorityId = props.priorityId, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-priority-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));
+    return (React.createElement("velt-comment-dialog-priority-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, "priority-obj": priorityObj ? (typeof priorityObj === 'string' ? priorityObj : JSON.stringify(priorityObj)) : undefined, "priority-id": priorityId !== undefined ? priorityId : undefined }, children));
 };
 
 var VeltCommentDialogPriorityDropdownContentItemName = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, priorityObj = props.priorityObj, priorityId = props.priorityId, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-priority-dropdown-content-item-name", { 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));
+    return (React.createElement("velt-comment-dialog-priority-dropdown-content-item-name", { 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, "priority-obj": priorityObj ? (typeof priorityObj === 'string' ? priorityObj : JSON.stringify(priorityObj)) : undefined, "priority-id": priorityId !== undefined ? priorityId : undefined }, children));
 };
 
 var VeltCommentDialogPriorityDropdownContentItemTick = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, priorityObj = props.priorityObj, priorityId = props.priorityId, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-priority-dropdown-content-item-tick", { 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));
+    return (React.createElement("velt-comment-dialog-priority-dropdown-content-item-tick", { 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, "priority-obj": priorityObj ? (typeof priorityObj === 'string' ? priorityObj : JSON.stringify(priorityObj)) : undefined, "priority-id": priorityId !== undefined ? priorityId : undefined }, children));
 };
 
 var VeltCommentDialogCustomAnnotationDropdown$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, type = props.type, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-custom-annotation-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));
+    return (React.createElement("velt-comment-dialog-custom-annotation-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, type: type }, children));
 };
 
 var VeltCommentDialogCustomAnnotationDropdownTrigger$1 = function (props) {
@@ -2971,15 +2983,15 @@ var VeltCommentDialogCustomAnnotationDropdownTriggerList$1 = function (props) {
 };
 
 var VeltCommentDialogCustomAnnotationDropdownTriggerListItem$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, chip = props.chip, itemId = props.itemId, index = props.index, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-custom-annotation-dropdown-trigger-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));
+    return (React.createElement("velt-comment-dialog-custom-annotation-dropdown-trigger-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, chip: chip ? (typeof chip === 'string' ? chip : JSON.stringify(chip)) : undefined, "item-id": itemId !== undefined ? itemId : undefined, index: index !== undefined ? index.toString() : undefined }, children));
 };
 
 var VeltCommentDialogCustomAnnotationDropdownTriggerPlaceholder$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, placeholder = props.placeholder, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-custom-annotation-dropdown-trigger-placeholder", { 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));
+    return (React.createElement("velt-comment-dialog-custom-annotation-dropdown-trigger-placeholder", { 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, placeholder: placeholder !== undefined ? placeholder : undefined }, children));
 };
 
 var VeltCommentDialogCustomAnnotationDropdownTriggerRemainingCount$1 = function (props) {
@@ -2995,21 +3007,21 @@ var VeltCommentDialogCustomAnnotationDropdownContent$1 = function (props) {
 };
 
 var VeltCommentDialogCustomAnnotationDropdownContentItem$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, item = props.item, itemId = props.itemId, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-custom-annotation-dropdown-content-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));
+    return (React.createElement("velt-comment-dialog-custom-annotation-dropdown-content-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, item: item ? (typeof item === 'string' ? item : JSON.stringify(item)) : undefined, "item-id": itemId !== undefined ? itemId : undefined }, children));
 };
 
 var VeltCommentDialogCustomAnnotationDropdownContentItemIcon$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, item = props.item, itemId = props.itemId, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-custom-annotation-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));
+    return (React.createElement("velt-comment-dialog-custom-annotation-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, item: item ? (typeof item === 'string' ? item : JSON.stringify(item)) : undefined, "item-id": itemId !== undefined ? itemId : undefined }, children));
 };
 
 var VeltCommentDialogCustomAnnotationDropdownContentItemLabel$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, item = props.item, itemId = props.itemId, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-custom-annotation-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));
+    return (React.createElement("velt-comment-dialog-custom-annotation-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, item: item ? (typeof item === 'string' ? item : JSON.stringify(item)) : undefined, "item-id": itemId !== undefined ? itemId : undefined }, children));
 };
 
 var VeltCommentDialogOptionsDropdown = function (props) {
@@ -3037,75 +3049,75 @@ var VeltCommentDialogOptionsDropdownTrigger = function (props) {
 };
 
 var VeltCommentDialogOptionsDropdownContent = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentIndex = props.commentIndex, enableAssignment = props.enableAssignment, enableEdit = props.enableEdit, enableNotifications = props.enableNotifications, enablePrivateMode = props.enablePrivateMode, enableMarkAsRead = props.enableMarkAsRead, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-options-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));
+    return (React.createElement("velt-comment-dialog-options-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, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-index": commentIndex !== undefined ? commentIndex.toString() : undefined, "enable-assignment": [true, false].includes(enableAssignment) ? (enableAssignment ? 'true' : 'false') : undefined, "enable-edit": [true, false].includes(enableEdit) ? (enableEdit ? 'true' : 'false') : undefined, "enable-notifications": [true, false].includes(enableNotifications) ? (enableNotifications ? 'true' : 'false') : undefined, "enable-private-mode": [true, false].includes(enablePrivateMode) ? (enablePrivateMode ? 'true' : 'false') : undefined, "enable-mark-as-read": [true, false].includes(enableMarkAsRead) ? (enableMarkAsRead ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentDialogOptionsDropdownContentAssign = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, enableAssignment = props.enableAssignment, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-options-dropdown-content-assign", { 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));
+    return (React.createElement("velt-comment-dialog-options-dropdown-content-assign", { 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, "enable-assignment": [true, false].includes(enableAssignment) ? (enableAssignment ? 'true' : 'false') : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined }, children));
 };
 
 var VeltCommentDialogOptionsDropdownContentEdit = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentIndex = props.commentIndex, enableEdit = props.enableEdit, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-options-dropdown-content-edit", { 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));
+    return (React.createElement("velt-comment-dialog-options-dropdown-content-edit", { 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, "comment-index": commentIndex !== undefined ? commentIndex.toString() : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "enable-edit": [true, false].includes(enableEdit) ? (enableEdit ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentDialogOptionsDropdownContentDelete = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, type = props.type, commentId = props.commentId, commentIndex = props.commentIndex, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-options-dropdown-content-delete", { 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));
+    return (React.createElement("velt-comment-dialog-options-dropdown-content-delete", { 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, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, type: type !== undefined ? type : undefined, "comment-id": commentId !== undefined ? commentId.toString() : undefined, "comment-index": commentIndex !== undefined ? commentIndex.toString() : undefined }, children));
 };
 
 var VeltCommentDialogOptionsDropdownContentDeleteComment = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-options-dropdown-content-delete-comment", { 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));
+    return (React.createElement("velt-comment-dialog-options-dropdown-content-delete-comment", { 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, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? commentId.toString() : undefined, "comment-index": commentIndex !== undefined ? commentIndex.toString() : undefined }, children));
 };
 
 var VeltCommentDialogOptionsDropdownContentDeleteThread = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentIndex = props.commentIndex, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-options-dropdown-content-delete-thread", { 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));
+    return (React.createElement("velt-comment-dialog-options-dropdown-content-delete-thread", { 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, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-index": commentIndex !== undefined ? commentIndex.toString() : undefined }, children));
 };
 
 var VeltCommentDialogOptionsDropdownContentMakePrivate = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, type = props.type, enablePrivateMode = props.enablePrivateMode, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-options-dropdown-content-make-private", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+    return (React.createElement("velt-comment-dialog-options-dropdown-content-make-private", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "enable-private-mode": [true, false].includes(enablePrivateMode) ? (enablePrivateMode ? 'true' : 'false') : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, type: type !== undefined ? type : undefined }, children));
 };
 
 var VeltCommentDialogOptionsDropdownContentMakePrivateEnable = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, enablePrivateMode = props.enablePrivateMode, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-options-dropdown-content-make-private-enable", { 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));
+    return (React.createElement("velt-comment-dialog-options-dropdown-content-make-private-enable", { 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, "enable-private-mode": [true, false].includes(enablePrivateMode) ? (enablePrivateMode ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentDialogOptionsDropdownContentMakePrivateDisable = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, enablePrivateMode = props.enablePrivateMode, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-options-dropdown-content-make-private-disable", { 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));
+    return (React.createElement("velt-comment-dialog-options-dropdown-content-make-private-disable", { 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, "enable-private-mode": [true, false].includes(enablePrivateMode) ? (enablePrivateMode ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentDialogOptionsDropdownContentNotification = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, enableNotifications = props.enableNotifications, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-options-dropdown-content-notification", { 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));
+    return (React.createElement("velt-comment-dialog-options-dropdown-content-notification", { 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, "enable-notifications": [true, false].includes(enableNotifications) ? (enableNotifications ? 'true' : 'false') : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined }, children));
 };
 
 var VeltCommentDialogOptionsDropdownContentNotificationSubscribe = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, enableNotifications = props.enableNotifications, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-options-dropdown-content-notification-subscribe", { 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));
+    return (React.createElement("velt-comment-dialog-options-dropdown-content-notification-subscribe", { 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, "enable-notifications": [true, false].includes(enableNotifications) ? (enableNotifications ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentDialogOptionsDropdownContentNotificationUnsubscribe = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, enableNotifications = props.enableNotifications, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-options-dropdown-content-notification-unsubscribe", { 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));
+    return (React.createElement("velt-comment-dialog-options-dropdown-content-notification-unsubscribe", { 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, "enable-notifications": [true, false].includes(enableNotifications) ? (enableNotifications ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentDialogOptionsDropdownContentMarkAsRead = function (props) {
@@ -3169,9 +3181,9 @@ var VeltCommentDialogVisibilityBannerDropdownTriggerAvatarList$1 = function (pro
 };
 
 var VeltCommentDialogVisibilityBannerDropdownTriggerAvatarListItem$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, user = props.user, index = props.index, 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));
+    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, user: user ? (typeof user === 'string' ? user : JSON.stringify(user)) : undefined, index: index !== undefined ? index.toString() : undefined }, children));
 };
 
 var VeltCommentDialogVisibilityBannerDropdownTriggerAvatarListRemainingCount$1 = function (props) {
@@ -3199,15 +3211,15 @@ var VeltCommentDialogVisibilityBannerDropdownContentItem$1 = function (props) {
 };
 
 var VeltCommentDialogVisibilityBannerDropdownContentItemIcon$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, type = props.type, 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));
+    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, type: type }, children));
 };
 
 var VeltCommentDialogVisibilityBannerDropdownContentItemLabel$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, type = props.type, 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));
+    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, type: type }, children));
 };
 
 var VeltCommentDialogVisibilityBannerDropdownContentUserPicker$1 = function (props) {
@@ -3382,9 +3394,9 @@ var VeltCommentDialogApprove$1 = function (props) {
 };
 
 var VeltCommentDialogAssignMenu$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, inline = props.inline, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-assign-menu", { 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));
+    return (React.createElement("velt-comment-dialog-assign-menu", { 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, inline: [true, false].includes(inline) ? (inline ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentDialogBody$1 = function (props) {
@@ -3400,9 +3412,9 @@ var VeltCommentDialogCloseButton$1 = function (props) {
 };
 
 var VeltCommentDialogCommentCategory$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, categories = props.categories, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-comment-category", { 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));
+    return (React.createElement("velt-comment-dialog-comment-category", { 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, categories: categories ? (typeof categories === 'string' ? categories : JSON.stringify(categories)) : undefined }, children));
 };
 
 var VeltCommentDialogCommentIndex$1 = function (props) {
@@ -3418,21 +3430,21 @@ var VeltCommentDialogCommentNumber$1 = function (props) {
 };
 
 var VeltCommentDialogCommentSuggestionStatus$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, status = props.status, statusId = props.statusId, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-comment-suggestion-status", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+    return (React.createElement("velt-comment-dialog-comment-suggestion-status", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, status: status ? (typeof status === 'string' ? status : JSON.stringify(status)) : undefined, "status-id": statusId }, children));
 };
 
 var VeltCommentDialogCopyLink$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, defaultProp = props.default, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-copy-link", { 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));
+    return (React.createElement("velt-comment-dialog-copy-link", { 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, default: defaultProp }, children));
 };
 
 var VeltCommentDialogGhostBanner$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, message = props.message, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-ghost-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));
+    return (React.createElement("velt-comment-dialog-ghost-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, message: message }, children));
 };
 
 var VeltCommentDialogHeader$1 = function (props) {
@@ -3448,15 +3460,15 @@ var VeltCommentDialogHideReply$1 = function (props) {
 };
 
 var VeltCommentDialogMetadata = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, metadata = props.metadata, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-metadata", { 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));
+    return (React.createElement("velt-comment-dialog-metadata", { 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, metadata: metadata ? (typeof metadata === 'string' ? metadata : JSON.stringify(metadata)) : undefined }, children));
 };
 
 var VeltCommentDialogMoreReply$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, index = props.index, moreReplyTemplate = props.moreReplyTemplate, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-more-reply", { 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));
+    return (React.createElement("velt-comment-dialog-more-reply", { 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, index: index !== undefined ? index.toString() : undefined, "more-reply-template": moreReplyTemplate ? JSON.stringify(moreReplyTemplate) : undefined }, children));
 };
 
 var VeltCommentDialogNavigationButton$1 = function (props) {
@@ -3544,9 +3556,9 @@ var VeltCommentDialogReplyAvatarsList$1 = function (props) {
 };
 
 var VeltCommentDialogReplyAvatarsListItem$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, user = props.user, index = props.index, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-reply-avatars-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));
+    return (React.createElement("velt-comment-dialog-reply-avatars-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, user: user ? (typeof user === 'string' ? user : JSON.stringify(user)) : undefined, index: index !== undefined ? index.toString() : undefined }, children));
 };
 
 var VeltCommentDialogReplyAvatarsRemainingCount$1 = function (props) {
@@ -3574,15 +3586,15 @@ var VeltCommentDialogSuggestionActionReject$1 = function (props) {
 };
 
 var VeltCommentDialogComposer$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, editMode = props.editMode, commentObj = props.commentObj, commentIndex = props.commentIndex, composerWireframe = props.composerWireframe, placeholder = props.placeholder, commentplaceholder = props.commentplaceholder, replyplaceholder = props.replyplaceholder, editplaceholder = props.editplaceholder, editcommentplaceholder = props.editcommentplaceholder, editreplyplaceholder = props.editreplyplaceholder, targetElementId = props.targetElementId, targetComposerElementId = props.targetComposerElementId, context = props.context, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, editMode = props.editMode, commentObj = props.commentObj, commentIndex = props.commentIndex, composerWireframe = props.composerWireframe, placeholder = props.placeholder, commentplaceholder = props.commentplaceholder, replyplaceholder = props.replyplaceholder, editplaceholder = props.editplaceholder, editcommentplaceholder = props.editcommentplaceholder, editreplyplaceholder = props.editreplyplaceholder, targetElementId = props.targetElementId, targetComposerElementId = props.targetComposerElementId, documentId = props.documentId, locationId = props.locationId, folderId = props.folderId, context = props.context, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-composer", { 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, "edit-mode": [true, false].includes(editMode) ? (editMode ? 'true' : 'false') : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-index": commentIndex !== undefined ? commentIndex.toString() : undefined, "composer-wireframe": composerWireframe ? JSON.stringify(composerWireframe) : undefined, placeholder: placeholder, "comment-placeholder": commentplaceholder, "reply-placeholder": replyplaceholder, "edit-placeholder": editplaceholder, "edit-comment-placeholder": editcommentplaceholder, "edit-reply-placeholder": editreplyplaceholder, "target-element-id": targetElementId, "target-composer-element-id": targetComposerElementId, context: context ? JSON.stringify(context) : undefined }, children));
+    return (React.createElement("velt-comment-dialog-composer", { 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, "edit-mode": [true, false].includes(editMode) ? (editMode ? 'true' : 'false') : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-index": commentIndex !== undefined ? commentIndex.toString() : undefined, "composer-wireframe": composerWireframe ? JSON.stringify(composerWireframe) : undefined, placeholder: placeholder, "comment-placeholder": commentplaceholder, "reply-placeholder": replyplaceholder, "edit-placeholder": editplaceholder, "edit-comment-placeholder": editcommentplaceholder, "edit-reply-placeholder": editreplyplaceholder, "target-element-id": targetElementId, "target-composer-element-id": targetComposerElementId, "document-id": documentId, "location-id": locationId, "folder-id": folderId, context: context ? JSON.stringify(context) : undefined }, children));
 };
 
 var VeltCommentDialogComposerActionButton$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, type = props.type, editMode = props.editMode, commentIndex = props.commentIndex, hotkey = props.hotkey, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-composer-action-button", { 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));
+    return (React.createElement("velt-comment-dialog-composer-action-button", { 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, type: type, "edit-mode": [true, false].includes(editMode) ? (editMode ? 'true' : 'false') : undefined, "comment-index": commentIndex !== undefined ? commentIndex.toString() : undefined, hotkey: hotkey }, children));
 };
 
 var VeltCommentDialogComposerAssignUser$1 = function (props) {
@@ -3616,15 +3628,15 @@ var VeltCommentDialogComposerRecordings$1 = function (props) {
 };
 
 var VeltCommentDialogComposerFormatToolbar$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, editMode = props.editMode, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-composer-format-toolbar", { 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));
+    return (React.createElement("velt-comment-dialog-composer-format-toolbar", { 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, "edit-mode": [true, false].includes(editMode) ? (editMode ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentDialogComposerFormatToolbarButton$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, type = props.type, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, type = props.type, editMode = props.editMode, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-composer-format-toolbar-button", { 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, type: type }, children));
+    return (React.createElement("velt-comment-dialog-composer-format-toolbar-button", { 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, type: type, "edit-mode": [true, false].includes(editMode) ? (editMode ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentDialogComposerAttachments$1 = function (props) {
@@ -3634,111 +3646,129 @@ var VeltCommentDialogComposerAttachments$1 = function (props) {
 };
 
 var VeltCommentDialogComposerAttachmentsSelected$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, files = props.files, isEditMode = props.isEditMode, loading = props.loading, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-composer-attachments-selected", { 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));
+    return (React.createElement("velt-comment-dialog-composer-attachments-selected", { 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, files: files ? JSON.stringify(files) : undefined, "is-edit-mode": [true, false].includes(isEditMode) ? (isEditMode ? 'true' : 'false') : undefined, loading: [true, false].includes(loading) ? (loading ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentDialogComposerAttachmentsImage$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, file = props.file, fileIndex = props.fileIndex, isEditMode = props.isEditMode, loading = props.loading, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-composer-attachments-image", { 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));
+    return (React.createElement("velt-comment-dialog-composer-attachments-image", { 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, file: file ? (typeof file === 'string' ? file : JSON.stringify(file)) : undefined, "file-index": fileIndex !== undefined ? fileIndex.toString() : undefined, "is-edit-mode": [true, false].includes(isEditMode) ? (isEditMode ? 'true' : 'false') : undefined, loading: [true, false].includes(loading) ? (loading ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentDialogComposerAttachmentsImageDelete$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, file = props.file, fileIndex = props.fileIndex, isEditMode = props.isEditMode, loading = props.loading, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-composer-attachments-image-delete", { 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));
+    return (React.createElement("velt-comment-dialog-composer-attachments-image-delete", { 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, file: file ? (typeof file === 'string' ? file : JSON.stringify(file)) : undefined, "file-index": fileIndex !== undefined ? fileIndex.toString() : undefined, "is-edit-mode": [true, false].includes(isEditMode) ? (isEditMode ? 'true' : 'false') : undefined, loading: [true, false].includes(loading) ? (loading ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentDialogComposerAttachmentsImageDownload$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, file = props.file, fileIndex = props.fileIndex, isEditMode = props.isEditMode, loading = props.loading, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-composer-attachments-image-download", { 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));
+    return (React.createElement("velt-comment-dialog-composer-attachments-image-download", { 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, file: file ? (typeof file === 'string' ? file : JSON.stringify(file)) : undefined, "file-index": fileIndex !== undefined ? fileIndex.toString() : undefined, "is-edit-mode": [true, false].includes(isEditMode) ? (isEditMode ? 'true' : 'false') : undefined, loading: [true, false].includes(loading) ? (loading ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentDialogComposerAttachmentsImageLoading$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, file = props.file, fileIndex = props.fileIndex, isEditMode = props.isEditMode, loading = props.loading, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-composer-attachments-image-loading", { 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));
+    return (React.createElement("velt-comment-dialog-composer-attachments-image-loading", { 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, file: file ? (typeof file === 'string' ? file : JSON.stringify(file)) : undefined, "file-index": fileIndex !== undefined ? fileIndex.toString() : undefined, "is-edit-mode": [true, false].includes(isEditMode) ? (isEditMode ? 'true' : 'false') : undefined, loading: [true, false].includes(loading) ? (loading ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentDialogComposerAttachmentsImagePreview$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, file = props.file, fileIndex = props.fileIndex, isEditMode = props.isEditMode, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-composer-attachments-image-preview", { 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));
+    return (React.createElement("velt-comment-dialog-composer-attachments-image-preview", { 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, file: file ? (typeof file === 'string' ? file : JSON.stringify(file)) : undefined, "file-index": fileIndex !== undefined ? fileIndex.toString() : undefined, "is-edit-mode": [true, false].includes(isEditMode) ? (isEditMode ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentDialogComposerAttachmentsOther$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, file = props.file, fileIndex = props.fileIndex, isEditMode = props.isEditMode, loading = props.loading, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-composer-attachments-other", { 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));
+    return (React.createElement("velt-comment-dialog-composer-attachments-other", { 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, file: file ? (typeof file === 'string' ? file : JSON.stringify(file)) : undefined, "file-index": fileIndex !== undefined ? fileIndex.toString() : undefined, "is-edit-mode": [true, false].includes(isEditMode) ? (isEditMode ? 'true' : 'false') : undefined, loading: [true, false].includes(loading) ? (loading ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentDialogComposerAttachmentsOtherDelete$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, file = props.file, fileIndex = props.fileIndex, isEditMode = props.isEditMode, loading = props.loading, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-composer-attachments-other-delete", { 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));
+    return (React.createElement("velt-comment-dialog-composer-attachments-other-delete", { 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, file: file ? (typeof file === 'string' ? file : JSON.stringify(file)) : undefined, "file-index": fileIndex !== undefined ? fileIndex.toString() : undefined, "is-edit-mode": [true, false].includes(isEditMode) ? (isEditMode ? 'true' : 'false') : undefined, loading: [true, false].includes(loading) ? (loading ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentDialogComposerAttachmentsOtherDownload$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, file = props.file, fileIndex = props.fileIndex, isEditMode = props.isEditMode, loading = props.loading, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-composer-attachments-other-download", { 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));
+    return (React.createElement("velt-comment-dialog-composer-attachments-other-download", { 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, file: file ? (typeof file === 'string' ? file : JSON.stringify(file)) : undefined, "file-index": fileIndex !== undefined ? fileIndex.toString() : undefined, "is-edit-mode": [true, false].includes(isEditMode) ? (isEditMode ? 'true' : 'false') : undefined, loading: [true, false].includes(loading) ? (loading ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentDialogComposerAttachmentsOtherIcon$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, file = props.file, fileIndex = props.fileIndex, isEditMode = props.isEditMode, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-composer-attachments-other-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));
+    return (React.createElement("velt-comment-dialog-composer-attachments-other-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, file: file ? (typeof file === 'string' ? file : JSON.stringify(file)) : undefined, "file-index": fileIndex !== undefined ? fileIndex.toString() : undefined, "is-edit-mode": [true, false].includes(isEditMode) ? (isEditMode ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentDialogComposerAttachmentsOtherLoading$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, file = props.file, fileIndex = props.fileIndex, isEditMode = props.isEditMode, loading = props.loading, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-composer-attachments-other-loading", { 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));
+    return (React.createElement("velt-comment-dialog-composer-attachments-other-loading", { 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, file: file ? (typeof file === 'string' ? file : JSON.stringify(file)) : undefined, "file-index": fileIndex !== undefined ? fileIndex.toString() : undefined, "is-edit-mode": [true, false].includes(isEditMode) ? (isEditMode ? 'true' : 'false') : undefined, loading: [true, false].includes(loading) ? (loading ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentDialogComposerAttachmentsOtherName$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, file = props.file, fileIndex = props.fileIndex, isEditMode = props.isEditMode, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-composer-attachments-other-name", { 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));
+    return (React.createElement("velt-comment-dialog-composer-attachments-other-name", { 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, file: file ? (typeof file === 'string' ? file : JSON.stringify(file)) : undefined, "file-index": fileIndex !== undefined ? fileIndex.toString() : undefined, "is-edit-mode": [true, false].includes(isEditMode) ? (isEditMode ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentDialogComposerAttachmentsOtherSize$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, file = props.file, fileIndex = props.fileIndex, isEditMode = props.isEditMode, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-composer-attachments-other-size", { 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));
+    return (React.createElement("velt-comment-dialog-composer-attachments-other-size", { 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, file: file ? (typeof file === 'string' ? file : JSON.stringify(file)) : undefined, "file-index": fileIndex !== undefined ? fileIndex.toString() : undefined, "is-edit-mode": [true, false].includes(isEditMode) ? (isEditMode ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentDialogComposerAttachmentsInvalid$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, files = props.files, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-composer-attachments-invalid", { 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));
+    return (React.createElement("velt-comment-dialog-composer-attachments-invalid", { 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, files: files ? JSON.stringify(files) : undefined }, children));
 };
 
 var VeltCommentDialogComposerAttachmentsInvalidItem$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, file = props.file, fileIndex = props.fileIndex, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-composer-attachments-invalid-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));
+    return (React.createElement("velt-comment-dialog-composer-attachments-invalid-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, file: file ? (typeof file === 'string' ? file : JSON.stringify(file)) : undefined, "file-index": fileIndex !== undefined ? fileIndex.toString() : undefined }, children));
 };
 
 var VeltCommentDialogComposerAttachmentsInvalidItemDelete$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, file = props.file, fileIndex = props.fileIndex, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-composer-attachments-invalid-item-delete", { 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));
+    return (React.createElement("velt-comment-dialog-composer-attachments-invalid-item-delete", { 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, file: file ? (typeof file === 'string' ? file : JSON.stringify(file)) : undefined, "file-index": fileIndex !== undefined ? fileIndex.toString() : undefined }, children));
 };
 
 var VeltCommentDialogComposerAttachmentsInvalidItemMessage$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, file = props.file, fileIndex = props.fileIndex, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-composer-attachments-invalid-item-message", { 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));
+    return (React.createElement("velt-comment-dialog-composer-attachments-invalid-item-message", { 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, file: file ? (typeof file === 'string' ? file : JSON.stringify(file)) : undefined, "file-index": fileIndex !== undefined ? fileIndex.toString() : undefined }, children));
 };
 
 var VeltCommentDialogComposerAttachmentsInvalidItemPreview$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, file = props.file, fileIndex = props.fileIndex, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-composer-attachments-invalid-item-preview", { 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, file: file ? (typeof file === 'string' ? file : JSON.stringify(file)) : undefined, "file-index": fileIndex !== undefined ? fileIndex.toString() : undefined }, children));
+};
+
+var VeltCommentDialogThreadCardReactionPin$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, reactionId = props.reactionId, commentObj = props.commentObj, commentIndex = props.commentIndex, index = props.index, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-thread-card-reaction-pin", { 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, "reaction-id": reactionId, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined, index: index !== undefined ? String(index) : undefined }, children));
+};
+
+var VeltCommentDialogThreadCardAssignButton$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-thread-card-assign-button", { 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, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined }, children));
+};
+
+var VeltCommentDialogThreadCardEditComposer$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-composer-attachments-invalid-item-preview", { 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));
+    return (React.createElement("velt-comment-dialog-thread-card-edit-composer", { 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, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined }, children));
 };
 
 var VeltCommentDialogThreadCardAttachments$1 = function (props) {
@@ -3754,21 +3784,21 @@ var VeltCommentDialogThreadCardAttachmentsImage$1 = function (props) {
 };
 
 var VeltCommentDialogThreadCardAttachmentsImageDelete$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, attachment = props.attachment, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, attachmentIndex = props.attachmentIndex, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-thread-card-attachments-image-delete", { 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, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined }, children));
+    return (React.createElement("velt-comment-dialog-thread-card-attachments-image-delete", { 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, attachment: attachment ? (typeof attachment === 'string' ? attachment : JSON.stringify(attachment)) : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined, "attachment-index": attachmentIndex !== undefined ? String(attachmentIndex) : undefined }, children));
 };
 
 var VeltCommentDialogThreadCardAttachmentsImageDownload$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, attachment = props.attachment, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, attachmentIndex = props.attachmentIndex, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-thread-card-attachments-image-download", { 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, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined }, children));
+    return (React.createElement("velt-comment-dialog-thread-card-attachments-image-download", { 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, attachment: attachment ? (typeof attachment === 'string' ? attachment : JSON.stringify(attachment)) : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined, "attachment-index": attachmentIndex !== undefined ? String(attachmentIndex) : undefined }, children));
 };
 
 var VeltCommentDialogThreadCardAttachmentsImagePreview$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, attachment = props.attachment, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, attachmentIndex = props.attachmentIndex, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-thread-card-attachments-image-preview", { 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, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined }, children));
+    return (React.createElement("velt-comment-dialog-thread-card-attachments-image-preview", { 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, attachment: attachment ? (typeof attachment === 'string' ? attachment : JSON.stringify(attachment)) : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined, "attachment-index": attachmentIndex !== undefined ? String(attachmentIndex) : undefined }, children));
 };
 
 var VeltCommentDialogThreadCardAttachmentsOther$1 = function (props) {
@@ -3778,33 +3808,33 @@ var VeltCommentDialogThreadCardAttachmentsOther$1 = function (props) {
 };
 
 var VeltCommentDialogThreadCardAttachmentsOtherDelete$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, attachment = props.attachment, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, attachmentIndex = props.attachmentIndex, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-thread-card-attachments-other-delete", { 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, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined }, children));
+    return (React.createElement("velt-comment-dialog-thread-card-attachments-other-delete", { 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, attachment: attachment ? (typeof attachment === 'string' ? attachment : JSON.stringify(attachment)) : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined, "attachment-index": attachmentIndex !== undefined ? String(attachmentIndex) : undefined }, children));
 };
 
 var VeltCommentDialogThreadCardAttachmentsOtherDownload$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, attachment = props.attachment, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, attachmentIndex = props.attachmentIndex, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-thread-card-attachments-other-download", { 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, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined }, children));
+    return (React.createElement("velt-comment-dialog-thread-card-attachments-other-download", { 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, attachment: attachment ? (typeof attachment === 'string' ? attachment : JSON.stringify(attachment)) : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined, "attachment-index": attachmentIndex !== undefined ? String(attachmentIndex) : undefined }, children));
 };
 
 var VeltCommentDialogThreadCardAttachmentsOtherIcon$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, attachment = props.attachment, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, attachmentIndex = props.attachmentIndex, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-thread-card-attachments-other-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, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined }, children));
+    return (React.createElement("velt-comment-dialog-thread-card-attachments-other-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, attachment: attachment ? (typeof attachment === 'string' ? attachment : JSON.stringify(attachment)) : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined, "attachment-index": attachmentIndex !== undefined ? String(attachmentIndex) : undefined }, children));
 };
 
 var VeltCommentDialogThreadCardAttachmentsOtherName$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, attachment = props.attachment, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, attachmentIndex = props.attachmentIndex, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-thread-card-attachments-other-name", { 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, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined }, children));
+    return (React.createElement("velt-comment-dialog-thread-card-attachments-other-name", { 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, attachment: attachment ? (typeof attachment === 'string' ? attachment : JSON.stringify(attachment)) : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined, "attachment-index": attachmentIndex !== undefined ? String(attachmentIndex) : undefined }, children));
 };
 
 var VeltCommentDialogThreadCardAttachmentsOtherSize$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, attachment = props.attachment, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, attachmentIndex = props.attachmentIndex, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-thread-card-attachments-other-size", { 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, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined }, children));
+    return (React.createElement("velt-comment-dialog-thread-card-attachments-other-size", { 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, attachment: attachment ? (typeof attachment === 'string' ? attachment : JSON.stringify(attachment)) : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined, "attachment-index": attachmentIndex !== undefined ? String(attachmentIndex) : undefined }, children));
 };
 
 var VeltCommentDialogThreadCardSeenDropdown$1 = function (props) {
@@ -3814,15 +3844,15 @@ var VeltCommentDialogThreadCardSeenDropdown$1 = function (props) {
 };
 
 var VeltCommentDialogThreadCardSeenDropdownTrigger$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, isDropdownOpen = props.isDropdownOpen, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-thread-card-seen-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));
+    return (React.createElement("velt-comment-dialog-thread-card-seen-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, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "is-dropdown-open": [true, false].includes(isDropdownOpen) ? (isDropdownOpen ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentDialogThreadCardSeenDropdownContent$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-thread-card-seen-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));
+    return (React.createElement("velt-comment-dialog-thread-card-seen-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, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined }, children));
 };
 
 var VeltCommentDialogThreadCardSeenDropdownContentTitle$1 = function (props) {
@@ -3832,33 +3862,33 @@ var VeltCommentDialogThreadCardSeenDropdownContentTitle$1 = function (props) {
 };
 
 var VeltCommentDialogThreadCardSeenDropdownContentItems$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, views = props.views, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-thread-card-seen-dropdown-content-items", { 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));
+    return (React.createElement("velt-comment-dialog-thread-card-seen-dropdown-content-items", { 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, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined && commentId !== null ? commentId.toString() : undefined, views: views ? JSON.stringify(views) : undefined }, children));
 };
 
 var VeltCommentDialogThreadCardSeenDropdownContentItem$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, view = props.view, user = props.user, userName = props.userName, userEmail = props.userEmail, viewedAt = props.viewedAt, index = props.index, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-thread-card-seen-dropdown-content-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));
+    return (React.createElement("velt-comment-dialog-thread-card-seen-dropdown-content-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, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, view: view ? (typeof view === 'string' ? view : JSON.stringify(view)) : undefined, user: user ? (typeof user === 'string' ? user : JSON.stringify(user)) : undefined, "user-name": userName !== undefined && userName !== null ? userName : undefined, "user-email": userEmail !== undefined && userEmail !== null ? userEmail : undefined, "viewed-at": viewedAt !== undefined && viewedAt !== null ? viewedAt.toString() : undefined, index: index !== undefined ? index.toString() : undefined }, children));
 };
 
 var VeltCommentDialogThreadCardSeenDropdownContentItemAvatar$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, view = props.view, user = props.user, userName = props.userName, userEmail = props.userEmail, index = props.index, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-thread-card-seen-dropdown-content-item-avatar", { 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));
+    return (React.createElement("velt-comment-dialog-thread-card-seen-dropdown-content-item-avatar", { 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, view: view ? (typeof view === 'string' ? view : JSON.stringify(view)) : undefined, user: user ? (typeof user === 'string' ? user : JSON.stringify(user)) : undefined, "user-name": userName !== undefined && userName !== null ? userName : undefined, "user-email": userEmail !== undefined && userEmail !== null ? userEmail : undefined, index: index !== undefined ? index.toString() : undefined }, children));
 };
 
 var VeltCommentDialogThreadCardSeenDropdownContentItemName$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, view = props.view, user = props.user, userName = props.userName, userEmail = props.userEmail, index = props.index, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-thread-card-seen-dropdown-content-item-name", { 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));
+    return (React.createElement("velt-comment-dialog-thread-card-seen-dropdown-content-item-name", { 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, view: view ? (typeof view === 'string' ? view : JSON.stringify(view)) : undefined, user: user ? (typeof user === 'string' ? user : JSON.stringify(user)) : undefined, "user-name": userName !== undefined && userName !== null ? userName : undefined, "user-email": userEmail !== undefined && userEmail !== null ? userEmail : undefined, index: index !== undefined ? index.toString() : undefined }, children));
 };
 
 var VeltCommentDialogThreadCardSeenDropdownContentItemTime$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, view = props.view, viewedAt = props.viewedAt, userName = props.userName, userEmail = props.userEmail, index = props.index, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-dialog-thread-card-seen-dropdown-content-item-time", { 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));
+    return (React.createElement("velt-comment-dialog-thread-card-seen-dropdown-content-item-time", { 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, view: view ? (typeof view === 'string' ? view : JSON.stringify(view)) : undefined, "viewed-at": viewedAt !== undefined && viewedAt !== null ? viewedAt.toString() : undefined, "user-name": userName !== undefined && userName !== null ? userName : undefined, "user-email": userEmail !== undefined && userEmail !== null ? userEmail : undefined, index: index !== undefined ? index.toString() : undefined }, children));
 };
 
 var VeltWireframe = function (props) {
@@ -9273,21 +9303,21 @@ VeltActivityLogWireframe.Loading = VeltActivityLogLoadingWireframe;
 VeltActivityLogWireframe.Empty = VeltActivityLogEmptyWireframe;
 
 var VeltCommentBubbleAvatar = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-bubble-avatar", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+    return (React.createElement("velt-comment-bubble-avatar", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentBubbleCommentsCount = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var defaultCondition = props.defaultCondition, annotationId = props.annotationId, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-bubble-comments-count", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+    return (React.createElement("velt-comment-bubble-comments-count", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "annotation-id": annotationId }, children));
 };
 
 var VeltCommentBubbleUnreadIcon = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var defaultCondition = props.defaultCondition, annotationId = props.annotationId, children = props.children;
     var ref = useRef(null);
-    return (React.createElement("velt-comment-bubble-unread-icon", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+    return (React.createElement("velt-comment-bubble-unread-icon", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "annotation-id": annotationId }, children));
 };
 
 var VeltSidebarButtonIcon = function (props) {
@@ -9309,9 +9339,9 @@ var VeltSidebarButtonUnreadIcon = function (props) {
 };
 
 var VeltTextComment = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var defaultCondition = props.defaultCondition, variant = props.variant, 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));
+    return (React.createElement("velt-text-comment", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, variant: variant }, children));
 };
 
 var VeltTextCommentTool = function (props) {
@@ -9350,142 +9380,164 @@ var VeltTextCommentToolbarGeneric = function (props) {
     return (React.createElement("velt-text-comment-toolbar-generic", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
+var VeltMultiThreadCommentDialog = function (props) {
+    var annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, annotation = props.annotation, user = props.user, commentPinSelected = props.commentPinSelected, commentPinType = props.commentPinType, dialogVariant = props.dialogVariant, variant = props.variant, inboxMode = props.inboxMode, containerComponentId = props.containerComponentId, context = props.context, readOnly = props.readOnly, defaultCondition = props.defaultCondition, onSaveComment = props.onSaveComment, children = props.children;
+    var ref = useRef(null);
+    var onSaveCommentRef = useRef(onSaveComment);
+    useEffect(function () { onSaveCommentRef.current = onSaveComment; }, [onSaveComment]);
+    useEffect(function () {
+        var element;
+        var handleSaveComment = function (event) { if (onSaveCommentRef.current)
+            onSaveCommentRef.current(event === null || event === void 0 ? void 0 : event.detail); };
+        if (ref.current) {
+            element = ref.current;
+            element.addEventListener('saveComment', handleSaveComment);
+        }
+        return function () {
+            if (element) {
+                element.removeEventListener('saveComment', handleSaveComment);
+            }
+        };
+    }, []);
+    return (React.createElement("velt-multi-thread-comment-dialog", { ref: ref, "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, annotation: annotation ? (typeof annotation === 'object' ? JSON.stringify(annotation) : annotation) : undefined, user: user ? (typeof user === 'object' ? JSON.stringify(user) : user) : undefined, "comment-pin-selected": [true, false].includes(commentPinSelected) ? (commentPinSelected ? 'true' : 'false') : undefined, "comment-pin-type": commentPinType, "dialog-variant": dialogVariant, variant: variant, "inbox-mode": [true, false].includes(inboxMode) ? (inboxMode ? 'true' : 'false') : undefined, "container-component-id": containerComponentId, context: context ? (typeof context === 'object' ? JSON.stringify(context) : context) : undefined, "read-only": [true, false].includes(readOnly) ? (readOnly ? 'true' : 'false') : undefined, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
 var VeltMultiThreadCommentDialogList = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, 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));
+    return (React.createElement("velt-multi-thread-comment-dialog-list", { ref: ref, "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltMultiThreadCommentDialogPanel = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, 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));
+    return (React.createElement("velt-multi-thread-comment-dialog-panel", { ref: ref, "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltMultiThreadCommentDialogComposerContainer = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, 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));
+    return (React.createElement("velt-multi-thread-comment-dialog-composer-container", { ref: ref, "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltMultiThreadCommentDialogCommentCount = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, 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));
+    return (React.createElement("velt-multi-thread-comment-dialog-comment-count", { ref: ref, "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltMultiThreadCommentDialogEmptyPlaceholder = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, 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));
+    return (React.createElement("velt-multi-thread-comment-dialog-empty-placeholder", { ref: ref, "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltMultiThreadCommentDialogCloseButton = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, 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));
+    return (React.createElement("velt-multi-thread-comment-dialog-close-button", { ref: ref, "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltMultiThreadCommentDialogNewThreadButton = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, 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));
+    return (React.createElement("velt-multi-thread-comment-dialog-new-thread-button", { ref: ref, "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltMultiThreadCommentDialogResetFilterButton = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, 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));
+    return (React.createElement("velt-multi-thread-comment-dialog-reset-filter-button", { ref: ref, "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltMultiThreadCommentDialogMinimalFilterDropdown = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, 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));
+    return (React.createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown", { ref: ref, "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltMultiThreadCommentDialogMinimalFilterDropdownTrigger = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, 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));
+    return (React.createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown-trigger", { ref: ref, "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltMultiThreadCommentDialogMinimalFilterDropdownContent = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, 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));
+    return (React.createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown-content", { ref: ref, "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltMultiThreadCommentDialogMinimalFilterDropdownContentFilterAll = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, defaultCondition = props.defaultCondition, contextId = props.contextId, 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));
+    return (React.createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown-content-filter-all", { ref: ref, "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "context-id": contextId }, children));
 };
 
 var VeltMultiThreadCommentDialogMinimalFilterDropdownContentFilterRead = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, defaultCondition = props.defaultCondition, contextId = props.contextId, 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));
+    return (React.createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown-content-filter-read", { ref: ref, "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "context-id": contextId }, children));
 };
 
 var VeltMultiThreadCommentDialogMinimalFilterDropdownContentFilterResolved = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, defaultCondition = props.defaultCondition, contextId = props.contextId, 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));
+    return (React.createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown-content-filter-resolved", { ref: ref, "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "context-id": contextId }, children));
 };
 
 var VeltMultiThreadCommentDialogMinimalFilterDropdownContentFilterUnread = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, defaultCondition = props.defaultCondition, contextId = props.contextId, 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));
+    return (React.createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown-content-filter-unread", { ref: ref, "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "context-id": contextId }, children));
 };
 
 var VeltMultiThreadCommentDialogMinimalFilterDropdownContentSelectedIcon = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, defaultCondition = props.defaultCondition, isSelected = props.isSelected, 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));
+    return (React.createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown-content-selected-icon", { ref: ref, "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "is-selected": [true, false].includes(isSelected) ? (isSelected ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltMultiThreadCommentDialogMinimalFilterDropdownContentSortDate = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, defaultCondition = props.defaultCondition, contextId = props.contextId, 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));
+    return (React.createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown-content-sort-date", { ref: ref, "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "context-id": contextId }, children));
 };
 
 var VeltMultiThreadCommentDialogMinimalFilterDropdownContentSortUnread = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, defaultCondition = props.defaultCondition, contextId = props.contextId, 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));
+    return (React.createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown-content-sort-unread", { ref: ref, "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "context-id": contextId }, children));
 };
 
 var VeltMultiThreadCommentDialogMinimalActionsDropdown = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, 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));
+    return (React.createElement("velt-multi-thread-comment-dialog-minimal-actions-dropdown", { ref: ref, "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltMultiThreadCommentDialogMinimalActionsDropdownTrigger = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, 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));
+    return (React.createElement("velt-multi-thread-comment-dialog-minimal-actions-dropdown-trigger", { ref: ref, "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltMultiThreadCommentDialogMinimalActionsDropdownContent = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, 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));
+    return (React.createElement("velt-multi-thread-comment-dialog-minimal-actions-dropdown-content", { ref: ref, "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltMultiThreadCommentDialogMinimalActionsDropdownContentMarkAllRead = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, 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));
+    return (React.createElement("velt-multi-thread-comment-dialog-minimal-actions-dropdown-content-mark-all-read", { ref: ref, "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltMultiThreadCommentDialogMinimalActionsDropdownContentMarkAllResolved = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, 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));
+    return (React.createElement("velt-multi-thread-comment-dialog-minimal-actions-dropdown-content-mark-all-resolved", { ref: ref, "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentDialogAgentSuggestion = function (props) {
@@ -9746,6 +9798,36 @@ function useSetRootDocument() {
         setRootDocument: setRootDocumentCallback
     };
 }
+function useSetPageInfo() {
+    var client = useVeltClient().client;
+    var _a = React.useState(undefined), data = _a[0], setData = _a[1];
+    React.useEffect(function () {
+        // Only call when the method exists on the client (older SDK versions won't have it).
+        if ((client === null || client === void 0 ? void 0 : client.setPageInfo) && (data === null || data === void 0 ? void 0 : data.pageInfo)) {
+            client.setPageInfo(data.pageInfo, data.options);
+        }
+    }, [client === null || client === void 0 ? void 0 : client.setPageInfo, data]);
+    // Memoize the setPageInfo callback
+    var setPageInfoCallback = React.useCallback(function (pageInfo, options) {
+        setData({ pageInfo: pageInfo, options: options });
+    }, []); // Empty dependency array since it only uses setState which is stable
+    return {
+        setPageInfo: setPageInfoCallback
+    };
+}
+function useClearPageInfo() {
+    var client = useVeltClient().client;
+    // Memoize the clearPageInfo callback
+    var clearPageInfoCallback = React.useCallback(function (options) {
+        // Only call when the method exists on the client (older SDK versions won't have it).
+        if (client === null || client === void 0 ? void 0 : client.clearPageInfo) {
+            client.clearPageInfo(options);
+        }
+    }, [client === null || client === void 0 ? void 0 : client.clearPageInfo]);
+    return {
+        clearPageInfo: clearPageInfoCallback
+    };
+}
 function useUnsetDocumentId() {
     var client = useVeltClient().client;
     React.useEffect(function () {
@@ -11914,5 +11996,5 @@ var logLiveState = function (action, liveStateDataId) {
     }
 };
 
-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, VeltCommentBubbleAvatar, VeltCommentBubbleCommentsCount, VeltCommentBubbleUnreadIcon, VeltCommentBubbleWireframe, VeltCommentComposer, VeltCommentComposerWireframe, VeltCommentDialog, VeltCommentDialogAgentSuggestion, VeltCommentDialogAgentSuggestionActionAccept, VeltCommentDialogAgentSuggestionActionAcceptWireframe, VeltCommentDialogAgentSuggestionActionReject, VeltCommentDialogAgentSuggestionActionRejectWireframe, VeltCommentDialogAgentSuggestionActions, VeltCommentDialogAgentSuggestionActionsWireframe, VeltCommentDialogAgentSuggestionAgent, VeltCommentDialogAgentSuggestionAgentAvatar, VeltCommentDialogAgentSuggestionAgentAvatarWireframe, VeltCommentDialogAgentSuggestionAgentName, VeltCommentDialogAgentSuggestionAgentNameWireframe, VeltCommentDialogAgentSuggestionAgentWireframe, VeltCommentDialogAgentSuggestionAuthor, VeltCommentDialogAgentSuggestionAuthorAvatar, VeltCommentDialogAgentSuggestionAuthorAvatarWireframe, VeltCommentDialogAgentSuggestionAuthorName, VeltCommentDialogAgentSuggestionAuthorNameWireframe, VeltCommentDialogAgentSuggestionAuthorWireframe, VeltCommentDialogAgentSuggestionBanner, VeltCommentDialogAgentSuggestionBannerAvatar, VeltCommentDialogAgentSuggestionBannerAvatarStatusIcon, VeltCommentDialogAgentSuggestionBannerAvatarStatusIconWireframe, VeltCommentDialogAgentSuggestionBannerAvatarUserImage, VeltCommentDialogAgentSuggestionBannerAvatarUserImageWireframe, VeltCommentDialogAgentSuggestionBannerAvatarWireframe, VeltCommentDialogAgentSuggestionBannerLabel, VeltCommentDialogAgentSuggestionBannerLabelWireframe, VeltCommentDialogAgentSuggestionBannerResolverUserName, VeltCommentDialogAgentSuggestionBannerResolverUserNameWireframe, VeltCommentDialogAgentSuggestionBannerSeparator, VeltCommentDialogAgentSuggestionBannerSeparatorWireframe, VeltCommentDialogAgentSuggestionBannerTimestamp, VeltCommentDialogAgentSuggestionBannerTimestampWireframe, VeltCommentDialogAgentSuggestionBannerWireframe, VeltCommentDialogAgentSuggestionBody, VeltCommentDialogAgentSuggestionBodyWireframe, VeltCommentDialogAgentSuggestionFooter, VeltCommentDialogAgentSuggestionFooterOpenComment, VeltCommentDialogAgentSuggestionFooterOpenCommentWireframe, VeltCommentDialogAgentSuggestionFooterWireframe, VeltCommentDialogAgentSuggestionHeader, VeltCommentDialogAgentSuggestionHeaderWireframe, VeltCommentDialogAgentSuggestionMenu, VeltCommentDialogAgentSuggestionMenuContent, VeltCommentDialogAgentSuggestionMenuContentItem, VeltCommentDialogAgentSuggestionMenuContentItemIcon, VeltCommentDialogAgentSuggestionMenuContentItemIconWireframe, VeltCommentDialogAgentSuggestionMenuContentItemLabel, VeltCommentDialogAgentSuggestionMenuContentItemLabelWireframe, VeltCommentDialogAgentSuggestionMenuContentItemWireframe, VeltCommentDialogAgentSuggestionMenuContentWireframe, VeltCommentDialogAgentSuggestionMenuTrigger, VeltCommentDialogAgentSuggestionMenuTriggerWireframe, VeltCommentDialogAgentSuggestionMenuWireframe, VeltCommentDialogAgentSuggestionTimestamp, VeltCommentDialogAgentSuggestionTimestampWireframe, VeltCommentDialogAgentSuggestionWireframe, 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, VeltCommentDialogComposerAttachmentsImageDownload$1 as VeltCommentDialogComposerAttachmentsImageDownload, 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, VeltCommentDialogComposerAttachmentsOtherDownload$1 as VeltCommentDialogComposerAttachmentsOtherDownload, 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, VeltCommentDialogThreadCardMessageShowLess$1 as VeltCommentDialogThreadCardMessageShowLess, VeltCommentDialogThreadCardMessageShowMore$1 as VeltCommentDialogThreadCardMessageShowMore, 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, VeltNotificationsPanelCloseButton, VeltNotificationsPanelContent, VeltNotificationsPanelContentAll, VeltNotificationsPanelContentAllList, VeltNotificationsPanelContentAllListItem, VeltNotificationsPanelContentAllListItemContent, VeltNotificationsPanelContentAllListItemLabel, VeltNotificationsPanelContentAllReadContainer, VeltNotificationsPanelContentDocuments, VeltNotificationsPanelContentDocumentsList, VeltNotificationsPanelContentDocumentsListItem, VeltNotificationsPanelContentDocumentsListItemContent, VeltNotificationsPanelContentDocumentsListItemCount, VeltNotificationsPanelContentDocumentsListItemName, VeltNotificationsPanelContentDocumentsListItemUnread, VeltNotificationsPanelContentForYou, VeltNotificationsPanelContentList, VeltNotificationsPanelContentListItem, VeltNotificationsPanelContentListItemAvatar, VeltNotificationsPanelContentListItemBody, VeltNotificationsPanelContentListItemFileName, VeltNotificationsPanelContentListItemHeadline, VeltNotificationsPanelContentListItemTime, VeltNotificationsPanelContentListItemUnread, VeltNotificationsPanelContentLoadMore, VeltNotificationsPanelContentPeople, VeltNotificationsPanelContentPeopleList, VeltNotificationsPanelContentPeopleListItem, VeltNotificationsPanelContentPeopleListItemAvatar, VeltNotificationsPanelContentPeopleListItemContent, VeltNotificationsPanelContentPeopleListItemCount, VeltNotificationsPanelContentPeopleListItemName, VeltNotificationsPanelHeader, VeltNotificationsPanelHeaderTabAll, VeltNotificationsPanelHeaderTabDocuments, VeltNotificationsPanelHeaderTabForYou, VeltNotificationsPanelHeaderTabPeople, VeltNotificationsPanelReadAllButton, VeltNotificationsPanelSettings, VeltNotificationsPanelSettingsAccordion, VeltNotificationsPanelSettingsAccordionContent, VeltNotificationsPanelSettingsAccordionContentItem, VeltNotificationsPanelSettingsAccordionContentItemIcon, VeltNotificationsPanelSettingsAccordionContentItemLabel, VeltNotificationsPanelSettingsAccordionTrigger, VeltNotificationsPanelSettingsAccordionTriggerIcon, VeltNotificationsPanelSettingsAccordionTriggerLabel, VeltNotificationsPanelSettingsAccordionTriggerSelectedValue, VeltNotificationsPanelSettingsBackButton, VeltNotificationsPanelSettingsButton, VeltNotificationsPanelSettingsDescription, VeltNotificationsPanelSettingsFooter, VeltNotificationsPanelSettingsHeader, VeltNotificationsPanelSettingsHeaderTitle, VeltNotificationsPanelSettingsList, VeltNotificationsPanelSettingsMuteAllDescription, VeltNotificationsPanelSettingsMuteAllTitle, VeltNotificationsPanelSettingsMuteAllToggle, VeltNotificationsPanelSettingsTitle, VeltNotificationsPanelSkeleton, VeltNotificationsPanelTitle, VeltNotificationsPanelTitleText, VeltNotificationsPanelViewAllButton, VeltNotificationsPanelWireframe, VeltNotificationsTool, VeltNotificationsToolIcon, VeltNotificationsToolLabel, VeltNotificationsToolUnreadCount, VeltNotificationsToolUnreadIcon, 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, useCommitSuggestion, useContactList, useContactSelected, useContactUtils, useCopyLink, useCrdtEventCallback, useCrdtUtils, useCurrentUser, useCurrentUserPermissions, useCursorUsers, useCursorUtils, useDeleteAttachment, useDeleteComment, useDeleteCommentAnnotation, useDeleteReaction, useDeleteRecording, useDisableSuggestionMode, useEditor, useEditorAccessRequestHandler, useEditorAccessTimer, useEnableSuggestionMode, useGetAttachment, useGetComment, useGetCommentAnnotations, useGetLink, useGetRecording, useHeartbeat, useHuddleUtils, useIdentify, useLiveSelectionDataHandler, useLiveSelectionUtils, useLiveState, useLiveStateData, useLiveStateSyncEventCallback, useLiveStateSyncUtils, useNotificationEventCallback, useNotificationSettings, useNotificationUtils, useNotificationsData, usePendingSuggestion, usePresenceData, usePresenceEventCallback, usePresenceUsers, usePresenceUtils, useRecorderAddHandler, useRecorderEventCallback, useRecorderUtils, useRecordingDataByRecorderId, useRecordings, useRegisterTarget, useRejectCommentAnnotation, useResolveCommentAnnotation, useServerConnectionStateChangeHandler, useSetContextProvider, useSetDocument, useSetDocumentId, useSetDocuments, useSetLiveStateData, useSetLocation, useSetLocations, useSetRootDocument, useSetRootLocation, useStartSuggestion, useSubscribeCommentAnnotation, useSuggestionEventCallback, useSuggestionModeState, useSuggestionUtils, useSuggestions, useTagAnnotations, useTagUtils, useToggleReaction, useUiState, useUniqueViewsByDate, useUniqueViewsByUser, useUnreadCommentAnnotationCountByLocationId, useUnreadCommentAnnotationCountOnCurrentDocument, useUnreadCommentCountByAnnotationId, useUnreadCommentCountByLocationId, useUnreadCommentCountOnCurrentDocument, useUnreadNotificationsCount, useUnregisterTarget, 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, VeltAutocompletePanel, VeltAutocompleteTool, VeltButtonWireframe, VeltCanvasComment, VeltChartComment, SnippylyCommentBubble as VeltCommentBubble, VeltCommentBubbleAvatar, VeltCommentBubbleCommentsCount, VeltCommentBubbleUnreadIcon, VeltCommentBubbleWireframe, VeltCommentComposer, VeltCommentComposerWireframe, VeltCommentDialog, VeltCommentDialogAgentSuggestion, VeltCommentDialogAgentSuggestionActionAccept, VeltCommentDialogAgentSuggestionActionAcceptWireframe, VeltCommentDialogAgentSuggestionActionReject, VeltCommentDialogAgentSuggestionActionRejectWireframe, VeltCommentDialogAgentSuggestionActions, VeltCommentDialogAgentSuggestionActionsWireframe, VeltCommentDialogAgentSuggestionAgent, VeltCommentDialogAgentSuggestionAgentAvatar, VeltCommentDialogAgentSuggestionAgentAvatarWireframe, VeltCommentDialogAgentSuggestionAgentName, VeltCommentDialogAgentSuggestionAgentNameWireframe, VeltCommentDialogAgentSuggestionAgentWireframe, VeltCommentDialogAgentSuggestionAuthor, VeltCommentDialogAgentSuggestionAuthorAvatar, VeltCommentDialogAgentSuggestionAuthorAvatarWireframe, VeltCommentDialogAgentSuggestionAuthorName, VeltCommentDialogAgentSuggestionAuthorNameWireframe, VeltCommentDialogAgentSuggestionAuthorWireframe, VeltCommentDialogAgentSuggestionBanner, VeltCommentDialogAgentSuggestionBannerAvatar, VeltCommentDialogAgentSuggestionBannerAvatarStatusIcon, VeltCommentDialogAgentSuggestionBannerAvatarStatusIconWireframe, VeltCommentDialogAgentSuggestionBannerAvatarUserImage, VeltCommentDialogAgentSuggestionBannerAvatarUserImageWireframe, VeltCommentDialogAgentSuggestionBannerAvatarWireframe, VeltCommentDialogAgentSuggestionBannerLabel, VeltCommentDialogAgentSuggestionBannerLabelWireframe, VeltCommentDialogAgentSuggestionBannerResolverUserName, VeltCommentDialogAgentSuggestionBannerResolverUserNameWireframe, VeltCommentDialogAgentSuggestionBannerSeparator, VeltCommentDialogAgentSuggestionBannerSeparatorWireframe, VeltCommentDialogAgentSuggestionBannerTimestamp, VeltCommentDialogAgentSuggestionBannerTimestampWireframe, VeltCommentDialogAgentSuggestionBannerWireframe, VeltCommentDialogAgentSuggestionBody, VeltCommentDialogAgentSuggestionBodyWireframe, VeltCommentDialogAgentSuggestionFooter, VeltCommentDialogAgentSuggestionFooterOpenComment, VeltCommentDialogAgentSuggestionFooterOpenCommentWireframe, VeltCommentDialogAgentSuggestionFooterWireframe, VeltCommentDialogAgentSuggestionHeader, VeltCommentDialogAgentSuggestionHeaderWireframe, VeltCommentDialogAgentSuggestionMenu, VeltCommentDialogAgentSuggestionMenuContent, VeltCommentDialogAgentSuggestionMenuContentItem, VeltCommentDialogAgentSuggestionMenuContentItemIcon, VeltCommentDialogAgentSuggestionMenuContentItemIconWireframe, VeltCommentDialogAgentSuggestionMenuContentItemLabel, VeltCommentDialogAgentSuggestionMenuContentItemLabelWireframe, VeltCommentDialogAgentSuggestionMenuContentItemWireframe, VeltCommentDialogAgentSuggestionMenuContentWireframe, VeltCommentDialogAgentSuggestionMenuTrigger, VeltCommentDialogAgentSuggestionMenuTriggerWireframe, VeltCommentDialogAgentSuggestionMenuWireframe, VeltCommentDialogAgentSuggestionTimestamp, VeltCommentDialogAgentSuggestionTimestampWireframe, VeltCommentDialogAgentSuggestionWireframe, 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, VeltCommentDialogComposerAttachmentsImageDownload$1 as VeltCommentDialogComposerAttachmentsImageDownload, 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, VeltCommentDialogComposerAttachmentsOtherDownload$1 as VeltCommentDialogComposerAttachmentsOtherDownload, 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, VeltCommentDialogThreadCardAssignButton$1 as VeltCommentDialogThreadCardAssignButton, 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, VeltCommentDialogThreadCardEditComposer$1 as VeltCommentDialogThreadCardEditComposer, VeltCommentDialogThreadCardEdited$1 as VeltCommentDialogThreadCardEdited, VeltCommentDialogThreadCardMessage$1 as VeltCommentDialogThreadCardMessage, VeltCommentDialogThreadCardMessageShowLess$1 as VeltCommentDialogThreadCardMessageShowLess, VeltCommentDialogThreadCardMessageShowMore$1 as VeltCommentDialogThreadCardMessageShowMore, VeltCommentDialogThreadCardName$1 as VeltCommentDialogThreadCardName, VeltCommentDialogThreadCardOptions$1 as VeltCommentDialogThreadCardOptions, VeltCommentDialogThreadCardReactionPin$1 as VeltCommentDialogThreadCardReactionPin, 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, VeltCommentSidebarV2CloseButton, VeltCommentSidebarV2EmptyPlaceholder, VeltCommentSidebarV2FilterDropdown, VeltCommentSidebarV2FilterDropdownContent, VeltCommentSidebarV2FilterDropdownContentList, VeltCommentSidebarV2FilterDropdownContentListCategory, VeltCommentSidebarV2FilterDropdownContentListCategoryContent, VeltCommentSidebarV2FilterDropdownContentListItem, VeltCommentSidebarV2FilterDropdownContentListItemIndicator, VeltCommentSidebarV2FilterDropdownContentListItemLabel, VeltCommentSidebarV2FilterDropdownTrigger, VeltCommentSidebarV2FocusedThread, VeltCommentSidebarV2FocusedThreadBackButton, VeltCommentSidebarV2FocusedThreadDialogContainer, VeltCommentSidebarV2Header, VeltCommentSidebarV2List, VeltCommentSidebarV2ListItem, VeltCommentSidebarV2MinimalActionsDropdown, VeltCommentSidebarV2MinimalActionsDropdownContent, VeltCommentSidebarV2MinimalActionsDropdownContentMarkAllRead, VeltCommentSidebarV2MinimalActionsDropdownContentMarkAllResolved, VeltCommentSidebarV2MinimalActionsDropdownTrigger, VeltCommentSidebarV2PageModeComposer, VeltCommentSidebarV2Panel, VeltCommentSidebarV2ResetFilterButton, VeltCommentSidebarV2Skeleton, VeltCommentText, VeltCommentThread, VeltCommentThreadWireframe, SnippylyCommentTool as VeltCommentTool, VeltCommentToolWireframe, SnippylyComments as VeltComments, VeltCommentsMinimap, SnippylyCommentsSidebar as VeltCommentsSidebar, VeltCommentsSidebarButton, VeltCommentsSidebarStatusDropdownWireframe, VeltCommentsSidebarV2, VeltCommentsSidebarV2Wireframe, VeltCommentsSidebarWireframe, VeltConfirmDialogWireframe, SnippylyCursor as VeltCursor, VeltCursorPointerWireframe, VeltData, VeltHighChartComments, SnippylyHuddle as VeltHuddle, SnippylyHuddleTool as VeltHuddleTool, VeltIf, VeltInlineCommentsSection, VeltInlineCommentsSectionCommentCount, VeltInlineCommentsSectionComposerContainer, VeltInlineCommentsSectionFilterDropdown, VeltInlineCommentsSectionFilterDropdownContent, VeltInlineCommentsSectionFilterDropdownContentApplyButton, VeltInlineCommentsSectionFilterDropdownContentList, VeltInlineCommentsSectionFilterDropdownContentListItem, VeltInlineCommentsSectionFilterDropdownContentListItemCheckbox, VeltInlineCommentsSectionFilterDropdownContentListItemLabel, VeltInlineCommentsSectionFilterDropdownTrigger, VeltInlineCommentsSectionFilterDropdownTriggerArrow, VeltInlineCommentsSectionFilterDropdownTriggerName, VeltInlineCommentsSectionList, VeltInlineCommentsSectionPanel, VeltInlineCommentsSectionSkeleton, VeltInlineCommentsSectionSortingDropdown, VeltInlineCommentsSectionSortingDropdownContent, VeltInlineCommentsSectionSortingDropdownContentItem, VeltInlineCommentsSectionSortingDropdownContentItemIcon, VeltInlineCommentsSectionSortingDropdownContentItemName, VeltInlineCommentsSectionSortingDropdownContentItemTick, VeltInlineCommentsSectionSortingDropdownTrigger, VeltInlineCommentsSectionSortingDropdownTriggerIcon, VeltInlineCommentsSectionSortingDropdownTriggerName, VeltInlineCommentsSectionWireframe, VeltInlineReactionsSection, VeltInlineReactionsSectionWireframe, VeltMediaSourceSettingsWireframe, VeltMultiThreadCommentDialog, 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, VeltNotificationsPanelCloseButton, VeltNotificationsPanelContent, VeltNotificationsPanelContentAll, VeltNotificationsPanelContentAllList, VeltNotificationsPanelContentAllListItem, VeltNotificationsPanelContentAllListItemContent, VeltNotificationsPanelContentAllListItemLabel, VeltNotificationsPanelContentAllReadContainer, VeltNotificationsPanelContentDocuments, VeltNotificationsPanelContentDocumentsList, VeltNotificationsPanelContentDocumentsListItem, VeltNotificationsPanelContentDocumentsListItemContent, VeltNotificationsPanelContentDocumentsListItemCount, VeltNotificationsPanelContentDocumentsListItemName, VeltNotificationsPanelContentDocumentsListItemUnread, VeltNotificationsPanelContentForYou, VeltNotificationsPanelContentList, VeltNotificationsPanelContentListItem, VeltNotificationsPanelContentListItemAvatar, VeltNotificationsPanelContentListItemBody, VeltNotificationsPanelContentListItemFileName, VeltNotificationsPanelContentListItemHeadline, VeltNotificationsPanelContentListItemTime, VeltNotificationsPanelContentListItemUnread, VeltNotificationsPanelContentLoadMore, VeltNotificationsPanelContentPeople, VeltNotificationsPanelContentPeopleList, VeltNotificationsPanelContentPeopleListItem, VeltNotificationsPanelContentPeopleListItemAvatar, VeltNotificationsPanelContentPeopleListItemContent, VeltNotificationsPanelContentPeopleListItemCount, VeltNotificationsPanelContentPeopleListItemName, VeltNotificationsPanelHeader, VeltNotificationsPanelHeaderTabAll, VeltNotificationsPanelHeaderTabDocuments, VeltNotificationsPanelHeaderTabForYou, VeltNotificationsPanelHeaderTabPeople, VeltNotificationsPanelReadAllButton, VeltNotificationsPanelSettings, VeltNotificationsPanelSettingsAccordion, VeltNotificationsPanelSettingsAccordionContent, VeltNotificationsPanelSettingsAccordionContentItem, VeltNotificationsPanelSettingsAccordionContentItemIcon, VeltNotificationsPanelSettingsAccordionContentItemLabel, VeltNotificationsPanelSettingsAccordionTrigger, VeltNotificationsPanelSettingsAccordionTriggerIcon, VeltNotificationsPanelSettingsAccordionTriggerLabel, VeltNotificationsPanelSettingsAccordionTriggerSelectedValue, VeltNotificationsPanelSettingsBackButton, VeltNotificationsPanelSettingsButton, VeltNotificationsPanelSettingsDescription, VeltNotificationsPanelSettingsFooter, VeltNotificationsPanelSettingsHeader, VeltNotificationsPanelSettingsHeaderTitle, VeltNotificationsPanelSettingsList, VeltNotificationsPanelSettingsMuteAllDescription, VeltNotificationsPanelSettingsMuteAllTitle, VeltNotificationsPanelSettingsMuteAllToggle, VeltNotificationsPanelSettingsTitle, VeltNotificationsPanelSkeleton, VeltNotificationsPanelTitle, VeltNotificationsPanelTitleText, VeltNotificationsPanelViewAllButton, VeltNotificationsPanelWireframe, VeltNotificationsTool, VeltNotificationsToolIcon, VeltNotificationsToolLabel, VeltNotificationsToolUnreadCount, VeltNotificationsToolUnreadIcon, 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, useClearPageInfo, useClient, useCommentActionCallback, useCommentAddHandler, useCommentAnnotationById, useCommentAnnotations, useCommentAnnotationsCount, useCommentCopyLinkHandler, useCommentDialogSidebarClickHandler, useCommentEventCallback, useCommentModeState, useCommentSelectionChangeHandler, useCommentSidebarActionButtonClick, useCommentSidebarData, useCommentSidebarInit, useCommentUpdateHandler, useCommentUtils, useCommitSuggestion, useContactList, useContactSelected, useContactUtils, useCopyLink, useCrdtEventCallback, useCrdtUtils, useCurrentUser, useCurrentUserPermissions, useCursorUsers, useCursorUtils, useDeleteAttachment, useDeleteComment, useDeleteCommentAnnotation, useDeleteReaction, useDeleteRecording, useDisableSuggestionMode, useEditor, useEditorAccessRequestHandler, useEditorAccessTimer, useEnableSuggestionMode, useGetAttachment, useGetComment, useGetCommentAnnotations, useGetLink, useGetRecording, useHeartbeat, useHuddleUtils, useIdentify, useLiveSelectionDataHandler, useLiveSelectionUtils, useLiveState, useLiveStateData, useLiveStateSyncEventCallback, useLiveStateSyncUtils, useNotificationEventCallback, useNotificationSettings, useNotificationUtils, useNotificationsData, usePendingSuggestion, usePresenceData, usePresenceEventCallback, usePresenceUsers, usePresenceUtils, useRecorderAddHandler, useRecorderEventCallback, useRecorderUtils, useRecordingDataByRecorderId, useRecordings, useRegisterTarget, useRejectCommentAnnotation, useResolveCommentAnnotation, useServerConnectionStateChangeHandler, useSetContextProvider, useSetDocument, useSetDocumentId, useSetDocuments, useSetLiveStateData, useSetLocation, useSetLocations, useSetPageInfo, useSetRootDocument, useSetRootLocation, useStartSuggestion, useSubscribeCommentAnnotation, useSuggestionEventCallback, useSuggestionModeState, useSuggestionUtils, useSuggestions, useTagAnnotations, useTagUtils, useToggleReaction, useUiState, useUniqueViewsByDate, useUniqueViewsByUser, useUnreadCommentAnnotationCountByLocationId, useUnreadCommentAnnotationCountOnCurrentDocument, useUnreadCommentCountByAnnotationId, useUnreadCommentCountByLocationId, useUnreadCommentCountOnCurrentDocument, useUnreadNotificationsCount, useUnregisterTarget, useUnsetDocumentId, useUnsetDocuments, useUnsubscribeCommentAnnotation, useUpdateAccess, useUpdateComment, useUpdatePriority, useUpdateStatus, useUserEditorState, useVeltClient, useVeltEventCallback, useVeltInitState, useViewsUtils };
 //# sourceMappingURL=index.js.map