@veltdev/react 2.0.20 → 2.0.21

package/cjs/types/components/VeltNotificationsPanelWireframe/VeltNotificationsPanelReadAllButtonWireframe/VeltNotificationsPanelReadAllButtonWireframe.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface IVeltNotificationsPanelReadAllButtonWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+}
+export interface IVeltNotificationsPanelReadAllButtonWireframe extends React.FC<IVeltNotificationsPanelReadAllButtonWireframeProps> {
+}
+declare const VeltNotificationsPanelReadAllButtonWireframe: IVeltNotificationsPanelReadAllButtonWireframe;
+export default VeltNotificationsPanelReadAllButtonWireframe;

package/cjs/types/components/VeltNotificationsPanelWireframe/VeltNotificationsPanelReadAllButtonWireframe/index.d.ts

@@ -0,0 +1 @@
+export { default } from './VeltNotificationsPanelReadAllButtonWireframe';

package/cjs/types/components/VeltNotificationsPanelWireframe/VeltNotificationsPanelTitleWireframe/VeltNotificationsPanelTitleWireframe.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface IVeltNotificationsPanelTitleWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+}
+export interface IVeltNotificationsPanelTitleWireframe extends React.FC<IVeltNotificationsPanelTitleWireframeProps> {
+}
+declare const VeltNotificationsPanelTitleWireframe: IVeltNotificationsPanelTitleWireframe;
+export default VeltNotificationsPanelTitleWireframe;

package/cjs/types/components/VeltNotificationsPanelWireframe/VeltNotificationsPanelTitleWireframe/index.d.ts

@@ -0,0 +1 @@
+export { default } from './VeltNotificationsPanelTitleWireframe';

package/cjs/types/components/VeltNotificationsPanelWireframe/VeltNotificationsPanelViewAllButtonWireframe/VeltNotificationsPanelViewAllButtonWireframe.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface IVeltNotificationsPanelViewAllButtonWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+}
+export interface IVeltNotificationsPanelViewAllButtonWireframe extends React.FC<IVeltNotificationsPanelViewAllButtonWireframeProps> {
+}
+declare const VeltNotificationsPanelViewAllButtonWireframe: IVeltNotificationsPanelViewAllButtonWireframe;
+export default VeltNotificationsPanelViewAllButtonWireframe;

package/cjs/types/components/VeltNotificationsPanelWireframe/VeltNotificationsPanelViewAllButtonWireframe/index.d.ts

@@ -0,0 +1 @@
+export { default } from './VeltNotificationsPanelViewAllButtonWireframe';

package/cjs/types/components/VeltNotificationsPanelWireframe/VeltNotificationsPanelWireframe.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { IVeltNotificationsPanelAllReadContainerWireframe } from './VeltNotificationsPanelAllReadContainerWireframe/VeltNotificationsPanelAllReadContainerWireframe';
+import { IVeltNotificationsPanelContentWireframe } from './VeltNotificationsPanelContentWireframe/VeltNotificationsPanelContentWireframe';
+import { IVeltNotificationsPanelHeaderWireframe } from './VeltNotificationsPanelHeaderWireframe/VeltNotificationsPanelHeaderWireframe';
+import { IVeltNotificationsPanelReadAllButtonWireframe } from './VeltNotificationsPanelReadAllButtonWireframe/VeltNotificationsPanelReadAllButtonWireframe';
+import { IVeltNotificationsPanelTitleWireframe } from './VeltNotificationsPanelTitleWireframe/VeltNotificationsPanelTitleWireframe';
+import { IVeltNotificationsPanelViewAllButtonWireframe } from './VeltNotificationsPanelViewAllButtonWireframe/VeltNotificationsPanelViewAllButtonWireframe';
+import { IVeltNotificationsPanelCloseButtonWireframe } from './VeltNotificationsPanelCloseButtonWireframe/VeltNotificationsPanelCloseButtonWireframe';
+export interface IVeltNotificationsPanelWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+    variant?: string;
+}
+export interface IVeltNotificationsPanelWireframe extends React.FC<IVeltNotificationsPanelWireframeProps> {
+    AllReadContainer: IVeltNotificationsPanelAllReadContainerWireframe;
+    Content: IVeltNotificationsPanelContentWireframe;
+    Header: IVeltNotificationsPanelHeaderWireframe;
+    ReadAllButton: IVeltNotificationsPanelReadAllButtonWireframe;
+    Title: IVeltNotificationsPanelTitleWireframe;
+    ViewAllButton: IVeltNotificationsPanelViewAllButtonWireframe;
+    CloseButton: IVeltNotificationsPanelCloseButtonWireframe;
+}
+declare const VeltNotificationsPanelWireframe: IVeltNotificationsPanelWireframe;
+export default VeltNotificationsPanelWireframe;

package/cjs/types/components/VeltNotificationsPanelWireframe/index.d.ts

@@ -0,0 +1 @@
+export { default } from './VeltNotificationsPanelWireframe';

package/cjs/types/components/VeltNotificationsTool/VeltNotificationsTool.d.ts

@@ -4,6 +4,10 @@ export interface IVeltNotificationsToolProps extends React.DetailedHTMLProps<Rea
     onNotificationClick?: Function;
     shadowDom?: boolean;
     panelShadowDom?: boolean;
+    variant?: string;
+    tabConfig?: any;
+    panelOpenMode?: 'popover' | 'sidebar';
+    panelVariant?: string;
 }
 declare const VeltNotificationsTool: React.FC<IVeltNotificationsToolProps>;
 export default VeltNotificationsTool;

package/cjs/types/components/VeltNotificationsToolWireframe/VeltNotificationsToolIconWireframe/VeltNotificationsToolIconWireframe.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface IVeltNotificationsToolIconWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+}
+export interface IVeltNotificationsToolIconWireframe extends React.FC<IVeltNotificationsToolIconWireframeProps> {
+}
+declare const VeltNotificationsToolIconWireframe: IVeltNotificationsToolIconWireframe;
+export default VeltNotificationsToolIconWireframe;

package/cjs/types/components/VeltNotificationsToolWireframe/VeltNotificationsToolIconWireframe/index.d.ts

@@ -0,0 +1 @@
+export { default } from './VeltNotificationsToolIconWireframe';

package/cjs/types/components/VeltNotificationsToolWireframe/VeltNotificationsToolLabelWireframe/VeltNotificationsToolLabelWireframe.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface IVeltNotificationsToolLabelWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+}
+export interface IVeltNotificationsToolLabelWireframe extends React.FC<IVeltNotificationsToolLabelWireframeProps> {
+}
+declare const VeltNotificationsToolLabelWireframe: IVeltNotificationsToolLabelWireframe;
+export default VeltNotificationsToolLabelWireframe;

package/cjs/types/components/VeltNotificationsToolWireframe/VeltNotificationsToolLabelWireframe/index.d.ts

@@ -0,0 +1 @@
+export { default } from './VeltNotificationsToolLabelWireframe';

package/cjs/types/components/VeltNotificationsToolWireframe/VeltNotificationsToolUnreadCountWireframe/VeltNotificationsToolUnreadCountWireframe.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface IVeltNotificationsToolUnreadCountWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+}
+export interface IVeltNotificationsToolUnreadCountWireframe extends React.FC<IVeltNotificationsToolUnreadCountWireframeProps> {
+}
+declare const VeltNotificationsToolUnreadCountWireframe: IVeltNotificationsToolUnreadCountWireframe;
+export default VeltNotificationsToolUnreadCountWireframe;

package/cjs/types/components/VeltNotificationsToolWireframe/VeltNotificationsToolUnreadCountWireframe/index.d.ts

@@ -0,0 +1 @@
+export { default } from './VeltNotificationsToolUnreadCountWireframe';

package/cjs/types/components/VeltNotificationsToolWireframe/VeltNotificationsToolUnreadIconWireframe/VeltNotificationsToolUnreadIconWireframe.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface IVeltNotificationsToolUnreadIconWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+}
+export interface IVeltNotificationsToolUnreadIconWireframe extends React.FC<IVeltNotificationsToolUnreadIconWireframeProps> {
+}
+declare const VeltNotificationsToolUnreadIconWireframe: IVeltNotificationsToolUnreadIconWireframe;
+export default VeltNotificationsToolUnreadIconWireframe;

package/cjs/types/components/VeltNotificationsToolWireframe/VeltNotificationsToolUnreadIconWireframe/index.d.ts

@@ -0,0 +1 @@
+export { default } from './VeltNotificationsToolUnreadIconWireframe';

package/cjs/types/components/VeltNotificationsToolWireframe/VeltNotificationsToolWireframe.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { IVeltNotificationsToolIconWireframe } from './VeltNotificationsToolIconWireframe/VeltNotificationsToolIconWireframe';
+import { IVeltNotificationsToolLabelWireframe } from './VeltNotificationsToolLabelWireframe/VeltNotificationsToolLabelWireframe';
+import { IVeltNotificationsToolUnreadCountWireframe } from './VeltNotificationsToolUnreadCountWireframe/VeltNotificationsToolUnreadCountWireframe';
+import { IVeltNotificationsToolUnreadIconWireframe } from './VeltNotificationsToolUnreadIconWireframe/VeltNotificationsToolUnreadIconWireframe';
+export interface IVeltNotificationsToolWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+    variant?: string;
+}
+export interface IVeltNotificationsToolWireframe extends React.FC<IVeltNotificationsToolWireframeProps> {
+    Label: IVeltNotificationsToolLabelWireframe;
+    UnreadIcon: IVeltNotificationsToolUnreadIconWireframe;
+    Icon: IVeltNotificationsToolIconWireframe;
+    UnreadCount: IVeltNotificationsToolUnreadCountWireframe;
+}
+declare const VeltNotificationsToolWireframe: IVeltNotificationsToolWireframe;
+export default VeltNotificationsToolWireframe;

package/cjs/types/components/VeltNotificationsToolWireframe/index.d.ts

@@ -0,0 +1 @@
+export { default } from './VeltNotificationsToolWireframe';

package/cjs/types/components/index.d.ts

@@ -59,3 +59,5 @@ export { default as VeltReactionPinWireframe } from "./VeltReactionPinWireframe"
 export { default as VeltReactionPinTooltipWireframe } from "./VeltReactionPinTooltipWireframe";
 export { default as VeltReactionsPanelWireframe } from "./VeltReactionsPanelWireframe";
 export { default as VeltInlineCommentsSectionWireframe } from "./VeltInlineCommentsSectionWireframe";
+export { default as VeltNotificationsPanelWireframe } from "./VeltNotificationsPanelWireframe";
+export { default as VeltNotificationsToolWireframe } from "./VeltNotificationsToolWireframe";

package/cjs/types/constants.d.ts

@@ -1,3 +1,3 @@
-export declare const VELT_SDK_VERSION = "2.0.20";
+export declare const VELT_SDK_VERSION = "2.0.21";
 export declare const VELT_SDK_INIT_EVENT = "onVeltInit";
 export declare const VELT_TAB_ID = "veltTabId";

package/esm/index.js

@@ -132,7 +132,7 @@ var loadVelt = function (callback, version, staging, develop, proxyDomain) {
     }
 };
 
-var VELT_SDK_VERSION = '2.0.20';
+var VELT_SDK_VERSION = '2.0.21';
 var VELT_SDK_INIT_EVENT = 'onVeltInit';
 var VELT_TAB_ID = 'veltTabId';
 
@@ -344,7 +344,7 @@ var SnippylyComments = function (props) {
 };
 
 var SnippylyCommentsSidebar = function (props) {
-    var embedMode = props.embedMode, enableUrlNavigation = props.enableUrlNavigation, urlNavigation = props.urlNavigation, pageMode = props.pageMode, currentLocationSuffix = props.currentLocationSuffix, sortData = props.sortData, filterConfig = props.filterConfig, groupConfig = props.groupConfig, filters = props.filters, variant = props.variant, pageModeComposerVariant = props.pageModeComposerVariant, dialogVariant = props.dialogVariant, shadowDom = props.shadowDom, openSidebar = props.openSidebar, onSidebarOpen = props.onSidebarOpen, onSidebarCommentClick = props.onSidebarCommentClick, onCommentClick = props.onCommentClick, darkMode = props.darkMode;
+    var embedMode = props.embedMode, enableUrlNavigation = props.enableUrlNavigation, urlNavigation = props.urlNavigation, pageMode = props.pageMode, currentLocationSuffix = props.currentLocationSuffix, sortData = props.sortData, filterConfig = props.filterConfig, groupConfig = props.groupConfig, filters = props.filters, variant = props.variant, pageModeComposerVariant = props.pageModeComposerVariant, dialogVariant = props.dialogVariant, shadowDom = props.shadowDom, openSidebar = props.openSidebar, onSidebarOpen = props.onSidebarOpen, onSidebarCommentClick = props.onSidebarCommentClick, onCommentClick = props.onCommentClick, darkMode = props.darkMode, position = props.position;
     var ref = useRef();
     var openSidebarRef = useRef(openSidebar);
     var onSidebarOpenRef = useRef(onSidebarOpen);
@@ -395,7 +395,7 @@ var SnippylyCommentsSidebar = function (props) {
             }
         };
     }, []);
-    return (React.createElement("velt-comments-sidebar", { ref: ref, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "embed-mode": [true, false].includes(embedMode) ? (embedMode ? 'true' : 'false') : undefined, "enable-url-navigation": [true, false].includes(enableUrlNavigation) ? (enableUrlNavigation ? 'true' : 'false') : undefined, "url-navigation": [true, false].includes(urlNavigation) ? (urlNavigation ? 'true' : 'false') : undefined, "page-mode": [true, false].includes(pageMode) ? (pageMode ? 'true' : 'false') : undefined, "current-location-suffix": [true, false].includes(currentLocationSuffix) ? (currentLocationSuffix ? 'true' : 'false') : undefined, "filter-config": filterConfig ? JSON.stringify(filterConfig) : undefined, "group-config": groupConfig ? JSON.stringify(groupConfig) : undefined, filters: filters ? JSON.stringify(filters) : undefined, variant: variant, "page-mode-composer-variant": pageModeComposerVariant, "dialog-variant": dialogVariant, "sort-data": sortData, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined }));
+    return (React.createElement("velt-comments-sidebar", { ref: ref, position: position, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "embed-mode": [true, false].includes(embedMode) ? (embedMode ? 'true' : 'false') : undefined, "enable-url-navigation": [true, false].includes(enableUrlNavigation) ? (enableUrlNavigation ? 'true' : 'false') : undefined, "url-navigation": [true, false].includes(urlNavigation) ? (urlNavigation ? 'true' : 'false') : undefined, "page-mode": [true, false].includes(pageMode) ? (pageMode ? 'true' : 'false') : undefined, "current-location-suffix": [true, false].includes(currentLocationSuffix) ? (currentLocationSuffix ? 'true' : 'false') : undefined, "filter-config": filterConfig ? JSON.stringify(filterConfig) : undefined, "group-config": groupConfig ? JSON.stringify(groupConfig) : undefined, filters: filters ? JSON.stringify(filters) : undefined, variant: variant, "page-mode-composer-variant": pageModeComposerVariant, "dialog-variant": dialogVariant, "sort-data": sortData, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined }));
 };
 
 var SnippylyCommentTool = function (props) {
@@ -718,7 +718,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;
+    var children = props.children, darkMode = props.darkMode, onNotificationClick = props.onNotificationClick, shadowDom = props.shadowDom, panelShadowDom = props.panelShadowDom, variant = props.variant, tabConfig = props.tabConfig, panelOpenMode = props.panelOpenMode, panelVariant = props.panelVariant;
     var ref = useRef();
     var onNotificationClickRef = useRef(onNotificationClick);
     // Update the ref to always point to the latest callback function
@@ -744,11 +744,11 @@ var VeltNotificationsTool = function (props) {
             }
         };
     }, []);
-    return (React.createElement("velt-notifications-tool", { ref: ref, "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 }, children));
+    return (React.createElement("velt-notifications-tool", { ref: ref, "panel-open-mode": panelOpenMode, panelVariant: panelVariant, "tab-config": tabConfig, variant: variant, "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 }, children));
 };
 
 var VeltNotificationsPanel = function (props) {
-    var darkMode = props.darkMode, onNotificationClick = props.onNotificationClick, shadowDom = props.shadowDom;
+    var darkMode = props.darkMode, onNotificationClick = props.onNotificationClick, shadowDom = props.shadowDom, tabConfig = props.tabConfig, variant = props.variant;
     var ref = useRef();
     var onNotificationClickRef = useRef(onNotificationClick);
     // Update the ref to always point to the latest callback function
@@ -774,7 +774,7 @@ var VeltNotificationsPanel = function (props) {
             }
         };
     }, []);
-    return (React.createElement("velt-notifications-panel", { ref: ref, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined }));
+    return (React.createElement("velt-notifications-panel", { ref: ref, variant: variant, "tab-config": tabConfig, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined }));
 };
 
 var VeltNotificationsHistoryPanel = function (props) {
@@ -2544,6 +2544,280 @@ VeltInlineCommentsSectionWireframe.List = VeltInlineCommentsSectionListWireframe
 VeltInlineCommentsSectionWireframe.Panel = VeltInlineCommentsSectionPanelWireframe;
 VeltInlineCommentsSectionWireframe.Skeleton = VeltInlineCommentsSectionSkeletonWireframe;
 
+var VeltNotificationsPanelAllReadContainerWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-all-read-container-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelContentAllListItemContentWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-content-all-list-item-content-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelContentAllListItemLabelWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-content-all-list-item-label-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelContentAllListItemWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-content-all-list-item-wireframe", __assign({}, remainingProp), children));
+};
+VeltNotificationsPanelContentAllListItemWireframe.Label = VeltNotificationsPanelContentAllListItemLabelWireframe;
+VeltNotificationsPanelContentAllListItemWireframe.Content = VeltNotificationsPanelContentAllListItemContentWireframe;
+
+var VeltNotificationsPanelContentAllListWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-content-all-list-wireframe", __assign({}, remainingProp), children));
+};
+VeltNotificationsPanelContentAllListWireframe.Item = VeltNotificationsPanelContentAllListItemWireframe;
+
+var VeltNotificationsPanelContentAllWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-content-all-wireframe", __assign({}, remainingProp), children));
+};
+VeltNotificationsPanelContentAllWireframe.List = VeltNotificationsPanelContentAllListWireframe;
+
+var VeltNotificationsPanelContentDocumentsListItemContentWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-content-documents-list-item-content-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelContentDocumentsListItemCountWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-content-documents-list-item-count-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelContentDocumentsListItemNameWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-content-documents-list-item-name-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelContentDocumentsListItemUnreadWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-content-documents-list-item-unread-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelContentDocumentsListItemWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-content-documents-list-item-wireframe", __assign({}, remainingProp), children));
+};
+VeltNotificationsPanelContentDocumentsListItemWireframe.Content = VeltNotificationsPanelContentDocumentsListItemContentWireframe;
+VeltNotificationsPanelContentDocumentsListItemWireframe.Name = VeltNotificationsPanelContentDocumentsListItemNameWireframe;
+VeltNotificationsPanelContentDocumentsListItemWireframe.Count = VeltNotificationsPanelContentDocumentsListItemCountWireframe;
+VeltNotificationsPanelContentDocumentsListItemWireframe.Unread = VeltNotificationsPanelContentDocumentsListItemUnreadWireframe;
+
+var VeltNotificationsPanelContentDocumentsListWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-content-documents-list-wireframe", __assign({}, remainingProp), children));
+};
+VeltNotificationsPanelContentDocumentsListWireframe.Item = VeltNotificationsPanelContentDocumentsListItemWireframe;
+
+var VeltNotificationsPanelContentDocumentsWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-content-documents-wireframe", __assign({}, remainingProp), children));
+};
+VeltNotificationsPanelContentDocumentsWireframe.List = VeltNotificationsPanelContentDocumentsListWireframe;
+
+var VeltNotificationsPanelContentForYouWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-content-for-you-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelContentPeopleListItemAvatarWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-content-people-list-item-avatar-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelContentPeopleListItemContentWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-content-people-list-item-content-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelContentPeopleListItemCountWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-content-people-list-item-count-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelContentPeopleListItemNameWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-content-people-list-item-name-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelContentPeopleListItemWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-content-people-list-item-wireframe", __assign({}, remainingProp), children));
+};
+VeltNotificationsPanelContentPeopleListItemWireframe.Avatar = VeltNotificationsPanelContentPeopleListItemAvatarWireframe;
+VeltNotificationsPanelContentPeopleListItemWireframe.Name = VeltNotificationsPanelContentPeopleListItemNameWireframe;
+VeltNotificationsPanelContentPeopleListItemWireframe.Count = VeltNotificationsPanelContentPeopleListItemCountWireframe;
+VeltNotificationsPanelContentPeopleListItemWireframe.Content = VeltNotificationsPanelContentPeopleListItemContentWireframe;
+
+var VeltNotificationsPanelContentPeopleListWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-content-people-list-wireframe", __assign({}, remainingProp), children));
+};
+VeltNotificationsPanelContentPeopleListWireframe.Item = VeltNotificationsPanelContentPeopleListItemWireframe;
+
+var VeltNotificationsPanelContentPeopleWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-content-people-wireframe", __assign({}, remainingProp), children));
+};
+VeltNotificationsPanelContentPeopleWireframe.List = VeltNotificationsPanelContentPeopleListWireframe;
+
+var VeltNotificationsPanelContentLoadMoreWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-content-load-more-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelContentListItemAvatarWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-content-list-item-avatar-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelContentListItemBodyWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-content-list-item-body-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelContentListItemFileNameWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-content-list-item-file-name-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelContentListItemHeadlineWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-content-list-item-headline-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelContentListItemTimeWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-content-list-item-time-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelContentListItemUnreadWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-content-list-item-unread-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelContentListItemWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-content-list-item-wireframe", __assign({}, remainingProp), children));
+};
+VeltNotificationsPanelContentListItemWireframe.Avatar = VeltNotificationsPanelContentListItemAvatarWireframe;
+VeltNotificationsPanelContentListItemWireframe.Body = VeltNotificationsPanelContentListItemBodyWireframe;
+VeltNotificationsPanelContentListItemWireframe.FileName = VeltNotificationsPanelContentListItemFileNameWireframe;
+VeltNotificationsPanelContentListItemWireframe.Headline = VeltNotificationsPanelContentListItemHeadlineWireframe;
+VeltNotificationsPanelContentListItemWireframe.Time = VeltNotificationsPanelContentListItemTimeWireframe;
+VeltNotificationsPanelContentListItemWireframe.Unread = VeltNotificationsPanelContentListItemUnreadWireframe;
+
+var VeltNotificationsPanelContentListWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-content-list-wireframe", __assign({}, remainingProp), children));
+};
+VeltNotificationsPanelContentListWireframe.Item = VeltNotificationsPanelContentListItemWireframe;
+
+var VeltNotificationsPanelContentWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-content-wireframe", __assign({}, remainingProp), children));
+};
+VeltNotificationsPanelContentWireframe.All = VeltNotificationsPanelContentAllWireframe;
+VeltNotificationsPanelContentWireframe.ForYou = VeltNotificationsPanelContentForYouWireframe;
+VeltNotificationsPanelContentWireframe.Documents = VeltNotificationsPanelContentDocumentsWireframe;
+VeltNotificationsPanelContentWireframe.People = VeltNotificationsPanelContentPeopleWireframe;
+VeltNotificationsPanelContentWireframe.LoadMore = VeltNotificationsPanelContentLoadMoreWireframe;
+VeltNotificationsPanelContentWireframe.List = VeltNotificationsPanelContentListWireframe;
+
+var VeltNotificationsPanelHeaderTabDocumentsWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-header-tab-documents-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelHeaderTabForYouWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-header-tab-for-you-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelHeaderTabPeopleWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-header-tab-people-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelHeaderTabAllWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-header-tab-all-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelHeaderWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-header-wireframe", __assign({}, remainingProp), children));
+};
+VeltNotificationsPanelHeaderWireframe.TabAll = VeltNotificationsPanelHeaderTabAllWireframe;
+VeltNotificationsPanelHeaderWireframe.TabForYou = VeltNotificationsPanelHeaderTabForYouWireframe;
+VeltNotificationsPanelHeaderWireframe.TabDocuments = VeltNotificationsPanelHeaderTabDocumentsWireframe;
+VeltNotificationsPanelHeaderWireframe.TabPeople = VeltNotificationsPanelHeaderTabPeopleWireframe;
+
+var VeltNotificationsPanelReadAllButtonWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-read-all-button-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelTitleWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-title-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelViewAllButtonWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-view-all-button-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelCloseButtonWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-close-button-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-wireframe", __assign({}, remainingProp), children));
+};
+VeltNotificationsPanelWireframe.AllReadContainer = VeltNotificationsPanelAllReadContainerWireframe;
+VeltNotificationsPanelWireframe.Content = VeltNotificationsPanelContentWireframe;
+VeltNotificationsPanelWireframe.Header = VeltNotificationsPanelHeaderWireframe;
+VeltNotificationsPanelWireframe.ReadAllButton = VeltNotificationsPanelReadAllButtonWireframe;
+VeltNotificationsPanelWireframe.Title = VeltNotificationsPanelTitleWireframe;
+VeltNotificationsPanelWireframe.ViewAllButton = VeltNotificationsPanelViewAllButtonWireframe;
+VeltNotificationsPanelWireframe.CloseButton = VeltNotificationsPanelCloseButtonWireframe;
+
+var VeltNotificationsToolIconWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-tool-icon-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsToolLabelWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-tool-label-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsToolUnreadCountWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-tool-unread-count-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsToolUnreadIconWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-tool-unread-icon-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsToolWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-tool-wireframe", __assign({}, remainingProp), children));
+};
+VeltNotificationsToolWireframe.Label = VeltNotificationsToolLabelWireframe;
+VeltNotificationsToolWireframe.UnreadIcon = VeltNotificationsToolUnreadIconWireframe;
+VeltNotificationsToolWireframe.Icon = VeltNotificationsToolIconWireframe;
+VeltNotificationsToolWireframe.UnreadCount = VeltNotificationsToolUnreadCountWireframe;
+
 function useClient() {
     var client = useVeltClient().client;
     var _a = React.useState(), veltClient = _a[0], setVeltClient = _a[1];
@@ -3308,5 +3582,5 @@ var logLiveState = function (action, liveStateDataId) {
     }
 };
 
-export { SnippylyArrowTool as VeltArrowTool, SnippylyArrows as VeltArrows, VeltAutocomplete, VeltAutocompleteChipTooltipWireframe, VeltAutocompleteOptionWireframe, VeltCanvasComment, VeltChartComment, SnippylyCommentBubble as VeltCommentBubble, VeltCommentBubbleWireframe, VeltCommentDialogOptionsDropdownContentWireframe, VeltCommentDialogOptionsDropdownTriggerWireframe, VeltCommentDialogPriorityDropdownContentWireframe, VeltCommentDialogPriorityDropdownTriggerWireframe, VeltCommentDialogStatusDropdownContentWireframe, VeltCommentDialogStatusDropdownTriggerWireframe, VeltCommentDialogWireframe, VeltCommentPin, VeltCommentPinWireframe, VeltCommentPlayerTimeline, VeltCommentThread, SnippylyCommentTool as VeltCommentTool, VeltCommentToolWireframe, SnippylyComments as VeltComments, VeltCommentsMinimap, SnippylyCommentsSidebar as VeltCommentsSidebar, VeltCommentsSidebarStatusDropdownWireframe, VeltCommentsSidebarWireframe, SnippylyCursor as VeltCursor, VeltData, VeltHighChartComments, SnippylyHuddle as VeltHuddle, SnippylyHuddleTool as VeltHuddleTool, VeltInlineCommentsSection, VeltInlineCommentsSectionWireframe, VeltNivoChartComments, VeltNotificationsHistoryPanel, VeltNotificationsPanel, VeltNotificationsTool, SnippylyPresence as VeltPresence, SnippylyProvider as VeltProvider, VeltReactionPinTooltipWireframe, VeltReactionPinWireframe, VeltReactionTool, VeltReactionToolWireframe, VeltReactionsPanelWireframe, SnippylyRecorderControlPanel as VeltRecorderControlPanel, SnippylyRecorderNotes as VeltRecorderNotes, SnippylyRecorderPlayer as VeltRecorderPlayer, SnippylyRecorderTool as VeltRecorderTool, SnippylySidebarButton as VeltSidebarButton, VeltSidebarButtonWireframe, SnippylyTagTool as VeltTagTool, SnippylyTags as VeltTags, VeltTextCommentToolWireframe, VeltTextCommentToolbar as VeltTextCommentToolbarWireframe, SnippylyUserInviteTool as VeltUserInviteTool, SnippylyUserRequestTool as VeltUserRequestTool, VeltUserSelectorDropdown as VeltUserSelectorDropdownWireframe, VeltVideoPlayer, VeltViewAnalytics, VeltWireframe, createLiveStateMiddleware, useAIRewriterUtils, useAutocompleteChipClick, useAutocompleteUtils, useClient, useCommentAddHandler, useCommentAnnotations, useCommentDialogSidebarClickHandler, useCommentModeState, useCommentSelectionChangeHandler, useCommentUpdateHandler, useCommentUtils, useContactSelected, useContactUtils, useCursorUsers, useCursorUtils, useEditor, useEditorAccessRequestHandler, useEditorAccessTimer, useHuddleUtils, useIdentify, useLiveSelectionUtils, useLiveState, useLiveStateData, useLiveStateSyncUtils, useNotificationUtils, useNotificationsData, usePresenceUsers, usePresenceUtils, useRecorderAddHandler, useRecorderUtils, useServerConnectionStateChangeHandler, useSetDocumentId, useSetLiveStateData, useSetLocation, useTagAnnotations, useTagUtils, useUniqueViewsByDate, useUniqueViewsByUser, useUnreadCommentAnnotationCountByLocationId, useUnreadCommentAnnotationCountOnCurrentDocument, useUnreadCommentCountByAnnotationId, useUnreadCommentCountByLocationId, useUnreadCommentCountOnCurrentDocument, useUnsetDocumentId, useUserEditorState, useVeltClient, useVeltInitState, useViewsUtils };
+export { SnippylyArrowTool as VeltArrowTool, SnippylyArrows as VeltArrows, VeltAutocomplete, VeltAutocompleteChipTooltipWireframe, VeltAutocompleteOptionWireframe, VeltCanvasComment, VeltChartComment, SnippylyCommentBubble as VeltCommentBubble, VeltCommentBubbleWireframe, VeltCommentDialogOptionsDropdownContentWireframe, VeltCommentDialogOptionsDropdownTriggerWireframe, VeltCommentDialogPriorityDropdownContentWireframe, VeltCommentDialogPriorityDropdownTriggerWireframe, VeltCommentDialogStatusDropdownContentWireframe, VeltCommentDialogStatusDropdownTriggerWireframe, VeltCommentDialogWireframe, VeltCommentPin, VeltCommentPinWireframe, VeltCommentPlayerTimeline, VeltCommentThread, SnippylyCommentTool as VeltCommentTool, VeltCommentToolWireframe, SnippylyComments as VeltComments, VeltCommentsMinimap, SnippylyCommentsSidebar as VeltCommentsSidebar, VeltCommentsSidebarStatusDropdownWireframe, VeltCommentsSidebarWireframe, SnippylyCursor as VeltCursor, VeltData, VeltHighChartComments, SnippylyHuddle as VeltHuddle, SnippylyHuddleTool as VeltHuddleTool, VeltInlineCommentsSection, VeltInlineCommentsSectionWireframe, VeltNivoChartComments, VeltNotificationsHistoryPanel, VeltNotificationsPanel, VeltNotificationsPanelWireframe, VeltNotificationsTool, VeltNotificationsToolWireframe, SnippylyPresence as VeltPresence, SnippylyProvider as VeltProvider, VeltReactionPinTooltipWireframe, VeltReactionPinWireframe, VeltReactionTool, VeltReactionToolWireframe, VeltReactionsPanelWireframe, SnippylyRecorderControlPanel as VeltRecorderControlPanel, SnippylyRecorderNotes as VeltRecorderNotes, SnippylyRecorderPlayer as VeltRecorderPlayer, SnippylyRecorderTool as VeltRecorderTool, SnippylySidebarButton as VeltSidebarButton, VeltSidebarButtonWireframe, SnippylyTagTool as VeltTagTool, SnippylyTags as VeltTags, VeltTextCommentToolWireframe, VeltTextCommentToolbar as VeltTextCommentToolbarWireframe, SnippylyUserInviteTool as VeltUserInviteTool, SnippylyUserRequestTool as VeltUserRequestTool, VeltUserSelectorDropdown as VeltUserSelectorDropdownWireframe, VeltVideoPlayer, VeltViewAnalytics, VeltWireframe, createLiveStateMiddleware, useAIRewriterUtils, useAutocompleteChipClick, useAutocompleteUtils, useClient, useCommentAddHandler, useCommentAnnotations, useCommentDialogSidebarClickHandler, useCommentModeState, useCommentSelectionChangeHandler, useCommentUpdateHandler, useCommentUtils, useContactSelected, useContactUtils, useCursorUsers, useCursorUtils, useEditor, useEditorAccessRequestHandler, useEditorAccessTimer, useHuddleUtils, useIdentify, useLiveSelectionUtils, useLiveState, useLiveStateData, useLiveStateSyncUtils, useNotificationUtils, useNotificationsData, usePresenceUsers, usePresenceUtils, useRecorderAddHandler, useRecorderUtils, useServerConnectionStateChangeHandler, useSetDocumentId, useSetLiveStateData, useSetLocation, useTagAnnotations, useTagUtils, useUniqueViewsByDate, useUniqueViewsByUser, useUnreadCommentAnnotationCountByLocationId, useUnreadCommentAnnotationCountOnCurrentDocument, useUnreadCommentCountByAnnotationId, useUnreadCommentCountByLocationId, useUnreadCommentCountOnCurrentDocument, useUnsetDocumentId, useUserEditorState, useVeltClient, useVeltInitState, useViewsUtils };
 //# sourceMappingURL=index.js.map