@trycourier/courier-ui-inbox 1.2.1 → 2.0.0

package/dist/components/courier-inbox-feed-button.d.ts

@@ -0,0 +1,28 @@
+import { CourierBaseElement } from '@trycourier/courier-ui-core';
+import { CourierInboxThemeManager } from '../types/courier-inbox-theme-manager';
+import { CourierInboxFeed } from '../types/inbox-data-set';
+export declare class CourierInboxFeedButton extends CourierBaseElement {
+    static get id(): string;
+    private _themeSubscription;
+    private _feeds;
+    private _selectedFeed?;
+    get selectedFeed(): CourierInboxFeed | undefined;
+    private _style?;
+    private _iconElement?;
+    private _titleElement?;
+    private _switchIconElement?;
+    private _unreadBadge?;
+    private get theme();
+    constructor(themeManager: CourierInboxThemeManager, feeds: CourierInboxFeed[]);
+    private getStyles;
+    onComponentMounted(): void;
+    onComponentUnmounted(): void;
+    private render;
+    setUnreadCount(count: number): void;
+    setFeeds(feeds: CourierInboxFeed[]): void;
+    setSelectedFeed(feedId: string): void;
+    private refreshTheme;
+    private refreshSelectedFeed;
+    private refreshSwitchIcon;
+    private refreshUnreadBadge;
+}

package/dist/components/courier-inbox-header.d.ts

@@ -1,33 +1,50 @@
-import { CourierInboxFeedType } from '../types/feed-type';
 import { CourierFactoryElement } from '@trycourier/courier-ui-core';
 import { CourierInboxHeaderFactoryProps } from '../types/factories';
 import { CourierInboxThemeManager } from '../types/courier-inbox-theme-manager';
 import { CourierInboxTheme } from '../types/courier-inbox-theme';
-export type CourierInboxHeaderMenuItemId = CourierInboxFeedType | 'markAllRead' | 'archiveAll' | 'archiveRead';
+import { CourierInboxFeed, CourierInboxTab } from '../types/inbox-data-set';
+import { CourierInboxTabs } from './courier-inbox-tabs';
+import { CourierInboxHeaderAction } from '../types/inbox-defaults';
 export declare class CourierInboxHeader extends CourierFactoryElement {
     static get id(): string;
     private _themeSubscription;
-    private _feedType;
-    private _unreadCount;
-    private _titleSection?;
-    private _filterMenu?;
+    private _feeds;
+    private _currentFeedId?;
+    private _actions;
+    private _feedButton?;
+    private _feedMenu?;
+    private _actionMenuButton?;
     private _actionMenu?;
+    tabs?: CourierInboxTabs;
     private _style?;
-    private _onFeedTypeChange;
-    static get observedAttributes(): string[];
+    private _feedButtonClickHandler?;
+    private _onFeedChange;
+    private _onFeedReselected;
+    private _onTabChange;
+    private _onTabReselected;
     private get theme();
+    /** Returns whether the tabs are currently visible based on the current feed having more than 1 tab. */
+    get showTabs(): boolean;
     constructor(props: {
         themeManager: CourierInboxThemeManager;
-        onFeedTypeChange: (feedType: CourierInboxFeedType) => void;
+        actions?: CourierInboxHeaderAction[];
+        onFeedChange: (feed: CourierInboxFeed) => void;
+        onFeedReselected: (feed: CourierInboxFeed) => void;
+        onTabChange: (tab: CourierInboxTab) => void;
+        onTabReselected: (tab: CourierInboxTab) => void;
     });
     onComponentMounted(): void;
     onComponentUmounted(): void;
-    private getFilterOptions;
     private getActionOptions;
     private refreshTheme;
-    private handleOptionMenuItemClick;
+    private getFeedMenuOptions;
     render(props: CourierInboxHeaderFactoryProps): void;
     build(newElement: HTMLElement | undefined | null): void;
     defaultElement(): HTMLElement;
+    private refreshActionMenuButton;
+    private updateFeedButtonInteraction;
+    setFeeds(feeds: CourierInboxFeed[]): void;
+    setActions(actions: CourierInboxHeaderAction[]): void;
+    selectFeed(feedId: string, tabId: string): void;
     static getStyles(theme: CourierInboxTheme): string;
 }

package/dist/components/courier-inbox-list-item.d.ts

@@ -1,16 +1,16 @@
 import { InboxAction, InboxMessage } from '@trycourier/courier-js';
 import { CourierBaseElement } from '@trycourier/courier-ui-core';
-import { CourierInboxFeedType } from '../types/feed-type';
 import { CourierInboxTheme } from '../types/courier-inbox-theme';
 import { CourierInboxThemeManager } from '../types/courier-inbox-theme-manager';
+import { CourierInboxListItemAction } from '../types/inbox-defaults';
 export declare class CourierInboxListItem extends CourierBaseElement {
     static get id(): string;
     private _themeManager;
     private _theme;
     private _message;
-    private _feedType;
     private _isMobile;
     private _canClick;
+    private _listItemActions;
     private _titleElement?;
     private _subtitleElement?;
     private _timeElement?;
@@ -24,7 +24,7 @@ export declare class CourierInboxListItem extends CourierBaseElement {
     private onItemLongPress;
     private onItemActionClick;
     private onItemVisible;
-    constructor(themeManager: CourierInboxThemeManager, canClick: boolean, _canLongPress: boolean);
+    constructor(themeManager: CourierInboxThemeManager, canClick: boolean, _canLongPress: boolean, listItemActions?: CourierInboxListItemAction[]);
     private render;
     private _setupIntersectionObserver;
     onComponentUnmounted(): void;
@@ -34,7 +34,7 @@ export declare class CourierInboxListItem extends CourierBaseElement {
     private _getMenuOptions;
     private _showMenu;
     private _hideMenu;
-    setMessage(message: InboxMessage, feedType: CourierInboxFeedType): void;
+    setMessage(message: InboxMessage): void;
     setOnItemClick(cb: (message: InboxMessage) => void): void;
     setOnItemActionClick(cb: (message: InboxMessage, action: InboxAction) => void): void;
     setOnItemLongPress(cb: (message: InboxMessage) => void): void;

package/dist/components/courier-inbox-list.d.ts

@@ -1,20 +1,21 @@
 import { InboxAction, InboxMessage } from '@trycourier/courier-js';
 import { CourierBaseElement } from '@trycourier/courier-ui-core';
 import { InboxDataSet } from '../types/inbox-data-set';
-import { CourierInboxFeedType } from '../types/feed-type';
 import { CourierInboxStateErrorFactoryProps, CourierInboxStateEmptyFactoryProps, CourierInboxStateLoadingFactoryProps, CourierInboxListItemFactoryProps, CourierInboxPaginationItemFactoryProps } from '../types/factories';
 import { CourierInboxTheme } from '../types/courier-inbox-theme';
 import { CourierInboxThemeManager } from '../types/courier-inbox-theme-manager';
+import { CourierInboxListItemAction } from '../types/inbox-defaults';
 export declare class CourierInboxList extends CourierBaseElement {
     static get id(): string;
     private _themeSubscription;
     private _messages;
-    private _feedType;
+    private _datasetId;
     private _isLoading;
     private _error;
     private _canPaginate;
     private _canClickListItems;
     private _canLongPressListItems;
+    private _listItemActions;
     private _onMessageClick;
     private _onMessageActionClick;
     private _onMessageLongPress;
@@ -34,10 +35,11 @@ export declare class CourierInboxList extends CourierBaseElement {
     private _emptyContainer?;
     constructor(props: {
         themeManager: CourierInboxThemeManager;
+        listItemActions?: CourierInboxListItemAction[];
         canClickListItems: boolean;
         canLongPressListItems: boolean;
         onRefresh: () => void;
-        onPaginationTrigger: (feedType: CourierInboxFeedType) => void;
+        onPaginationTrigger: (datasetId: string) => void;
         onMessageClick: (message: InboxMessage, index: number) => void;
         onMessageActionClick: (message: InboxMessage, action: InboxAction, index: number) => void;
         onMessageLongPress: (message: InboxMessage, index: number) => void;
@@ -46,18 +48,20 @@ export declare class CourierInboxList extends CourierBaseElement {
     onComponentUnmounted(): void;
     setCanClickListItems(canClick: boolean): void;
     setCanLongPressListItems(canLongPress: boolean): void;
+    setListItemActions(actions: CourierInboxListItemAction[]): void;
     static getStyles(theme: CourierInboxTheme): string;
     setDataSet(dataSet: InboxDataSet): void;
     addPage(dataSet: InboxDataSet): void;
     addMessage(message: InboxMessage, index?: number): void;
     removeMessage(index?: number): void;
     updateMessage(message: InboxMessage, index?: number): void;
-    setFeedType(feedType: CourierInboxFeedType): void;
+    selectDataset(datasetId: string): void;
     setLoading(isLoading: boolean): void;
     setError(error: Error | null): void;
     setErrorNoClient(): void;
     private handleRetry;
     private handleRefresh;
+    private refreshTheme;
     refreshInfoStateThemes(): void;
     get errorProps(): any;
     get emptyProps(): any;
@@ -68,4 +72,5 @@ export declare class CourierInboxList extends CourierBaseElement {
     setErrorStateFactory(factory: (props: CourierInboxStateErrorFactoryProps | undefined | null) => HTMLElement): void;
     setListItemFactory(factory: (props: CourierInboxListItemFactoryProps | undefined | null) => HTMLElement): void;
     setPaginationItemFactory(factory: (props: CourierInboxPaginationItemFactoryProps | undefined | null) => HTMLElement): void;
+    scrollToTop(animate?: boolean): void;
 }

package/dist/components/courier-inbox-option-menu-item.d.ts

@@ -6,6 +6,7 @@ export declare class CourierInboxOptionMenuItem extends CourierBaseElement {
     private _option;
     private _isSelectedable;
     private _isSelected?;
+    private _theme;
     private _content?;
     private _itemIcon?;
     private _title?;
@@ -18,4 +19,6 @@ export declare class CourierInboxOptionMenuItem extends CourierBaseElement {
     });
     onComponentMounted(): void;
     refreshTheme(): void;
+    setSelected(isSelected: boolean): void;
+    private updateSelectionState;
 }

package/dist/components/courier-inbox-option-menu.d.ts

@@ -1,35 +1,42 @@
 import { CourierBaseElement } from '@trycourier/courier-ui-core';
 import { CourierInboxThemeManager } from '../types/courier-inbox-theme-manager';
-import { CourierInboxHeaderMenuItemId } from './courier-inbox-header';
 import { CourierInboxIconTheme } from '../types/courier-inbox-theme';
-export type CourierInboxMenuOptionType = 'filters' | 'actions';
 export type CourierInboxMenuOption = {
-    id: CourierInboxHeaderMenuItemId;
+    id: string;
     text: string;
     icon: CourierInboxIconTheme;
-    selectionIcon?: CourierInboxIconTheme | null;
     onClick: (option: CourierInboxMenuOption) => void;
 };
+export type CourierInboxOptionMenuType = 'feed' | 'action';
 export declare class CourierInboxOptionMenu extends CourierBaseElement {
     static get id(): string;
     private _themeSubscription;
-    private _type;
     private _selectedIndex;
     private _options;
     private _selectable;
-    private _onMenuOpen;
-    private _menuButton?;
-    private _menu?;
+    private _onMenuOpen?;
+    private _isOpen;
+    private _menuType;
     private _style?;
-    constructor(themeManager: CourierInboxThemeManager, type: CourierInboxMenuOptionType, selectable: boolean, options: CourierInboxMenuOption[], onMenuOpen: () => void);
+    private _shadowRoot?;
+    private _container?;
+    constructor(themeManager: CourierInboxThemeManager, selectable: boolean, options: CourierInboxMenuOption[], menuType: CourierInboxOptionMenuType, onMenuOpen?: () => void);
     onComponentMounted(): void;
     onComponentUnmounted(): void;
+    private attachElements;
     private getStyles;
+    setPosition(position: {
+        right?: string;
+        left?: string;
+        top?: string;
+    }): void;
     private refreshTheme;
     setOptions(options: CourierInboxMenuOption[]): void;
     private refreshMenuItems;
-    private toggleMenu;
-    private handleOutsideClick;
+    toggleMenu(): void;
+    private showMenu;
+    private hideMenu;
     closeMenu(): void;
-    selectOption(option: CourierInboxMenuOption): void;
+    private handleOutsideClick;
+    selectionItemAtIndex(index: number): void;
 }

package/dist/components/courier-inbox-popup-menu.d.ts

@@ -1,8 +1,9 @@
 import { CourierInboxDatastoreEvents } from '../datastore/datatore-events';
 import { CourierInboxHeaderFactoryProps, CourierInboxListItemActionFactoryProps, CourierInboxListItemFactoryProps, CourierInboxMenuButtonFactoryProps, CourierInboxPaginationItemFactoryProps, CourierInboxStateEmptyFactoryProps, CourierInboxStateErrorFactoryProps, CourierInboxStateLoadingFactoryProps } from '../types/factories';
-import { CourierInboxFeedType } from '../types/feed-type';
+import { CourierInboxFeed } from '../types/inbox-data-set';
 import { CourierInboxTheme } from '../types/courier-inbox-theme';
 import { CourierComponentThemeMode, CourierBaseElement } from '@trycourier/courier-ui-core';
+import { CourierInboxHeaderAction, CourierInboxListItemAction } from '../types/inbox-defaults';
 export type CourierInboxPopupAlignment = 'top-right' | 'top-left' | 'top-center' | 'bottom-right' | 'bottom-left' | 'bottom-center' | 'center-right' | 'center-left' | 'center-center';
 export declare class CourierInboxPopupMenu extends CourierBaseElement implements CourierInboxDatastoreEvents {
     static get id(): string;
@@ -16,8 +17,6 @@ export declare class CourierInboxPopupMenu extends CourierBaseElement implements
     private _themeManager;
     /** Returns the current theme object. */
     get theme(): CourierInboxTheme;
-    /** Returns the current feed type. */
-    get currentFeed(): CourierInboxFeedType;
     /**
      * Set the light theme for the popup menu.
      * @param theme The light theme object to set.
@@ -38,19 +37,27 @@ export declare class CourierInboxPopupMenu extends CourierBaseElement implements
     private _inbox?;
     private _style?;
     private _datastoreListener?;
+    private _totalUnreadCount;
     private _popupMenuButtonFactory?;
     static get observedAttributes(): string[];
     constructor();
     onComponentMounted(): void;
     onComponentUnmounted(): void;
+    private readInitialThemeAttributes;
     private refreshTheme;
     static getStyles(theme: CourierInboxTheme, width: string, height: string): string;
     attributeChangedCallback(name: string, _: string, newValue: string): void;
     /**
-     * Called when the unread count changes.
-     * @param _ The new unread count (unused).
+     * Called when the per-dataset unread count changes.
+     * Triggers a render to update the factory with latest feeds data
+     * (which includes per-tab unread counts).
      */
     onUnreadCountChange(_: number): void;
+    /**
+     * Called when the total unread count across all datasets changes.
+     * Updates the popup trigger button badge.
+     */
+    onTotalUnreadCountChange(totalUnreadCount: number): void;
     /**
      * Set a handler for message click events.
      * @param handler The function to call when a message is clicked.
@@ -73,6 +80,14 @@ export declare class CourierInboxPopupMenu extends CourierBaseElement implements
      * @param event The click event that triggered the toggle.
      */
     private togglePopup;
+    /**
+     * Show the popup menu with transition.
+     */
+    showPopup(): void;
+    /**
+     * Hide the popup menu with transition.
+     */
+    hidePopup(): void;
     /**
      * Close the popup menu.
      */
@@ -94,11 +109,6 @@ export declare class CourierInboxPopupMenu extends CourierBaseElement implements
      * @param position The alignment/position to set.
      */
     setPosition(position: CourierInboxPopupAlignment): void;
-    /**
-     * Set the feed type for the inbox.
-     * @param feedType The feed type to set.
-     */
-    setFeedType(feedType: CourierInboxFeedType): void;
     /**
      * Set a custom header factory for the inbox.
      * @param factory The factory function for the header.
@@ -138,5 +148,42 @@ export declare class CourierInboxPopupMenu extends CourierBaseElement implements
      * @param factory The factory function for the menu button.
      */
     setMenuButton(factory: (props: CourierInboxMenuButtonFactoryProps | undefined | null) => HTMLElement): void;
+    /**
+     * Sets the active feed for the inbox.
+     * @param feedId The feed ID to display.
+     */
+    selectFeed(feedId: string): void;
+    /**
+     * Switches to a tab by updating components and loading data.
+     * @param tabId The tab ID to switch to.
+     */
+    selectTab(tabId: string): void;
+    /**
+     * Set the feeds for this Inbox, replacing any existing feeds.
+     * @param feeds The list of feeds to set for the Inbox.
+     */
+    setFeeds(feeds: CourierInboxFeed[]): void;
+    /**
+     * Get the current set of feeds.
+     */
+    getFeeds(): CourierInboxFeed[];
+    /**
+     * Sets the enabled header actions for the inbox.
+     * @param actions - The header actions to enable (e.g., [{ id: 'readAll', iconSVG: '...', text: '...' }]).
+     */
+    setActions(actions: CourierInboxHeaderAction[]): void;
+    /**
+     * Sets the enabled list item actions for the inbox.
+     * @param actions - The list item actions to enable (e.g., [{ id: 'read_unread', readIconSVG: '...', unreadIconSVG: '...' }]).
+     */
+    setListItemActions(actions: CourierInboxListItemAction[]): void;
+    /**
+     * Returns the current feed type.
+     */
+    get currentFeedId(): string;
+    /**
+     * Forces a reload of the inbox data, bypassing the cache.
+     */
+    refresh(): Promise<void | undefined>;
     private render;
 }

package/dist/components/courier-inbox-tabs.d.ts

@@ -0,0 +1,33 @@
+import { CourierBaseElement } from '@trycourier/courier-ui-core';
+import { CourierInboxTheme } from '../types/courier-inbox-theme';
+import { CourierInboxThemeManager } from '../types/courier-inbox-theme-manager';
+import { CourierInboxTab } from '../types/inbox-data-set';
+export declare class CourierInboxTabs extends CourierBaseElement {
+    static get id(): string;
+    private _themeManager;
+    private _themeSubscription;
+    private _selectedTabId?;
+    private _tabs;
+    private _onTabClick;
+    private _onTabReselected;
+    private _tabBadges;
+    private _style?;
+    get theme(): CourierInboxTheme;
+    constructor(props: {
+        themeManager: CourierInboxThemeManager;
+        onTabClick: (tab: CourierInboxTab) => void;
+        onTabReselected: (tab: CourierInboxTab) => void;
+    });
+    onComponentMounted(): void;
+    onComponentUnmounted(): void;
+    private render;
+    static getStyles(theme: CourierInboxTheme): string;
+    setTabs(tabs: CourierInboxTab[]): void;
+    setSelectedTab(tabId: string): void;
+    updateTabUnreadCount(tabId: string, count: number): void;
+    scrollToStart(animate?: boolean): void;
+    private refreshTheme;
+    private reloadTabs;
+    private updateBadgeStates;
+    private createTab;
+}

package/dist/components/courier-inbox.d.ts

@@ -1,13 +1,81 @@
 import { CourierBaseElement, CourierComponentThemeMode } from '@trycourier/courier-ui-core';
-import { CourierInboxFeedType } from '../types/feed-type';
-import { CourierInboxHeaderFactoryProps, CourierInboxListItemActionFactoryProps, CourierInboxListItemFactoryProps, CourierInboxPaginationItemFactoryProps, CourierInboxStateEmptyFactoryProps, CourierInboxStateErrorFactoryProps, CourierInboxStateLoadingFactoryProps } from '../types/factories';
+import { CourierInboxFeed } from '../types/inbox-data-set';
+import { CourierInboxHeaderFactoryProps, CourierInboxHeaderFeed, CourierInboxListItemActionFactoryProps, CourierInboxListItemFactoryProps, CourierInboxPaginationItemFactoryProps, CourierInboxStateEmptyFactoryProps, CourierInboxStateErrorFactoryProps, CourierInboxStateLoadingFactoryProps } from '../types/factories';
 import { CourierInboxTheme } from '../types/courier-inbox-theme';
 import { CourierInboxThemeManager } from '../types/courier-inbox-theme-manager';
+import { CourierInboxHeaderAction, CourierInboxListItemAction } from '../types/inbox-defaults';
 export declare class CourierInbox extends CourierBaseElement {
     static get id(): string;
-    private _currentFeed;
+    /**
+     * Returns the default set of feeds used by CourierInbox.
+     * Exposed as a convenience for constructing matching datasets in
+     * custom integrations (for example, when using CourierInboxDatastore directly).
+     *
+     * @example
+     * Returns:
+     * [
+     *   {
+     *     feedId: 'inbox_feed',
+     *     title: 'Inbox',
+     *     iconSVG: CourierIconSVGs.inbox,
+     *     tabs: [
+     *       {
+     *         datasetId: 'all_messages',
+     *         title: 'All Messages',
+     *         filter: {}
+     *       }
+     *     ]
+     *   },
+     *   {
+     *     feedId: 'archive_feed',
+     *     title: 'Archive',
+     *     iconSVG: CourierIconSVGs.archive,
+     *     tabs: [
+     *       {
+     *         datasetId: 'archived_messages',
+     *         title: 'Archived Messages',
+     *         filter: {
+     *           archived: true
+     *         }
+     *       }
+     *     ]
+     *   }
+     * ]
+     */
+    static defaultFeeds(): CourierInboxFeed[];
+    /**
+     * Returns the default header actions used by CourierInbox.
+     * Exposed as a convenience for building matching headers in custom UIs.
+     *
+     * @example
+     * Returns:
+     * [
+     *   { id: 'readAll' },
+     *   { id: 'archiveRead' },
+     *   { id: 'archiveAll' }
+     * ]
+     */
+    static defaultActions(): CourierInboxHeaderAction[];
+    /**
+     * Returns the default list item actions used by CourierInbox.
+     * Exposed as a convenience for building matching message menus in custom UIs.
+     *
+     * @example
+     * Returns:
+     * [
+     *   { id: 'read_unread' },
+     *   { id: 'archive_unarchive' }
+     * ]
+     */
+    static defaultListItemActions(): CourierInboxListItemAction[];
+    private _currentFeedId;
+    private _feedTabMap;
     /** Returns the current feed type. */
-    get currentFeed(): CourierInboxFeedType;
+    get currentFeedId(): string;
+    /** Returns the current tab ID for the current feed. */
+    private get _currentTabId();
+    /** Returns the selected tab ID for a given feed ID. */
+    private getSelectedTabIdForFeed;
     private _themeManager;
     /** Returns the current theme object. */
     get theme(): CourierInboxTheme;
@@ -27,19 +95,27 @@ export declare class CourierInbox extends CourierBaseElement {
      */
     setMode(mode: CourierComponentThemeMode): void;
     private _inboxStyle?;
-    private _unreadIndicatorStyle?;
     private _list?;
     private _datastoreListener;
     private _authListener;
+    private _feeds;
     private _header?;
     private _headerFactory;
+    private _actions;
     private _onMessageClick?;
     private _onMessageActionClick?;
     private _onMessageLongPress?;
+    private _listItemActions;
     private _defaultProps;
     static get observedAttributes(): string[];
     constructor(themeManager?: CourierInboxThemeManager);
+    private resetInitialFeedAndTab;
     onComponentMounted(): void;
+    private readInitialThemeAttributes;
+    private setupThemeSubscription;
+    private setupAuthListener;
+    private initializeInboxData;
+    private attachElements;
     onComponentUnmounted(): void;
     private refreshTheme;
     private getStyles;
@@ -92,16 +168,52 @@ export declare class CourierInbox extends CourierBaseElement {
      * @param handler - A function to be called when a message is long-pressed.
      */
     onMessageLongPress(handler?: (props: CourierInboxListItemFactoryProps) => void): void;
+    private reloadListForTab;
+    /**
+     * Sets the active feed for the inbox.
+     * @param feedId - The feed ID to display.
+     */
+    selectFeed(feedId: string): void;
+    /**
+     * Switches to a tab by updating components and loading data.
+     * @param tabId - The tab ID to switch to.
+     * @param animate - Whether to animate the scroll to top.
+     */
+    selectTab(tabId: string): void;
+    /**
+     * Updates unread counts for a list of tabs.
+     * @param tabs - The tabs to update unread counts for.
+     */
+    private updateTabUnreadCounts;
+    /**
+     * Sets the enabled header actions for the inbox.
+     * Pass an empty array to remove all actions.
+     * @param actions - The header actions to enable (e.g., [{ id: 'readAll', iconSVG: '...', text: '...' }]).
+     */
+    setActions(actions: CourierInboxHeaderAction[]): void;
+    /**
+     * Sets the enabled list item actions for the inbox.
+     * Pass an empty array to remove all actions.
+     * @param actions - The list item actions to enable (e.g., [{ id: 'read_unread', readIconSVG: '...', unreadIconSVG: '...' }]).
+     */
+    setListItemActions(actions: CourierInboxListItemAction[]): void;
+    /**
+     * Sets the feeds for the inbox.
+     * @param feeds - The feeds to set for the inbox.
+     */
+    setFeeds(feeds: CourierInboxFeed[]): void;
+    /** Get the current set of feeds. */
+    getFeeds(): CourierInboxFeed[];
     /**
-     * Sets the feed type for the inbox (e.g., "inbox" or "archive").
-     * @param feedType - The feed type to display.
+     * Returns the header feeds in the format expected by header factories.
+     * @public
      */
-    setFeedType(feedType: CourierInboxFeedType): void;
+    getHeaderFeeds(): CourierInboxHeaderFeed[];
     private updateHeader;
     private load;
     /**
      * Forces a reload of the inbox data, bypassing the cache.
      */
-    refresh(): void;
+    refresh(): Promise<void>;
     attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
 }

package/dist/components/courier-unread-count-badge.d.ts

@@ -1,23 +1,28 @@
 import { CourierBaseElement } from '@trycourier/courier-ui-core';
 import { CourierInboxTheme } from '../types/courier-inbox-theme';
 import { CourierInboxThemeManager } from '../types/courier-inbox-theme-manager';
-export type CourierUnreadCountLocation = 'button' | 'header';
+export type CourierUnreadCountBadgeLocation = "feed" | "tab";
 export declare class CourierUnreadCountBadge extends CourierBaseElement {
     static get id(): string;
     private _themeSubscription;
     private _location;
     private _count;
-    private _badge?;
     private _style?;
+    private _shadowRoot?;
+    private _container?;
     get theme(): CourierInboxTheme;
     constructor(props: {
         themeBus: CourierInboxThemeManager;
-        location: CourierUnreadCountLocation;
+        location: CourierUnreadCountBadgeLocation;
     });
     onComponentMounted(): void;
+    private attachElements;
     onComponentUnmounted(): void;
-    static getStyles(theme: CourierInboxTheme): string;
+    private static getThemePath;
+    static getStyles(theme: CourierInboxTheme, location?: CourierUnreadCountBadgeLocation): string;
+    private getStyles;
     setCount(count: number): void;
-    refreshTheme(location: CourierUnreadCountLocation): void;
+    setActive(active: boolean): void;
+    refreshTheme(): void;
     private updateBadge;
 }

package/dist/datastore/__tests__/inbox-datastore.test.d.ts

@@ -0,0 +1 @@
+export {};