@nylas/web-elements 1.0.0-prealpha1

package/dist/types/components.d.ts

@@ -0,0 +1,2123 @@
+/* eslint-disable */
+/* tslint:disable */
+/**
+ * This is an autogenerated file created by the Stencil compiler.
+ * It contains typing information for all components that exist in this project.
+ */
+import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
+import { DataState, InternalAttachment, NylasEvent } from "./common/types";
+import { LoadingState, NylasErrorResponse, NylasEvent as NylasEvent1, NylasSchedulerBookingData } from ".";
+import { AuthConfg, Folder, Message, Notification, NylasAuthType, NylasSchedulerBookingData as NylasSchedulerBookingData1, OpenHour, ThemeConfig, Thread, Timeslot } from "@nylas/core";
+import { Stores, Transitions } from "./components/nylas-if-state/nylas-if-state";
+import { TokenInfo } from "@nylas/core/dist/auth";
+import { NylasAuthConnectorInterface, NylasMailboxConnectorInterface } from "./connector/connector-interface";
+import { EventOverride, SchedulerEventOverride } from "./common/component-types";
+import { NylasAuthStoreState, NylasAuthStoreType } from "./stores/auth-store";
+import { NylasMailboxStoreState, NylasMailboxStoreType } from "./stores/mailbox-store";
+import { NylasMailboxConnector } from "./connector/nylas-mailbox-connector/index";
+import { PaginationEvent } from "./components/mailbox/nylas-mailbox-pagination/nylas-mailbox-pagination";
+import { MethodsOfNylasMailboxConnector } from "./components/mailbox/nylas-mailbox-toolbar-button/nylas-mailbox-toolbar-button";
+import { NylasConnector } from "./connector/nylas-connector/index";
+import { AvailabilityTimeslot, LoadingState as LoadingState1, NylasSchedulerStoreState, NylasSchedulerStoreType } from "./stores/scheduler-store";
+import { NylasSchedulerConnector } from "./connector/nylas-scheduler-connector/index";
+import { SummarizeEvent } from "./components/mailbox/nylas-summarize-message-button/nylas-summarize-message-button";
+import { RefreshEvent } from "./components/mailbox/nylas-threads-refresh/nylas-threads-refresh";
+export { DataState, InternalAttachment, NylasEvent } from "./common/types";
+export { LoadingState, NylasErrorResponse, NylasEvent as NylasEvent1, NylasSchedulerBookingData } from ".";
+export { AuthConfg, Folder, Message, Notification, NylasAuthType, NylasSchedulerBookingData as NylasSchedulerBookingData1, OpenHour, ThemeConfig, Thread, Timeslot } from "@nylas/core";
+export { Stores, Transitions } from "./components/nylas-if-state/nylas-if-state";
+export { TokenInfo } from "@nylas/core/dist/auth";
+export { NylasAuthConnectorInterface, NylasMailboxConnectorInterface } from "./connector/connector-interface";
+export { EventOverride, SchedulerEventOverride } from "./common/component-types";
+export { NylasAuthStoreState, NylasAuthStoreType } from "./stores/auth-store";
+export { NylasMailboxStoreState, NylasMailboxStoreType } from "./stores/mailbox-store";
+export { NylasMailboxConnector } from "./connector/nylas-mailbox-connector/index";
+export { PaginationEvent } from "./components/mailbox/nylas-mailbox-pagination/nylas-mailbox-pagination";
+export { MethodsOfNylasMailboxConnector } from "./components/mailbox/nylas-mailbox-toolbar-button/nylas-mailbox-toolbar-button";
+export { NylasConnector } from "./connector/nylas-connector/index";
+export { AvailabilityTimeslot, LoadingState as LoadingState1, NylasSchedulerStoreState, NylasSchedulerStoreType } from "./stores/scheduler-store";
+export { NylasSchedulerConnector } from "./connector/nylas-scheduler-connector/index";
+export { SummarizeEvent } from "./components/mailbox/nylas-summarize-message-button/nylas-summarize-message-button";
+export { RefreshEvent } from "./components/mailbox/nylas-threads-refresh/nylas-threads-refresh";
+export namespace Components {
+    interface ArchiveIcon {
+        "height": string;
+        "width": string;
+    }
+    interface ArrowIcon {
+        "height": string;
+        "width": string;
+    }
+    interface BoldIcon {
+        "height": string;
+        "width": string;
+    }
+    interface CalendarCancelIcon {
+        "height": string;
+        "width": string;
+    }
+    interface CalendarCheckIcon {
+        "height": string;
+        "width": string;
+    }
+    interface CalendarIcon {
+        "height": string;
+        "width": string;
+    }
+    interface CheckmarkCircleIcon {
+        "height": string;
+        "width": string;
+    }
+    interface ChevronIcon {
+        "height": string;
+        "width": string;
+    }
+    interface CloseIcon {
+        "height": string;
+        "width": string;
+    }
+    interface DocumentRefreshIcon {
+        "height": string;
+        "width": string;
+    }
+    interface FolderIcon {
+        "height": string;
+        "width": string;
+    }
+    interface ForwardIcon {
+        "height": string;
+        "width": string;
+    }
+    interface GlobeIcon {
+        "height": string;
+        "width": string;
+    }
+    interface InboxIcon {
+        "height": string;
+        "width": string;
+    }
+    interface ItalicIcon {
+        "height": string;
+        "width": string;
+    }
+    interface LoadingIcon {
+        "height": string;
+        "width": string;
+    }
+    /**
+     * The booked event card component.
+     */
+    interface NylasBookedEventCard {
+        /**
+          * Booking flow type.
+         */
+        "bookingFlow": 'booking' | 'rescheduling';
+        /**
+          * The booking info used to book / reschedule the event.
+         */
+        "bookingInfo"?: NylasSchedulerBookingData;
+        /**
+          * The booked event.
+         */
+        "eventInfo": NylasEvent;
+    }
+    /**
+     * The booking form component.
+     */
+    interface NylasBookingForm {
+        "bookedEventError"?: NylasErrorResponse;
+        "bookedEventLoading"?: boolean;
+        /**
+          * The booking info.
+         */
+        "bookingInfo"?: NylasSchedulerBookingData;
+        /**
+          * The booked event (Used to track if a booking is created in an eventOverride).
+         */
+        "eventInfo"?: NylasEvent1;
+    }
+    /**
+     * The cancelled event card component.
+     */
+    interface NylasCancelledEventCard {
+        /**
+          * The participant's name who booked the event / is logged in.
+         */
+        "cancelledEvent": NylasEvent1;
+    }
+    interface NylasComposer {
+        /**
+          * The message to reply to or forward
+         */
+        "message"?: Message;
+        /**
+          * The view email element
+         */
+        "viewEmailElement"?: HTMLNylasViewEmailElement | null;
+    }
+    /**
+     * The date picker component.
+     */
+    interface NylasDatePicker {
+        /**
+          * The loading state.
+         */
+        "loadingState"?: LoadingState;
+        /**
+          * The dates that are selectable.
+         */
+        "selectableDates"?: Date[];
+        /**
+          * The selected date.
+         */
+        "selectedDate"?: Date;
+    }
+    interface NylasIfState {
+        "getStore"?: <K extends keyof Stores>(name: K) => Stores[K];
+        /**
+          * If true, then the component will render if the state is true. This prop is used with the `state` prop.
+         */
+        "isBoolean"?: boolean;
+        /**
+          * If true, then the component will render if the state is set (empty or not set). This prop is used with the `state` prop.
+         */
+        "isStateSet"?: boolean;
+        /**
+          * The name of the state to watch.
+         */
+        "state"?: string;
+        "transition": Transitions;
+    }
+    interface NylasListFolders {
+        "folders"?: Folder[];
+        "selectedFolder"?: string;
+    }
+    interface NylasListThreads {
+        "isAuthenticated": boolean;
+        "showCheckbox": boolean;
+        "state": DataState;
+        "threads": Thread[];
+        "tokenInfo"?: TokenInfo;
+    }
+    interface NylasLocaleSwitch {
+        /**
+          * The selected language.
+         */
+        "selectedLanguage": string;
+        /**
+          * The selected timezone.
+         */
+        "selectedTimezone": string;
+    }
+    interface NylasLogin {
+        "buttonText": string;
+        "companyName": string;
+        "isAuthenticated": boolean;
+        "loginMethod": 'redirect' | 'emebded';
+        "logoUrl": string;
+        "logoWidth"?: string;
+        "nylasConnector"?: NylasAuthConnectorInterface;
+        "providers"?: string;
+        "scopes"?: string[];
+    }
+    interface NylasLogo {
+        "height": string;
+        "width": string;
+    }
+    /**
+     * The Nylas Mailbox component.
+     * This component is used as a provider for all other Nylas Mailbox components.
+     * It is responsible for managing the NylasAuth and NylasMailboxConnector instances.
+     * It also manages the state of the NylasAuth and NylasMailboxStore instances.
+     * @example <nylas-mailbox
+     *  auth-config={{
+     *  clientId: 'YOUR_CLIENT_ID',
+     *  }}
+     * default-auth-store-state={{
+     * threadQueryParams: {
+     *  limit: 10,
+     * }}
+     * >
+     *  <nylas-mailbox-thread-list></nylas-mailbox-thread-list>
+     * </nylas-mailbox>
+     */
+    interface NylasMailbox {
+        /**
+          * The Nylas Auth configuration. Used to manage all things authentication with Nylas.
+         */
+        "authConfig"?: AuthConfg;
+        /**
+          * Automatically register components that have the `@RegisterComponent` decorator. If this is set to false, you will need to manually register components using the `registerComponent` method.
+         */
+        "automaticComponentRegistration": boolean;
+        /**
+          * The default auth store state. Used to set the initial state of the auth store.
+         */
+        "defaultAuthStoreState"?: NylasAuthStoreState;
+        /**
+          * The default mailbox store state. Used to set the initial state of the mailbox store.
+         */
+        "defaultMailboxStoreState"?: NylasMailboxStoreState;
+        /**
+          * This provides a way to override the default event handlers.
+         */
+        "eventOverrides": EventOverride<Exclude<typeof this.nylasMailboxConnector, undefined>>;
+        /**
+          * This method is used to retrieve the authStore instance
+          * @returns The authStore instance
+         */
+        "getAuthStore": () => Promise<NylasAuthStoreType | undefined>;
+        /**
+          * This method is used to retrieve the mailboxStore instance
+          * @returns The mailboxStore instance
+         */
+        "getMailboxStore": () => Promise<NylasMailboxStoreType | undefined>;
+        /**
+          * This method is used to retrieve the NylasAuth instance
+          * @returns The NylasAuth instance
+         */
+        "getNylasAuth": () => Promise<NylasAuthType | undefined>;
+        /**
+          * This method is used to retrieve the NylasMailboxConnector instance
+          * @returns The NylasMailboxConnector instance
+         */
+        "getNylasMailboxConnector": () => Promise<NylasMailboxConnector | undefined>;
+    }
+    interface NylasMailboxPagination {
+        /**
+          * @description Whether or not the mailbox has a next or previous page of threads
+         */
+        "hasNextPage": boolean;
+        /**
+          * @description Whether or not the mailbox has a previous page of threads
+         */
+        "hasPreviousPage": boolean;
+        /**
+          * @description Whether or not the infinity scroll should only be enabled on mobile devices
+         */
+        "mobileOnlyInfiniteScroll": boolean;
+        /**
+          * @description The width of the mobile viewport
+         */
+        "mobileViewPortWidth": number;
+        /**
+          * @description Go to the next page of threads
+         */
+        "nextPage": () => Promise<void>;
+        /**
+          * @description Go to the previous page of threads
+         */
+        "previousPage": () => Promise<void>;
+        /**
+          * @description Whether or not the mailbox has a next or previous page of threads
+         */
+        "scrollTarget": 'container' | 'page';
+        /**
+          * @description The state of the mailbox
+         */
+        "state": 'ready' | 'loading' | 'error';
+    }
+    interface NylasMailboxToolbarButton {
+        /**
+          * The value of the state to compare against to check if the data is loading, error, or ready.
+         */
+        "dataState"?: string;
+        /**
+          * If true, then the component will render the icon only.
+         */
+        "iconOnly": boolean;
+        /**
+          * If true, then the component will render if the state is true. This prop is used with the `state` prop.
+         */
+        "mailboxConnector"?: NylasMailboxConnectorInterface;
+        /**
+          * The name of the mailbox connector method to call.
+         */
+        "method": MethodsOfNylasMailboxConnector;
+    }
+    interface NylasNotification {
+        "allowedCategories": string[];
+        "ttl": number;
+    }
+    interface NylasOpenHoursPicker {
+        /**
+          * The number of milliseconds the user must be dragging for before we consider it a drag event.
+         */
+        "dragThreshold": number;
+        /**
+          * The end time of the day. Leave this to the default date of 2024-09-07T23:59:59.999Z unless you want want available times to be a specific year, month, and day.
+         */
+        "endTime": Date;
+        /**
+          * The width of the viewport in mobile.
+         */
+        "mobileViewPortWidth": number;
+        /**
+          * A pre-populated open hour configuration.
+         */
+        "openHours": OpenHour[];
+        /**
+          * The start time of the day. Leave this to the default date of 2024-09-01T00:00:00.000Z unless you want want available times to be a specific year, month, and day.
+         */
+        "startTime": Date;
+        /**
+          * The number of minutes between each time. If this is 15, we'll show 15 minute intervals. If this is 60, we'll show 1 hour intervals.
+         */
+        "stepMinutes": number;
+    }
+    /**
+     * The Nylas Provider component.
+     * This component is used to manage the Nylas Provider.
+     * It is used to manage the Nylas Auth instance, the Nylas Connector instance,
+     * and the Nylas Store instance.
+     */
+    interface NylasProvider {
+        /**
+          * The Nylas Auth configuration. Used to manage all things authentication with Nylas.
+         */
+        "authConfig"?: AuthConfg;
+        /**
+          * Automatically register components that have the `@RegisterComponent` decorator. If this is set to false, you will need to manually register components using the `registerComponent` method.
+          * @default true
+         */
+        "automaticComponentRegistration": boolean;
+        /**
+          * This provides a way to override the default event handlers.
+         */
+        "eventOverrides": EventOverride<Exclude<typeof this.nylasConnector, undefined>>;
+        /**
+          * This method is used to retrieve the authStore instance
+          * @returns The authStore instance
+         */
+        "getAuthStore": () => Promise<NylasAuthStoreType | undefined>;
+        /**
+          * This method is used to retrieve the mailboxStore instance
+          * @returns The mailboxStore instance
+         */
+        "getMailboxStore": () => Promise<NylasMailboxStoreType | undefined>;
+        /**
+          * This method is used to retrieve the NylasAuth instance
+          * @returns The NylasAuth instance
+         */
+        "getNylasAuth": () => Promise<NylasAuthType | undefined>;
+        /**
+          * This method is used to retrieve the NylasConnector instance
+          * @returns The NylasConnector instance
+         */
+        "getNylasConnector": () => Promise<NylasConnector | undefined>;
+        /**
+          * This method is used to retrieve the NylasScheduler instance
+          * @returns The NylasScheduler instance
+         */
+        "getNylasSchedulerStore": () => Promise<NylasSchedulerStoreType | undefined>;
+    }
+    /**
+     * The Nylas Scheduler component is used to show the Nylas Scheduler UI.
+     */
+    interface NylasScheduler {
+        /**
+          * This enables passing the bookingInfo object to the Scheduler UI for direct booking event creation. When used with timeslotConfirmedHandler, it bypasses the additional data page and immediately invokes the handler after booking.
+         */
+        "bookingInfo"?: NylasSchedulerBookingData1;
+        /**
+          * The default scheduler store state. Used to set the initial state of the scheduler store.
+         */
+        "defaultSchedulerStoreState"?: NylasSchedulerStoreState;
+        /**
+          * This provides an easy way to override the default function of the event emitter. An example of this is the `timeslotConfirmed` event. By default, this event will set the scheduler store state for `showBookingForm` to `true` which will show the booking form. However, if you want to override this behavior, you can pass in the prop `eventOverride` like: ```html <nylas-scheduler eventOverride={{"timeslotConfirmed": (event, nylasConnector) => { console.log("Timeslot confirmed event fired!"); } }} /> ```
+         */
+        "eventOverrides": SchedulerEventOverride;
+        /**
+          * This method is used to retrieve the NylasConnector instance
+          * @returns The NylasConnector instance
+         */
+        "getNylasSchedulerConnector": () => Promise<NylasSchedulerConnector | undefined>;
+        /**
+          * This method is used to retrieve the NylasScheduler instance
+          * @returns The NylasScheduler instance
+         */
+        "getNylasSchedulerStore": () => Promise<NylasSchedulerStoreType | undefined>;
+        "getRef": () => Promise<HTMLNylasSchedulerElement>;
+        /**
+          * The loading state. This is used to set the loading state for the Nylas Scheduler when fetching data. For example, when fetching availability, the loading state can be set to: ```js  loadingState={ api: 'availability' } ```
+         */
+        "loadingState"?: LoadingState;
+        /**
+          * This is used to set the mode for the Nylas Scheduler. The mode can be either `app` or `composable`. The default mode is `app`. - `app`: This mode is used to show the default Nylas Scheduler UI. - `composable`: This mode is used to show the composable Nylas Scheduler UI    by passing the individual scheduler components as children.
+         */
+        "mode": 'app' | 'composable';
+        /**
+          * Booking Id required for rescheduling flow.
+         */
+        "rescheduleId"?: string;
+        /**
+          * The URL for the Nylas Scheduler API. (staging or production URL)
+         */
+        "schedulerApiUrl": string;
+        /**
+          * The session ID for the Nylas Scheduler. This is used to authenticate the user.
+         */
+        "sessionId"?: string;
+        /**
+          * Theme config, used to automatically generate a theme with color palette and CSS variables to customize the look and feel of the Nylas Scheduler.
+         */
+        "themeConfig"?: ThemeConfig;
+    }
+    /**
+     * The selected event card component.
+     */
+    interface NylasSelectedEventCard {
+        /**
+          * The selected date.
+         */
+        "selectedDate"?: Date;
+        /**
+          * The selected time.
+         */
+        "selectedTimeslot"?: Timeslot;
+        /**
+          * * The selected timezone.
+         */
+        "selectedTimezone": string;
+    }
+    interface NylasSummarizeMessageButton {
+        /**
+          * The message to summarize
+         */
+        "message"?: Message;
+        /**
+          * Play audio
+          * @param ttsResponseBody Text to speech response body
+          * @param audioRef Audio element
+         */
+        "playAudio": (ttsResponseBody: Promise<ReadableStream<Uint8Array> | null>) => Promise<void>;
+        /**
+          * Update the state of the summarize button
+          * @param state The new state
+          * @returns Promise<void>
+         */
+        "updateState": (state: 'loading' | 'playing' | 'stopped') => Promise<void>;
+    }
+    interface NylasThreadsRefresh {
+        "updateState": (state: 'ready' | 'loading' | 'error') => Promise<void>;
+    }
+    interface NylasThreadsSearch {
+        /**
+          * The query to search for threads
+         */
+        "query": string;
+    }
+    /**
+     * The timeslot picker component.
+     */
+    interface NylasTimeslotPicker {
+        /**
+          * The available timeslots.
+         */
+        "availability"?: AvailabilityTimeslot[];
+        /**
+          * The loading state prop. Used to display loading state when fetching availability.
+         */
+        "loadingState"?: LoadingState;
+        /**
+          * The selected date.
+         */
+        "selectedDate"?: Date;
+        /**
+          * The selected timeslot.
+         */
+        "selectedTimeslot"?: Timeslot;
+        /**
+          * The selected timezone.
+         */
+        "selectedTimezone": string;
+    }
+    interface NylasViewEmail {
+        "attachments": InternalAttachment[];
+        "detectDarkMode": boolean;
+        "message"?: Message;
+        "parent"?: HTMLElement;
+    }
+    interface NylasViewThread {
+        /**
+          * Attachments for each message within the thread
+         */
+        "attachments": InternalAttachment[];
+        /**
+          * The draft message to display
+         */
+        "draft"?: Message;
+        /**
+          * Messages within the thread to display
+         */
+        "messages": Message[];
+        /**
+          * Thread to display
+         */
+        "thread"?: Thread;
+    }
+    interface PeopleIcon {
+        "height": string;
+        "width": string;
+    }
+    interface PlayIcon {
+        "height": string;
+        "width": string;
+    }
+    interface RefreshIcon {
+        "height": string;
+        "width": string;
+    }
+    interface ReplyAllIcon {
+        "height": string;
+        "width": string;
+    }
+    interface ReplyIcon {
+        "height": string;
+        "width": string;
+    }
+    interface SentIcon {
+        "height": string;
+        "width": string;
+    }
+    interface SpamIcon {
+        "height": string;
+        "width": string;
+    }
+    interface StarIcon {
+        "height": string;
+        "width": string;
+    }
+    interface StopIcon {
+        "height": string;
+        "width": string;
+    }
+    interface TranslateIcon {
+        "height": string;
+        "width": string;
+    }
+    interface TrashIcon {
+        "height": string;
+        "width": string;
+    }
+    interface UnderlineIcon {
+        "height": string;
+        "width": string;
+    }
+    interface WarningIcon {
+        "height": string;
+        "width": string;
+    }
+}
+export interface NylasBookedEventCardCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLNylasBookedEventCardElement;
+}
+export interface NylasBookingFormCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLNylasBookingFormElement;
+}
+export interface NylasCancelledEventCardCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLNylasCancelledEventCardElement;
+}
+export interface NylasComposerCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLNylasComposerElement;
+}
+export interface NylasDatePickerCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLNylasDatePickerElement;
+}
+export interface NylasListFoldersCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLNylasListFoldersElement;
+}
+export interface NylasListThreadsCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLNylasListThreadsElement;
+}
+export interface NylasLocaleSwitchCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLNylasLocaleSwitchElement;
+}
+export interface NylasLoginCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLNylasLoginElement;
+}
+export interface NylasMailboxCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLNylasMailboxElement;
+}
+export interface NylasMailboxPaginationCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLNylasMailboxPaginationElement;
+}
+export interface NylasOpenHoursPickerCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLNylasOpenHoursPickerElement;
+}
+export interface NylasProviderCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLNylasProviderElement;
+}
+export interface NylasSchedulerCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLNylasSchedulerElement;
+}
+export interface NylasSummarizeMessageButtonCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLNylasSummarizeMessageButtonElement;
+}
+export interface NylasThreadsRefreshCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLNylasThreadsRefreshElement;
+}
+export interface NylasThreadsSearchCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLNylasThreadsSearchElement;
+}
+export interface NylasTimeslotPickerCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLNylasTimeslotPickerElement;
+}
+export interface NylasViewThreadCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLNylasViewThreadElement;
+}
+declare global {
+    interface HTMLArchiveIconElement extends Components.ArchiveIcon, HTMLStencilElement {
+    }
+    var HTMLArchiveIconElement: {
+        prototype: HTMLArchiveIconElement;
+        new (): HTMLArchiveIconElement;
+    };
+    interface HTMLArrowIconElement extends Components.ArrowIcon, HTMLStencilElement {
+    }
+    var HTMLArrowIconElement: {
+        prototype: HTMLArrowIconElement;
+        new (): HTMLArrowIconElement;
+    };
+    interface HTMLBoldIconElement extends Components.BoldIcon, HTMLStencilElement {
+    }
+    var HTMLBoldIconElement: {
+        prototype: HTMLBoldIconElement;
+        new (): HTMLBoldIconElement;
+    };
+    interface HTMLCalendarCancelIconElement extends Components.CalendarCancelIcon, HTMLStencilElement {
+    }
+    var HTMLCalendarCancelIconElement: {
+        prototype: HTMLCalendarCancelIconElement;
+        new (): HTMLCalendarCancelIconElement;
+    };
+    interface HTMLCalendarCheckIconElement extends Components.CalendarCheckIcon, HTMLStencilElement {
+    }
+    var HTMLCalendarCheckIconElement: {
+        prototype: HTMLCalendarCheckIconElement;
+        new (): HTMLCalendarCheckIconElement;
+    };
+    interface HTMLCalendarIconElement extends Components.CalendarIcon, HTMLStencilElement {
+    }
+    var HTMLCalendarIconElement: {
+        prototype: HTMLCalendarIconElement;
+        new (): HTMLCalendarIconElement;
+    };
+    interface HTMLCheckmarkCircleIconElement extends Components.CheckmarkCircleIcon, HTMLStencilElement {
+    }
+    var HTMLCheckmarkCircleIconElement: {
+        prototype: HTMLCheckmarkCircleIconElement;
+        new (): HTMLCheckmarkCircleIconElement;
+    };
+    interface HTMLChevronIconElement extends Components.ChevronIcon, HTMLStencilElement {
+    }
+    var HTMLChevronIconElement: {
+        prototype: HTMLChevronIconElement;
+        new (): HTMLChevronIconElement;
+    };
+    interface HTMLCloseIconElement extends Components.CloseIcon, HTMLStencilElement {
+    }
+    var HTMLCloseIconElement: {
+        prototype: HTMLCloseIconElement;
+        new (): HTMLCloseIconElement;
+    };
+    interface HTMLDocumentRefreshIconElement extends Components.DocumentRefreshIcon, HTMLStencilElement {
+    }
+    var HTMLDocumentRefreshIconElement: {
+        prototype: HTMLDocumentRefreshIconElement;
+        new (): HTMLDocumentRefreshIconElement;
+    };
+    interface HTMLFolderIconElement extends Components.FolderIcon, HTMLStencilElement {
+    }
+    var HTMLFolderIconElement: {
+        prototype: HTMLFolderIconElement;
+        new (): HTMLFolderIconElement;
+    };
+    interface HTMLForwardIconElement extends Components.ForwardIcon, HTMLStencilElement {
+    }
+    var HTMLForwardIconElement: {
+        prototype: HTMLForwardIconElement;
+        new (): HTMLForwardIconElement;
+    };
+    interface HTMLGlobeIconElement extends Components.GlobeIcon, HTMLStencilElement {
+    }
+    var HTMLGlobeIconElement: {
+        prototype: HTMLGlobeIconElement;
+        new (): HTMLGlobeIconElement;
+    };
+    interface HTMLInboxIconElement extends Components.InboxIcon, HTMLStencilElement {
+    }
+    var HTMLInboxIconElement: {
+        prototype: HTMLInboxIconElement;
+        new (): HTMLInboxIconElement;
+    };
+    interface HTMLItalicIconElement extends Components.ItalicIcon, HTMLStencilElement {
+    }
+    var HTMLItalicIconElement: {
+        prototype: HTMLItalicIconElement;
+        new (): HTMLItalicIconElement;
+    };
+    interface HTMLLoadingIconElement extends Components.LoadingIcon, HTMLStencilElement {
+    }
+    var HTMLLoadingIconElement: {
+        prototype: HTMLLoadingIconElement;
+        new (): HTMLLoadingIconElement;
+    };
+    interface HTMLNylasBookedEventCardElementEventMap {
+        "cancelBookingButtonClicked": { bookingId: string };
+        "rescheduleButtonClicked": { bookingId: string };
+    }
+    /**
+     * The booked event card component.
+     */
+    interface HTMLNylasBookedEventCardElement extends Components.NylasBookedEventCard, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLNylasBookedEventCardElementEventMap>(type: K, listener: (this: HTMLNylasBookedEventCardElement, ev: NylasBookedEventCardCustomEvent<HTMLNylasBookedEventCardElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLNylasBookedEventCardElementEventMap>(type: K, listener: (this: HTMLNylasBookedEventCardElement, ev: NylasBookedEventCardCustomEvent<HTMLNylasBookedEventCardElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLNylasBookedEventCardElement: {
+        prototype: HTMLNylasBookedEventCardElement;
+        new (): HTMLNylasBookedEventCardElement;
+    };
+    interface HTMLNylasBookingFormElementEventMap {
+        "nameChanged": string;
+        "emailChanged": string;
+        "backButtonClicked": boolean;
+        "detailsConfirmed": NylasSchedulerBookingData;
+    }
+    /**
+     * The booking form component.
+     */
+    interface HTMLNylasBookingFormElement extends Components.NylasBookingForm, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLNylasBookingFormElementEventMap>(type: K, listener: (this: HTMLNylasBookingFormElement, ev: NylasBookingFormCustomEvent<HTMLNylasBookingFormElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLNylasBookingFormElementEventMap>(type: K, listener: (this: HTMLNylasBookingFormElement, ev: NylasBookingFormCustomEvent<HTMLNylasBookingFormElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLNylasBookingFormElement: {
+        prototype: HTMLNylasBookingFormElement;
+        new (): HTMLNylasBookingFormElement;
+    };
+    interface HTMLNylasCancelledEventCardElementEventMap {
+        "closeCancelEventCardClicked": void;
+    }
+    /**
+     * The cancelled event card component.
+     */
+    interface HTMLNylasCancelledEventCardElement extends Components.NylasCancelledEventCard, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLNylasCancelledEventCardElementEventMap>(type: K, listener: (this: HTMLNylasCancelledEventCardElement, ev: NylasCancelledEventCardCustomEvent<HTMLNylasCancelledEventCardElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLNylasCancelledEventCardElementEventMap>(type: K, listener: (this: HTMLNylasCancelledEventCardElement, ev: NylasCancelledEventCardCustomEvent<HTMLNylasCancelledEventCardElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLNylasCancelledEventCardElement: {
+        prototype: HTMLNylasCancelledEventCardElement;
+        new (): HTMLNylasCancelledEventCardElement;
+    };
+    interface HTMLNylasComposerElementEventMap {
+        "close": MouseEvent;
+        "send": {
+    message: Message;
+    replyBody: string;
+  };
+    }
+    interface HTMLNylasComposerElement extends Components.NylasComposer, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLNylasComposerElementEventMap>(type: K, listener: (this: HTMLNylasComposerElement, ev: NylasComposerCustomEvent<HTMLNylasComposerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLNylasComposerElementEventMap>(type: K, listener: (this: HTMLNylasComposerElement, ev: NylasComposerCustomEvent<HTMLNylasComposerElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLNylasComposerElement: {
+        prototype: HTMLNylasComposerElement;
+        new (): HTMLNylasComposerElement;
+    };
+    interface HTMLNylasDatePickerElementEventMap {
+        "dateSelected": Date;
+        "monthChanged": Date;
+    }
+    /**
+     * The date picker component.
+     */
+    interface HTMLNylasDatePickerElement extends Components.NylasDatePicker, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLNylasDatePickerElementEventMap>(type: K, listener: (this: HTMLNylasDatePickerElement, ev: NylasDatePickerCustomEvent<HTMLNylasDatePickerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLNylasDatePickerElementEventMap>(type: K, listener: (this: HTMLNylasDatePickerElement, ev: NylasDatePickerCustomEvent<HTMLNylasDatePickerElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLNylasDatePickerElement: {
+        prototype: HTMLNylasDatePickerElement;
+        new (): HTMLNylasDatePickerElement;
+    };
+    interface HTMLNylasIfStateElement extends Components.NylasIfState, HTMLStencilElement {
+    }
+    var HTMLNylasIfStateElement: {
+        prototype: HTMLNylasIfStateElement;
+        new (): HTMLNylasIfStateElement;
+    };
+    interface HTMLNylasListFoldersElementEventMap {
+        "folderSelected": Folder;
+    }
+    interface HTMLNylasListFoldersElement extends Components.NylasListFolders, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLNylasListFoldersElementEventMap>(type: K, listener: (this: HTMLNylasListFoldersElement, ev: NylasListFoldersCustomEvent<HTMLNylasListFoldersElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLNylasListFoldersElementEventMap>(type: K, listener: (this: HTMLNylasListFoldersElement, ev: NylasListFoldersCustomEvent<HTMLNylasListFoldersElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLNylasListFoldersElement: {
+        prototype: HTMLNylasListFoldersElement;
+        new (): HTMLNylasListFoldersElement;
+    };
+    interface HTMLNylasListThreadsElementEventMap {
+        "threadSelected": Thread;
+    }
+    interface HTMLNylasListThreadsElement extends Components.NylasListThreads, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLNylasListThreadsElementEventMap>(type: K, listener: (this: HTMLNylasListThreadsElement, ev: NylasListThreadsCustomEvent<HTMLNylasListThreadsElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLNylasListThreadsElementEventMap>(type: K, listener: (this: HTMLNylasListThreadsElement, ev: NylasListThreadsCustomEvent<HTMLNylasListThreadsElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLNylasListThreadsElement: {
+        prototype: HTMLNylasListThreadsElement;
+        new (): HTMLNylasListThreadsElement;
+    };
+    interface HTMLNylasLocaleSwitchElementEventMap {
+        "timezoneChanged": string;
+        "languageChanged": string;
+    }
+    interface HTMLNylasLocaleSwitchElement extends Components.NylasLocaleSwitch, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLNylasLocaleSwitchElementEventMap>(type: K, listener: (this: HTMLNylasLocaleSwitchElement, ev: NylasLocaleSwitchCustomEvent<HTMLNylasLocaleSwitchElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLNylasLocaleSwitchElementEventMap>(type: K, listener: (this: HTMLNylasLocaleSwitchElement, ev: NylasLocaleSwitchCustomEvent<HTMLNylasLocaleSwitchElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLNylasLocaleSwitchElement: {
+        prototype: HTMLNylasLocaleSwitchElement;
+        new (): HTMLNylasLocaleSwitchElement;
+    };
+    interface HTMLNylasLoginElementEventMap {
+        "buttonClick": { url?: string };
+    }
+    interface HTMLNylasLoginElement extends Components.NylasLogin, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLNylasLoginElementEventMap>(type: K, listener: (this: HTMLNylasLoginElement, ev: NylasLoginCustomEvent<HTMLNylasLoginElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLNylasLoginElementEventMap>(type: K, listener: (this: HTMLNylasLoginElement, ev: NylasLoginCustomEvent<HTMLNylasLoginElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLNylasLoginElement: {
+        prototype: HTMLNylasLoginElement;
+        new (): HTMLNylasLoginElement;
+    };
+    interface HTMLNylasLogoElement extends Components.NylasLogo, HTMLStencilElement {
+    }
+    var HTMLNylasLogoElement: {
+        prototype: HTMLNylasLogoElement;
+        new (): HTMLNylasLogoElement;
+    };
+    interface HTMLNylasMailboxElementEventMap {
+        "init": HTMLNylasMailboxElement;
+        "loggedIn": HTMLNylasMailboxElement;
+        "loggedOut": HTMLNylasMailboxElement;
+    }
+    /**
+     * The Nylas Mailbox component.
+     * This component is used as a provider for all other Nylas Mailbox components.
+     * It is responsible for managing the NylasAuth and NylasMailboxConnector instances.
+     * It also manages the state of the NylasAuth and NylasMailboxStore instances.
+     * @example <nylas-mailbox
+     *  auth-config={{
+     *  clientId: 'YOUR_CLIENT_ID',
+     *  }}
+     * default-auth-store-state={{
+     * threadQueryParams: {
+     *  limit: 10,
+     * }}
+     * >
+     *  <nylas-mailbox-thread-list></nylas-mailbox-thread-list>
+     * </nylas-mailbox>
+     */
+    interface HTMLNylasMailboxElement extends Components.NylasMailbox, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLNylasMailboxElementEventMap>(type: K, listener: (this: HTMLNylasMailboxElement, ev: NylasMailboxCustomEvent<HTMLNylasMailboxElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLNylasMailboxElementEventMap>(type: K, listener: (this: HTMLNylasMailboxElement, ev: NylasMailboxCustomEvent<HTMLNylasMailboxElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLNylasMailboxElement: {
+        prototype: HTMLNylasMailboxElement;
+        new (): HTMLNylasMailboxElement;
+    };
+    interface HTMLNylasMailboxPaginationElementEventMap {
+        "next": PaginationEvent;
+        "previous": PaginationEvent;
+    }
+    interface HTMLNylasMailboxPaginationElement extends Components.NylasMailboxPagination, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLNylasMailboxPaginationElementEventMap>(type: K, listener: (this: HTMLNylasMailboxPaginationElement, ev: NylasMailboxPaginationCustomEvent<HTMLNylasMailboxPaginationElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLNylasMailboxPaginationElementEventMap>(type: K, listener: (this: HTMLNylasMailboxPaginationElement, ev: NylasMailboxPaginationCustomEvent<HTMLNylasMailboxPaginationElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLNylasMailboxPaginationElement: {
+        prototype: HTMLNylasMailboxPaginationElement;
+        new (): HTMLNylasMailboxPaginationElement;
+    };
+    interface HTMLNylasMailboxToolbarButtonElement extends Components.NylasMailboxToolbarButton, HTMLStencilElement {
+    }
+    var HTMLNylasMailboxToolbarButtonElement: {
+        prototype: HTMLNylasMailboxToolbarButtonElement;
+        new (): HTMLNylasMailboxToolbarButtonElement;
+    };
+    interface HTMLNylasNotificationElement extends Components.NylasNotification, HTMLStencilElement {
+    }
+    var HTMLNylasNotificationElement: {
+        prototype: HTMLNylasNotificationElement;
+        new (): HTMLNylasNotificationElement;
+    };
+    interface HTMLNylasOpenHoursPickerElementEventMap {
+        "openHoursChanged": OpenHour[];
+    }
+    interface HTMLNylasOpenHoursPickerElement extends Components.NylasOpenHoursPicker, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLNylasOpenHoursPickerElementEventMap>(type: K, listener: (this: HTMLNylasOpenHoursPickerElement, ev: NylasOpenHoursPickerCustomEvent<HTMLNylasOpenHoursPickerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLNylasOpenHoursPickerElementEventMap>(type: K, listener: (this: HTMLNylasOpenHoursPickerElement, ev: NylasOpenHoursPickerCustomEvent<HTMLNylasOpenHoursPickerElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLNylasOpenHoursPickerElement: {
+        prototype: HTMLNylasOpenHoursPickerElement;
+        new (): HTMLNylasOpenHoursPickerElement;
+    };
+    interface HTMLNylasProviderElementEventMap {
+        "init": HTMLNylasProviderElement;
+        "loggedIn": HTMLNylasProviderElement;
+        "loggedOut": HTMLNylasProviderElement;
+    }
+    /**
+     * The Nylas Provider component.
+     * This component is used to manage the Nylas Provider.
+     * It is used to manage the Nylas Auth instance, the Nylas Connector instance,
+     * and the Nylas Store instance.
+     */
+    interface HTMLNylasProviderElement extends Components.NylasProvider, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLNylasProviderElementEventMap>(type: K, listener: (this: HTMLNylasProviderElement, ev: NylasProviderCustomEvent<HTMLNylasProviderElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLNylasProviderElementEventMap>(type: K, listener: (this: HTMLNylasProviderElement, ev: NylasProviderCustomEvent<HTMLNylasProviderElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLNylasProviderElement: {
+        prototype: HTMLNylasProviderElement;
+        new (): HTMLNylasProviderElement;
+    };
+    interface HTMLNylasSchedulerElementEventMap {
+        "init": HTMLNylasSchedulerElement;
+        "nylasSchedulerError": Notification;
+    }
+    /**
+     * The Nylas Scheduler component is used to show the Nylas Scheduler UI.
+     */
+    interface HTMLNylasSchedulerElement extends Components.NylasScheduler, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLNylasSchedulerElementEventMap>(type: K, listener: (this: HTMLNylasSchedulerElement, ev: NylasSchedulerCustomEvent<HTMLNylasSchedulerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLNylasSchedulerElementEventMap>(type: K, listener: (this: HTMLNylasSchedulerElement, ev: NylasSchedulerCustomEvent<HTMLNylasSchedulerElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLNylasSchedulerElement: {
+        prototype: HTMLNylasSchedulerElement;
+        new (): HTMLNylasSchedulerElement;
+    };
+    /**
+     * The selected event card component.
+     */
+    interface HTMLNylasSelectedEventCardElement extends Components.NylasSelectedEventCard, HTMLStencilElement {
+    }
+    var HTMLNylasSelectedEventCardElement: {
+        prototype: HTMLNylasSelectedEventCardElement;
+        new (): HTMLNylasSelectedEventCardElement;
+    };
+    interface HTMLNylasSummarizeMessageButtonElementEventMap {
+        "summarize": SummarizeEvent;
+    }
+    interface HTMLNylasSummarizeMessageButtonElement extends Components.NylasSummarizeMessageButton, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLNylasSummarizeMessageButtonElementEventMap>(type: K, listener: (this: HTMLNylasSummarizeMessageButtonElement, ev: NylasSummarizeMessageButtonCustomEvent<HTMLNylasSummarizeMessageButtonElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLNylasSummarizeMessageButtonElementEventMap>(type: K, listener: (this: HTMLNylasSummarizeMessageButtonElement, ev: NylasSummarizeMessageButtonCustomEvent<HTMLNylasSummarizeMessageButtonElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLNylasSummarizeMessageButtonElement: {
+        prototype: HTMLNylasSummarizeMessageButtonElement;
+        new (): HTMLNylasSummarizeMessageButtonElement;
+    };
+    interface HTMLNylasThreadsRefreshElementEventMap {
+        "refresh": RefreshEvent;
+    }
+    interface HTMLNylasThreadsRefreshElement extends Components.NylasThreadsRefresh, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLNylasThreadsRefreshElementEventMap>(type: K, listener: (this: HTMLNylasThreadsRefreshElement, ev: NylasThreadsRefreshCustomEvent<HTMLNylasThreadsRefreshElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLNylasThreadsRefreshElementEventMap>(type: K, listener: (this: HTMLNylasThreadsRefreshElement, ev: NylasThreadsRefreshCustomEvent<HTMLNylasThreadsRefreshElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLNylasThreadsRefreshElement: {
+        prototype: HTMLNylasThreadsRefreshElement;
+        new (): HTMLNylasThreadsRefreshElement;
+    };
+    interface HTMLNylasThreadsSearchElementEventMap {
+        "search": string;
+    }
+    interface HTMLNylasThreadsSearchElement extends Components.NylasThreadsSearch, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLNylasThreadsSearchElementEventMap>(type: K, listener: (this: HTMLNylasThreadsSearchElement, ev: NylasThreadsSearchCustomEvent<HTMLNylasThreadsSearchElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLNylasThreadsSearchElementEventMap>(type: K, listener: (this: HTMLNylasThreadsSearchElement, ev: NylasThreadsSearchCustomEvent<HTMLNylasThreadsSearchElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLNylasThreadsSearchElement: {
+        prototype: HTMLNylasThreadsSearchElement;
+        new (): HTMLNylasThreadsSearchElement;
+    };
+    interface HTMLNylasTimeslotPickerElementEventMap {
+        "timeslotSelected": Timeslot;
+        "timeslotConfirmed": Timeslot;
+    }
+    /**
+     * The timeslot picker component.
+     */
+    interface HTMLNylasTimeslotPickerElement extends Components.NylasTimeslotPicker, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLNylasTimeslotPickerElementEventMap>(type: K, listener: (this: HTMLNylasTimeslotPickerElement, ev: NylasTimeslotPickerCustomEvent<HTMLNylasTimeslotPickerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLNylasTimeslotPickerElementEventMap>(type: K, listener: (this: HTMLNylasTimeslotPickerElement, ev: NylasTimeslotPickerCustomEvent<HTMLNylasTimeslotPickerElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLNylasTimeslotPickerElement: {
+        prototype: HTMLNylasTimeslotPickerElement;
+        new (): HTMLNylasTimeslotPickerElement;
+    };
+    interface HTMLNylasViewEmailElement extends Components.NylasViewEmail, HTMLStencilElement {
+    }
+    var HTMLNylasViewEmailElement: {
+        prototype: HTMLNylasViewEmailElement;
+        new (): HTMLNylasViewEmailElement;
+    };
+    interface HTMLNylasViewThreadElementEventMap {
+        "threadSelected": Thread;
+        "showContactDataClicked": Message;
+        "messageClicked": Message;
+    }
+    interface HTMLNylasViewThreadElement extends Components.NylasViewThread, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLNylasViewThreadElementEventMap>(type: K, listener: (this: HTMLNylasViewThreadElement, ev: NylasViewThreadCustomEvent<HTMLNylasViewThreadElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLNylasViewThreadElementEventMap>(type: K, listener: (this: HTMLNylasViewThreadElement, ev: NylasViewThreadCustomEvent<HTMLNylasViewThreadElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLNylasViewThreadElement: {
+        prototype: HTMLNylasViewThreadElement;
+        new (): HTMLNylasViewThreadElement;
+    };
+    interface HTMLPeopleIconElement extends Components.PeopleIcon, HTMLStencilElement {
+    }
+    var HTMLPeopleIconElement: {
+        prototype: HTMLPeopleIconElement;
+        new (): HTMLPeopleIconElement;
+    };
+    interface HTMLPlayIconElement extends Components.PlayIcon, HTMLStencilElement {
+    }
+    var HTMLPlayIconElement: {
+        prototype: HTMLPlayIconElement;
+        new (): HTMLPlayIconElement;
+    };
+    interface HTMLRefreshIconElement extends Components.RefreshIcon, HTMLStencilElement {
+    }
+    var HTMLRefreshIconElement: {
+        prototype: HTMLRefreshIconElement;
+        new (): HTMLRefreshIconElement;
+    };
+    interface HTMLReplyAllIconElement extends Components.ReplyAllIcon, HTMLStencilElement {
+    }
+    var HTMLReplyAllIconElement: {
+        prototype: HTMLReplyAllIconElement;
+        new (): HTMLReplyAllIconElement;
+    };
+    interface HTMLReplyIconElement extends Components.ReplyIcon, HTMLStencilElement {
+    }
+    var HTMLReplyIconElement: {
+        prototype: HTMLReplyIconElement;
+        new (): HTMLReplyIconElement;
+    };
+    interface HTMLSentIconElement extends Components.SentIcon, HTMLStencilElement {
+    }
+    var HTMLSentIconElement: {
+        prototype: HTMLSentIconElement;
+        new (): HTMLSentIconElement;
+    };
+    interface HTMLSpamIconElement extends Components.SpamIcon, HTMLStencilElement {
+    }
+    var HTMLSpamIconElement: {
+        prototype: HTMLSpamIconElement;
+        new (): HTMLSpamIconElement;
+    };
+    interface HTMLStarIconElement extends Components.StarIcon, HTMLStencilElement {
+    }
+    var HTMLStarIconElement: {
+        prototype: HTMLStarIconElement;
+        new (): HTMLStarIconElement;
+    };
+    interface HTMLStopIconElement extends Components.StopIcon, HTMLStencilElement {
+    }
+    var HTMLStopIconElement: {
+        prototype: HTMLStopIconElement;
+        new (): HTMLStopIconElement;
+    };
+    interface HTMLTranslateIconElement extends Components.TranslateIcon, HTMLStencilElement {
+    }
+    var HTMLTranslateIconElement: {
+        prototype: HTMLTranslateIconElement;
+        new (): HTMLTranslateIconElement;
+    };
+    interface HTMLTrashIconElement extends Components.TrashIcon, HTMLStencilElement {
+    }
+    var HTMLTrashIconElement: {
+        prototype: HTMLTrashIconElement;
+        new (): HTMLTrashIconElement;
+    };
+    interface HTMLUnderlineIconElement extends Components.UnderlineIcon, HTMLStencilElement {
+    }
+    var HTMLUnderlineIconElement: {
+        prototype: HTMLUnderlineIconElement;
+        new (): HTMLUnderlineIconElement;
+    };
+    interface HTMLWarningIconElement extends Components.WarningIcon, HTMLStencilElement {
+    }
+    var HTMLWarningIconElement: {
+        prototype: HTMLWarningIconElement;
+        new (): HTMLWarningIconElement;
+    };
+    interface HTMLElementTagNameMap {
+        "archive-icon": HTMLArchiveIconElement;
+        "arrow-icon": HTMLArrowIconElement;
+        "bold-icon": HTMLBoldIconElement;
+        "calendar-cancel-icon": HTMLCalendarCancelIconElement;
+        "calendar-check-icon": HTMLCalendarCheckIconElement;
+        "calendar-icon": HTMLCalendarIconElement;
+        "checkmark-circle-icon": HTMLCheckmarkCircleIconElement;
+        "chevron-icon": HTMLChevronIconElement;
+        "close-icon": HTMLCloseIconElement;
+        "document-refresh-icon": HTMLDocumentRefreshIconElement;
+        "folder-icon": HTMLFolderIconElement;
+        "forward-icon": HTMLForwardIconElement;
+        "globe-icon": HTMLGlobeIconElement;
+        "inbox-icon": HTMLInboxIconElement;
+        "italic-icon": HTMLItalicIconElement;
+        "loading-icon": HTMLLoadingIconElement;
+        "nylas-booked-event-card": HTMLNylasBookedEventCardElement;
+        "nylas-booking-form": HTMLNylasBookingFormElement;
+        "nylas-cancelled-event-card": HTMLNylasCancelledEventCardElement;
+        "nylas-composer": HTMLNylasComposerElement;
+        "nylas-date-picker": HTMLNylasDatePickerElement;
+        "nylas-if-state": HTMLNylasIfStateElement;
+        "nylas-list-folders": HTMLNylasListFoldersElement;
+        "nylas-list-threads": HTMLNylasListThreadsElement;
+        "nylas-locale-switch": HTMLNylasLocaleSwitchElement;
+        "nylas-login": HTMLNylasLoginElement;
+        "nylas-logo": HTMLNylasLogoElement;
+        "nylas-mailbox": HTMLNylasMailboxElement;
+        "nylas-mailbox-pagination": HTMLNylasMailboxPaginationElement;
+        "nylas-mailbox-toolbar-button": HTMLNylasMailboxToolbarButtonElement;
+        "nylas-notification": HTMLNylasNotificationElement;
+        "nylas-open-hours-picker": HTMLNylasOpenHoursPickerElement;
+        "nylas-provider": HTMLNylasProviderElement;
+        "nylas-scheduler": HTMLNylasSchedulerElement;
+        "nylas-selected-event-card": HTMLNylasSelectedEventCardElement;
+        "nylas-summarize-message-button": HTMLNylasSummarizeMessageButtonElement;
+        "nylas-threads-refresh": HTMLNylasThreadsRefreshElement;
+        "nylas-threads-search": HTMLNylasThreadsSearchElement;
+        "nylas-timeslot-picker": HTMLNylasTimeslotPickerElement;
+        "nylas-view-email": HTMLNylasViewEmailElement;
+        "nylas-view-thread": HTMLNylasViewThreadElement;
+        "people-icon": HTMLPeopleIconElement;
+        "play-icon": HTMLPlayIconElement;
+        "refresh-icon": HTMLRefreshIconElement;
+        "reply-all-icon": HTMLReplyAllIconElement;
+        "reply-icon": HTMLReplyIconElement;
+        "sent-icon": HTMLSentIconElement;
+        "spam-icon": HTMLSpamIconElement;
+        "star-icon": HTMLStarIconElement;
+        "stop-icon": HTMLStopIconElement;
+        "translate-icon": HTMLTranslateIconElement;
+        "trash-icon": HTMLTrashIconElement;
+        "underline-icon": HTMLUnderlineIconElement;
+        "warning-icon": HTMLWarningIconElement;
+    }
+}
+declare namespace LocalJSX {
+    interface ArchiveIcon {
+        "height"?: string;
+        "width"?: string;
+    }
+    interface ArrowIcon {
+        "height"?: string;
+        "width"?: string;
+    }
+    interface BoldIcon {
+        "height"?: string;
+        "width"?: string;
+    }
+    interface CalendarCancelIcon {
+        "height"?: string;
+        "width"?: string;
+    }
+    interface CalendarCheckIcon {
+        "height"?: string;
+        "width"?: string;
+    }
+    interface CalendarIcon {
+        "height"?: string;
+        "width"?: string;
+    }
+    interface CheckmarkCircleIcon {
+        "height"?: string;
+        "width"?: string;
+    }
+    interface ChevronIcon {
+        "height"?: string;
+        "width"?: string;
+    }
+    interface CloseIcon {
+        "height"?: string;
+        "width"?: string;
+    }
+    interface DocumentRefreshIcon {
+        "height"?: string;
+        "width"?: string;
+    }
+    interface FolderIcon {
+        "height"?: string;
+        "width"?: string;
+    }
+    interface ForwardIcon {
+        "height"?: string;
+        "width"?: string;
+    }
+    interface GlobeIcon {
+        "height"?: string;
+        "width"?: string;
+    }
+    interface InboxIcon {
+        "height"?: string;
+        "width"?: string;
+    }
+    interface ItalicIcon {
+        "height"?: string;
+        "width"?: string;
+    }
+    interface LoadingIcon {
+        "height"?: string;
+        "width"?: string;
+    }
+    /**
+     * The booked event card component.
+     */
+    interface NylasBookedEventCard {
+        /**
+          * Booking flow type.
+         */
+        "bookingFlow"?: 'booking' | 'rescheduling';
+        /**
+          * The booking info used to book / reschedule the event.
+         */
+        "bookingInfo"?: NylasSchedulerBookingData;
+        /**
+          * The booked event.
+         */
+        "eventInfo": NylasEvent;
+        /**
+          * Cancel booking button clicked event.
+         */
+        "onCancelBookingButtonClicked"?: (event: NylasBookedEventCardCustomEvent<{ bookingId: string }>) => void;
+        /**
+          * Reschedule button clicked event.
+         */
+        "onRescheduleButtonClicked"?: (event: NylasBookedEventCardCustomEvent<{ bookingId: string }>) => void;
+    }
+    /**
+     * The booking form component.
+     */
+    interface NylasBookingForm {
+        "bookedEventError"?: NylasErrorResponse;
+        "bookedEventLoading"?: boolean;
+        /**
+          * The booking info.
+         */
+        "bookingInfo"?: NylasSchedulerBookingData;
+        /**
+          * The booked event (Used to track if a booking is created in an eventOverride).
+         */
+        "eventInfo"?: NylasEvent1;
+        /**
+          * This event is fired when the cancel button is clicked.
+         */
+        "onBackButtonClicked"?: (event: NylasBookingFormCustomEvent<boolean>) => void;
+        /**
+          * This event is fired when the book button is clicked.
+         */
+        "onDetailsConfirmed"?: (event: NylasBookingFormCustomEvent<NylasSchedulerBookingData>) => void;
+        /**
+          * This event is fired when the email is changed.
+         */
+        "onEmailChanged"?: (event: NylasBookingFormCustomEvent<string>) => void;
+        /**
+          * This event is fired when the name is changed.
+         */
+        "onNameChanged"?: (event: NylasBookingFormCustomEvent<string>) => void;
+    }
+    /**
+     * The cancelled event card component.
+     */
+    interface NylasCancelledEventCard {
+        /**
+          * The participant's name who booked the event / is logged in.
+         */
+        "cancelledEvent": NylasEvent1;
+        /**
+          * This event is fired when the close button is clicked on the cancelled event card.
+         */
+        "onCloseCancelEventCardClicked"?: (event: NylasCancelledEventCardCustomEvent<void>) => void;
+    }
+    interface NylasComposer {
+        /**
+          * The message to reply to or forward
+         */
+        "message"?: Message;
+        /**
+          * Fired when the composer is closed
+         */
+        "onClose"?: (event: NylasComposerCustomEvent<MouseEvent>) => void;
+        /**
+          * Fired when the send button is clicked
+         */
+        "onSend"?: (event: NylasComposerCustomEvent<{
+    message: Message;
+    replyBody: string;
+  }>) => void;
+        /**
+          * The view email element
+         */
+        "viewEmailElement"?: HTMLNylasViewEmailElement | null;
+    }
+    /**
+     * The date picker component.
+     */
+    interface NylasDatePicker {
+        /**
+          * The loading state.
+         */
+        "loadingState"?: LoadingState;
+        /**
+          * This event is fired when a date is selected.
+         */
+        "onDateSelected"?: (event: NylasDatePickerCustomEvent<Date>) => void;
+        /**
+          * This event is fired when the month is changed.
+         */
+        "onMonthChanged"?: (event: NylasDatePickerCustomEvent<Date>) => void;
+        /**
+          * The dates that are selectable.
+         */
+        "selectableDates"?: Date[];
+        /**
+          * The selected date.
+         */
+        "selectedDate"?: Date;
+    }
+    interface NylasIfState {
+        "getStore"?: <K extends keyof Stores>(name: K) => Stores[K];
+        /**
+          * If true, then the component will render if the state is true. This prop is used with the `state` prop.
+         */
+        "isBoolean"?: boolean;
+        /**
+          * If true, then the component will render if the state is set (empty or not set). This prop is used with the `state` prop.
+         */
+        "isStateSet"?: boolean;
+        /**
+          * The name of the state to watch.
+         */
+        "state"?: string;
+        "transition"?: Transitions;
+    }
+    interface NylasListFolders {
+        "folders"?: Folder[];
+        "onFolderSelected"?: (event: NylasListFoldersCustomEvent<Folder>) => void;
+        "selectedFolder"?: string;
+    }
+    interface NylasListThreads {
+        "isAuthenticated"?: boolean;
+        "onThreadSelected"?: (event: NylasListThreadsCustomEvent<Thread>) => void;
+        "showCheckbox"?: boolean;
+        "state"?: DataState;
+        "threads"?: Thread[];
+        "tokenInfo"?: TokenInfo;
+    }
+    interface NylasLocaleSwitch {
+        /**
+          * This event is fired when the language is changed.
+         */
+        "onLanguageChanged"?: (event: NylasLocaleSwitchCustomEvent<string>) => void;
+        /**
+          * This event is fired when the timezone is changed.
+         */
+        "onTimezoneChanged"?: (event: NylasLocaleSwitchCustomEvent<string>) => void;
+        /**
+          * The selected language.
+         */
+        "selectedLanguage"?: string;
+        /**
+          * The selected timezone.
+         */
+        "selectedTimezone"?: string;
+    }
+    interface NylasLogin {
+        "buttonText"?: string;
+        "companyName"?: string;
+        "isAuthenticated"?: boolean;
+        "loginMethod"?: 'redirect' | 'emebded';
+        "logoUrl"?: string;
+        "logoWidth"?: string;
+        "nylasConnector"?: NylasAuthConnectorInterface;
+        "onButtonClick"?: (event: NylasLoginCustomEvent<{ url?: string }>) => void;
+        "providers"?: string;
+        "scopes"?: string[];
+    }
+    interface NylasLogo {
+        "height"?: string;
+        "width"?: string;
+    }
+    /**
+     * The Nylas Mailbox component.
+     * This component is used as a provider for all other Nylas Mailbox components.
+     * It is responsible for managing the NylasAuth and NylasMailboxConnector instances.
+     * It also manages the state of the NylasAuth and NylasMailboxStore instances.
+     * @example <nylas-mailbox
+     *  auth-config={{
+     *  clientId: 'YOUR_CLIENT_ID',
+     *  }}
+     * default-auth-store-state={{
+     * threadQueryParams: {
+     *  limit: 10,
+     * }}
+     * >
+     *  <nylas-mailbox-thread-list></nylas-mailbox-thread-list>
+     * </nylas-mailbox>
+     */
+    interface NylasMailbox {
+        /**
+          * The Nylas Auth configuration. Used to manage all things authentication with Nylas.
+         */
+        "authConfig"?: AuthConfg;
+        /**
+          * Automatically register components that have the `@RegisterComponent` decorator. If this is set to false, you will need to manually register components using the `registerComponent` method.
+         */
+        "automaticComponentRegistration"?: boolean;
+        /**
+          * The default auth store state. Used to set the initial state of the auth store.
+         */
+        "defaultAuthStoreState"?: NylasAuthStoreState;
+        /**
+          * The default mailbox store state. Used to set the initial state of the mailbox store.
+         */
+        "defaultMailboxStoreState"?: NylasMailboxStoreState;
+        /**
+          * This provides a way to override the default event handlers.
+         */
+        "eventOverrides"?: EventOverride<Exclude<typeof this.nylasMailboxConnector, undefined>>;
+        /**
+          * This event is fired when the provider is initialized. It can be used to set the initial state of the provider, or to prevent the provider from firing some default behavior.
+         */
+        "onInit"?: (event: NylasMailboxCustomEvent<HTMLNylasMailboxElement>) => void;
+        /**
+          * This event is fired when the the NyalsAuth isAuthenticated state changes to true.
+         */
+        "onLoggedIn"?: (event: NylasMailboxCustomEvent<HTMLNylasMailboxElement>) => void;
+        /**
+          * This event is fired when the the NyalsAuth isAuthenticated state changes to true.
+         */
+        "onLoggedOut"?: (event: NylasMailboxCustomEvent<HTMLNylasMailboxElement>) => void;
+    }
+    interface NylasMailboxPagination {
+        /**
+          * @description Whether or not the mailbox has a next or previous page of threads
+         */
+        "hasNextPage"?: boolean;
+        /**
+          * @description Whether or not the mailbox has a previous page of threads
+         */
+        "hasPreviousPage"?: boolean;
+        /**
+          * @description Whether or not the infinity scroll should only be enabled on mobile devices
+         */
+        "mobileOnlyInfiniteScroll"?: boolean;
+        /**
+          * @description The width of the mobile viewport
+         */
+        "mobileViewPortWidth"?: number;
+        /**
+          * @description An event that is fired when the user scrolls to the bottom of the page
+         */
+        "onNext"?: (event: NylasMailboxPaginationCustomEvent<PaginationEvent>) => void;
+        /**
+          * @description An event that is fired when the user scrolls to the top of the page
+         */
+        "onPrevious"?: (event: NylasMailboxPaginationCustomEvent<PaginationEvent>) => void;
+        /**
+          * @description Whether or not the mailbox has a next or previous page of threads
+         */
+        "scrollTarget"?: 'container' | 'page';
+        /**
+          * @description The state of the mailbox
+         */
+        "state"?: 'ready' | 'loading' | 'error';
+    }
+    interface NylasMailboxToolbarButton {
+        /**
+          * The value of the state to compare against to check if the data is loading, error, or ready.
+         */
+        "dataState"?: string;
+        /**
+          * If true, then the component will render the icon only.
+         */
+        "iconOnly"?: boolean;
+        /**
+          * If true, then the component will render if the state is true. This prop is used with the `state` prop.
+         */
+        "mailboxConnector"?: NylasMailboxConnectorInterface;
+        /**
+          * The name of the mailbox connector method to call.
+         */
+        "method": MethodsOfNylasMailboxConnector;
+    }
+    interface NylasNotification {
+        "allowedCategories"?: string[];
+        "ttl"?: number;
+    }
+    interface NylasOpenHoursPicker {
+        /**
+          * The number of milliseconds the user must be dragging for before we consider it a drag event.
+         */
+        "dragThreshold"?: number;
+        /**
+          * The end time of the day. Leave this to the default date of 2024-09-07T23:59:59.999Z unless you want want available times to be a specific year, month, and day.
+         */
+        "endTime"?: Date;
+        /**
+          * The width of the viewport in mobile.
+         */
+        "mobileViewPortWidth"?: number;
+        /**
+          * Emitted when open hours is changed.
+         */
+        "onOpenHoursChanged"?: (event: NylasOpenHoursPickerCustomEvent<OpenHour[]>) => void;
+        /**
+          * A pre-populated open hour configuration.
+         */
+        "openHours"?: OpenHour[];
+        /**
+          * The start time of the day. Leave this to the default date of 2024-09-01T00:00:00.000Z unless you want want available times to be a specific year, month, and day.
+         */
+        "startTime"?: Date;
+        /**
+          * The number of minutes between each time. If this is 15, we'll show 15 minute intervals. If this is 60, we'll show 1 hour intervals.
+         */
+        "stepMinutes"?: number;
+    }
+    /**
+     * The Nylas Provider component.
+     * This component is used to manage the Nylas Provider.
+     * It is used to manage the Nylas Auth instance, the Nylas Connector instance,
+     * and the Nylas Store instance.
+     */
+    interface NylasProvider {
+        /**
+          * The Nylas Auth configuration. Used to manage all things authentication with Nylas.
+         */
+        "authConfig"?: AuthConfg;
+        /**
+          * Automatically register components that have the `@RegisterComponent` decorator. If this is set to false, you will need to manually register components using the `registerComponent` method.
+          * @default true
+         */
+        "automaticComponentRegistration"?: boolean;
+        /**
+          * This provides a way to override the default event handlers.
+         */
+        "eventOverrides"?: EventOverride<Exclude<typeof this.nylasConnector, undefined>>;
+        /**
+          * This event is fired when the provider is initialized. It can be used to set the initial state of the provider, or to prevent the provider from firing some default behavior.
+         */
+        "onInit"?: (event: NylasProviderCustomEvent<HTMLNylasProviderElement>) => void;
+        /**
+          * This event is fired when the the NyalsAuth isAuthenticated state changes to true.
+         */
+        "onLoggedIn"?: (event: NylasProviderCustomEvent<HTMLNylasProviderElement>) => void;
+        /**
+          * This event is fired when the the NyalsAuth isAuthenticated state changes to true.
+         */
+        "onLoggedOut"?: (event: NylasProviderCustomEvent<HTMLNylasProviderElement>) => void;
+    }
+    /**
+     * The Nylas Scheduler component is used to show the Nylas Scheduler UI.
+     */
+    interface NylasScheduler {
+        /**
+          * This enables passing the bookingInfo object to the Scheduler UI for direct booking event creation. When used with timeslotConfirmedHandler, it bypasses the additional data page and immediately invokes the handler after booking.
+         */
+        "bookingInfo"?: NylasSchedulerBookingData1;
+        /**
+          * The default scheduler store state. Used to set the initial state of the scheduler store.
+         */
+        "defaultSchedulerStoreState"?: NylasSchedulerStoreState;
+        /**
+          * This provides an easy way to override the default function of the event emitter. An example of this is the `timeslotConfirmed` event. By default, this event will set the scheduler store state for `showBookingForm` to `true` which will show the booking form. However, if you want to override this behavior, you can pass in the prop `eventOverride` like: ```html <nylas-scheduler eventOverride={{"timeslotConfirmed": (event, nylasConnector) => { console.log("Timeslot confirmed event fired!"); } }} /> ```
+         */
+        "eventOverrides"?: SchedulerEventOverride;
+        /**
+          * The loading state. This is used to set the loading state for the Nylas Scheduler when fetching data. For example, when fetching availability, the loading state can be set to: ```js  loadingState={ api: 'availability' } ```
+         */
+        "loadingState"?: LoadingState;
+        /**
+          * This is used to set the mode for the Nylas Scheduler. The mode can be either `app` or `composable`. The default mode is `app`. - `app`: This mode is used to show the default Nylas Scheduler UI. - `composable`: This mode is used to show the composable Nylas Scheduler UI    by passing the individual scheduler components as children.
+         */
+        "mode"?: 'app' | 'composable';
+        /**
+          * This event is fired when the provider is initialized. It can be used to set the initial state of the provider, or to prevent the provider from firing some default behavior.
+         */
+        "onInit"?: (event: NylasSchedulerCustomEvent<HTMLNylasSchedulerElement>) => void;
+        "onNylasSchedulerError"?: (event: NylasSchedulerCustomEvent<Notification>) => void;
+        /**
+          * Booking Id required for rescheduling flow.
+         */
+        "rescheduleId"?: string;
+        /**
+          * The URL for the Nylas Scheduler API. (staging or production URL)
+         */
+        "schedulerApiUrl"?: string;
+        /**
+          * The session ID for the Nylas Scheduler. This is used to authenticate the user.
+         */
+        "sessionId"?: string;
+        /**
+          * Theme config, used to automatically generate a theme with color palette and CSS variables to customize the look and feel of the Nylas Scheduler.
+         */
+        "themeConfig"?: ThemeConfig;
+    }
+    /**
+     * The selected event card component.
+     */
+    interface NylasSelectedEventCard {
+        /**
+          * The selected date.
+         */
+        "selectedDate"?: Date;
+        /**
+          * The selected time.
+         */
+        "selectedTimeslot"?: Timeslot;
+        /**
+          * * The selected timezone.
+         */
+        "selectedTimezone"?: string;
+    }
+    interface NylasSummarizeMessageButton {
+        /**
+          * The message to summarize
+         */
+        "message"?: Message;
+        /**
+          * The on summarize event handler
+         */
+        "onSummarize"?: (event: NylasSummarizeMessageButtonCustomEvent<SummarizeEvent>) => void;
+    }
+    interface NylasThreadsRefresh {
+        "onRefresh"?: (event: NylasThreadsRefreshCustomEvent<RefreshEvent>) => void;
+    }
+    interface NylasThreadsSearch {
+        /**
+          * Event emitted when the query changes
+         */
+        "onSearch"?: (event: NylasThreadsSearchCustomEvent<string>) => void;
+        /**
+          * The query to search for threads
+         */
+        "query"?: string;
+    }
+    /**
+     * The timeslot picker component.
+     */
+    interface NylasTimeslotPicker {
+        /**
+          * The available timeslots.
+         */
+        "availability"?: AvailabilityTimeslot[];
+        /**
+          * The loading state prop. Used to display loading state when fetching availability.
+         */
+        "loadingState"?: LoadingState;
+        /**
+          * This event is fired when a timeslot is confirmed. By default, this will proceed to the booking form page.
+         */
+        "onTimeslotConfirmed"?: (event: NylasTimeslotPickerCustomEvent<Timeslot>) => void;
+        /**
+          * This event is fired when a timeslot is selected.
+         */
+        "onTimeslotSelected"?: (event: NylasTimeslotPickerCustomEvent<Timeslot>) => void;
+        /**
+          * The selected date.
+         */
+        "selectedDate"?: Date;
+        /**
+          * The selected timeslot.
+         */
+        "selectedTimeslot"?: Timeslot;
+        /**
+          * The selected timezone.
+         */
+        "selectedTimezone"?: string;
+    }
+    interface NylasViewEmail {
+        "attachments"?: InternalAttachment[];
+        "detectDarkMode"?: boolean;
+        "message"?: Message;
+        "parent"?: HTMLElement;
+    }
+    interface NylasViewThread {
+        /**
+          * Attachments for each message within the thread
+         */
+        "attachments"?: InternalAttachment[];
+        /**
+          * The draft message to display
+         */
+        "draft"?: Message;
+        /**
+          * Messages within the thread to display
+         */
+        "messages"?: Message[];
+        /**
+          * Event emitted when a message is clicked
+         */
+        "onMessageClicked"?: (event: NylasViewThreadCustomEvent<Message>) => void;
+        /**
+          * Event emitted when a message contact data is clicked
+         */
+        "onShowContactDataClicked"?: (event: NylasViewThreadCustomEvent<Message>) => void;
+        /**
+          * Event emitted when a thread is selected
+         */
+        "onThreadSelected"?: (event: NylasViewThreadCustomEvent<Thread>) => void;
+        /**
+          * Thread to display
+         */
+        "thread"?: Thread;
+    }
+    interface PeopleIcon {
+        "height"?: string;
+        "width"?: string;
+    }
+    interface PlayIcon {
+        "height"?: string;
+        "width"?: string;
+    }
+    interface RefreshIcon {
+        "height"?: string;
+        "width"?: string;
+    }
+    interface ReplyAllIcon {
+        "height"?: string;
+        "width"?: string;
+    }
+    interface ReplyIcon {
+        "height"?: string;
+        "width"?: string;
+    }
+    interface SentIcon {
+        "height"?: string;
+        "width"?: string;
+    }
+    interface SpamIcon {
+        "height"?: string;
+        "width"?: string;
+    }
+    interface StarIcon {
+        "height"?: string;
+        "width"?: string;
+    }
+    interface StopIcon {
+        "height"?: string;
+        "width"?: string;
+    }
+    interface TranslateIcon {
+        "height"?: string;
+        "width"?: string;
+    }
+    interface TrashIcon {
+        "height"?: string;
+        "width"?: string;
+    }
+    interface UnderlineIcon {
+        "height"?: string;
+        "width"?: string;
+    }
+    interface WarningIcon {
+        "height"?: string;
+        "width"?: string;
+    }
+    interface IntrinsicElements {
+        "archive-icon": ArchiveIcon;
+        "arrow-icon": ArrowIcon;
+        "bold-icon": BoldIcon;
+        "calendar-cancel-icon": CalendarCancelIcon;
+        "calendar-check-icon": CalendarCheckIcon;
+        "calendar-icon": CalendarIcon;
+        "checkmark-circle-icon": CheckmarkCircleIcon;
+        "chevron-icon": ChevronIcon;
+        "close-icon": CloseIcon;
+        "document-refresh-icon": DocumentRefreshIcon;
+        "folder-icon": FolderIcon;
+        "forward-icon": ForwardIcon;
+        "globe-icon": GlobeIcon;
+        "inbox-icon": InboxIcon;
+        "italic-icon": ItalicIcon;
+        "loading-icon": LoadingIcon;
+        "nylas-booked-event-card": NylasBookedEventCard;
+        "nylas-booking-form": NylasBookingForm;
+        "nylas-cancelled-event-card": NylasCancelledEventCard;
+        "nylas-composer": NylasComposer;
+        "nylas-date-picker": NylasDatePicker;
+        "nylas-if-state": NylasIfState;
+        "nylas-list-folders": NylasListFolders;
+        "nylas-list-threads": NylasListThreads;
+        "nylas-locale-switch": NylasLocaleSwitch;
+        "nylas-login": NylasLogin;
+        "nylas-logo": NylasLogo;
+        "nylas-mailbox": NylasMailbox;
+        "nylas-mailbox-pagination": NylasMailboxPagination;
+        "nylas-mailbox-toolbar-button": NylasMailboxToolbarButton;
+        "nylas-notification": NylasNotification;
+        "nylas-open-hours-picker": NylasOpenHoursPicker;
+        "nylas-provider": NylasProvider;
+        "nylas-scheduler": NylasScheduler;
+        "nylas-selected-event-card": NylasSelectedEventCard;
+        "nylas-summarize-message-button": NylasSummarizeMessageButton;
+        "nylas-threads-refresh": NylasThreadsRefresh;
+        "nylas-threads-search": NylasThreadsSearch;
+        "nylas-timeslot-picker": NylasTimeslotPicker;
+        "nylas-view-email": NylasViewEmail;
+        "nylas-view-thread": NylasViewThread;
+        "people-icon": PeopleIcon;
+        "play-icon": PlayIcon;
+        "refresh-icon": RefreshIcon;
+        "reply-all-icon": ReplyAllIcon;
+        "reply-icon": ReplyIcon;
+        "sent-icon": SentIcon;
+        "spam-icon": SpamIcon;
+        "star-icon": StarIcon;
+        "stop-icon": StopIcon;
+        "translate-icon": TranslateIcon;
+        "trash-icon": TrashIcon;
+        "underline-icon": UnderlineIcon;
+        "warning-icon": WarningIcon;
+    }
+}
+export { LocalJSX as JSX };
+declare module "@stencil/core" {
+    export namespace JSX {
+        interface IntrinsicElements {
+            "archive-icon": LocalJSX.ArchiveIcon & JSXBase.HTMLAttributes<HTMLArchiveIconElement>;
+            "arrow-icon": LocalJSX.ArrowIcon & JSXBase.HTMLAttributes<HTMLArrowIconElement>;
+            "bold-icon": LocalJSX.BoldIcon & JSXBase.HTMLAttributes<HTMLBoldIconElement>;
+            "calendar-cancel-icon": LocalJSX.CalendarCancelIcon & JSXBase.HTMLAttributes<HTMLCalendarCancelIconElement>;
+            "calendar-check-icon": LocalJSX.CalendarCheckIcon & JSXBase.HTMLAttributes<HTMLCalendarCheckIconElement>;
+            "calendar-icon": LocalJSX.CalendarIcon & JSXBase.HTMLAttributes<HTMLCalendarIconElement>;
+            "checkmark-circle-icon": LocalJSX.CheckmarkCircleIcon & JSXBase.HTMLAttributes<HTMLCheckmarkCircleIconElement>;
+            "chevron-icon": LocalJSX.ChevronIcon & JSXBase.HTMLAttributes<HTMLChevronIconElement>;
+            "close-icon": LocalJSX.CloseIcon & JSXBase.HTMLAttributes<HTMLCloseIconElement>;
+            "document-refresh-icon": LocalJSX.DocumentRefreshIcon & JSXBase.HTMLAttributes<HTMLDocumentRefreshIconElement>;
+            "folder-icon": LocalJSX.FolderIcon & JSXBase.HTMLAttributes<HTMLFolderIconElement>;
+            "forward-icon": LocalJSX.ForwardIcon & JSXBase.HTMLAttributes<HTMLForwardIconElement>;
+            "globe-icon": LocalJSX.GlobeIcon & JSXBase.HTMLAttributes<HTMLGlobeIconElement>;
+            "inbox-icon": LocalJSX.InboxIcon & JSXBase.HTMLAttributes<HTMLInboxIconElement>;
+            "italic-icon": LocalJSX.ItalicIcon & JSXBase.HTMLAttributes<HTMLItalicIconElement>;
+            "loading-icon": LocalJSX.LoadingIcon & JSXBase.HTMLAttributes<HTMLLoadingIconElement>;
+            /**
+             * The booked event card component.
+             */
+            "nylas-booked-event-card": LocalJSX.NylasBookedEventCard & JSXBase.HTMLAttributes<HTMLNylasBookedEventCardElement>;
+            /**
+             * The booking form component.
+             */
+            "nylas-booking-form": LocalJSX.NylasBookingForm & JSXBase.HTMLAttributes<HTMLNylasBookingFormElement>;
+            /**
+             * The cancelled event card component.
+             */
+            "nylas-cancelled-event-card": LocalJSX.NylasCancelledEventCard & JSXBase.HTMLAttributes<HTMLNylasCancelledEventCardElement>;
+            "nylas-composer": LocalJSX.NylasComposer & JSXBase.HTMLAttributes<HTMLNylasComposerElement>;
+            /**
+             * The date picker component.
+             */
+            "nylas-date-picker": LocalJSX.NylasDatePicker & JSXBase.HTMLAttributes<HTMLNylasDatePickerElement>;
+            "nylas-if-state": LocalJSX.NylasIfState & JSXBase.HTMLAttributes<HTMLNylasIfStateElement>;
+            "nylas-list-folders": LocalJSX.NylasListFolders & JSXBase.HTMLAttributes<HTMLNylasListFoldersElement>;
+            "nylas-list-threads": LocalJSX.NylasListThreads & JSXBase.HTMLAttributes<HTMLNylasListThreadsElement>;
+            "nylas-locale-switch": LocalJSX.NylasLocaleSwitch & JSXBase.HTMLAttributes<HTMLNylasLocaleSwitchElement>;
+            "nylas-login": LocalJSX.NylasLogin & JSXBase.HTMLAttributes<HTMLNylasLoginElement>;
+            "nylas-logo": LocalJSX.NylasLogo & JSXBase.HTMLAttributes<HTMLNylasLogoElement>;
+            /**
+             * The Nylas Mailbox component.
+             * This component is used as a provider for all other Nylas Mailbox components.
+             * It is responsible for managing the NylasAuth and NylasMailboxConnector instances.
+             * It also manages the state of the NylasAuth and NylasMailboxStore instances.
+             * @example <nylas-mailbox
+             *  auth-config={{
+             *  clientId: 'YOUR_CLIENT_ID',
+             *  }}
+             * default-auth-store-state={{
+             * threadQueryParams: {
+             *  limit: 10,
+             * }}
+             * >
+             *  <nylas-mailbox-thread-list></nylas-mailbox-thread-list>
+             * </nylas-mailbox>
+             */
+            "nylas-mailbox": LocalJSX.NylasMailbox & JSXBase.HTMLAttributes<HTMLNylasMailboxElement>;
+            "nylas-mailbox-pagination": LocalJSX.NylasMailboxPagination & JSXBase.HTMLAttributes<HTMLNylasMailboxPaginationElement>;
+            "nylas-mailbox-toolbar-button": LocalJSX.NylasMailboxToolbarButton & JSXBase.HTMLAttributes<HTMLNylasMailboxToolbarButtonElement>;
+            "nylas-notification": LocalJSX.NylasNotification & JSXBase.HTMLAttributes<HTMLNylasNotificationElement>;
+            "nylas-open-hours-picker": LocalJSX.NylasOpenHoursPicker & JSXBase.HTMLAttributes<HTMLNylasOpenHoursPickerElement>;
+            /**
+             * The Nylas Provider component.
+             * This component is used to manage the Nylas Provider.
+             * It is used to manage the Nylas Auth instance, the Nylas Connector instance,
+             * and the Nylas Store instance.
+             */
+            "nylas-provider": LocalJSX.NylasProvider & JSXBase.HTMLAttributes<HTMLNylasProviderElement>;
+            /**
+             * The Nylas Scheduler component is used to show the Nylas Scheduler UI.
+             */
+            "nylas-scheduler": LocalJSX.NylasScheduler & JSXBase.HTMLAttributes<HTMLNylasSchedulerElement>;
+            /**
+             * The selected event card component.
+             */
+            "nylas-selected-event-card": LocalJSX.NylasSelectedEventCard & JSXBase.HTMLAttributes<HTMLNylasSelectedEventCardElement>;
+            "nylas-summarize-message-button": LocalJSX.NylasSummarizeMessageButton & JSXBase.HTMLAttributes<HTMLNylasSummarizeMessageButtonElement>;
+            "nylas-threads-refresh": LocalJSX.NylasThreadsRefresh & JSXBase.HTMLAttributes<HTMLNylasThreadsRefreshElement>;
+            "nylas-threads-search": LocalJSX.NylasThreadsSearch & JSXBase.HTMLAttributes<HTMLNylasThreadsSearchElement>;
+            /**
+             * The timeslot picker component.
+             */
+            "nylas-timeslot-picker": LocalJSX.NylasTimeslotPicker & JSXBase.HTMLAttributes<HTMLNylasTimeslotPickerElement>;
+            "nylas-view-email": LocalJSX.NylasViewEmail & JSXBase.HTMLAttributes<HTMLNylasViewEmailElement>;
+            "nylas-view-thread": LocalJSX.NylasViewThread & JSXBase.HTMLAttributes<HTMLNylasViewThreadElement>;
+            "people-icon": LocalJSX.PeopleIcon & JSXBase.HTMLAttributes<HTMLPeopleIconElement>;
+            "play-icon": LocalJSX.PlayIcon & JSXBase.HTMLAttributes<HTMLPlayIconElement>;
+            "refresh-icon": LocalJSX.RefreshIcon & JSXBase.HTMLAttributes<HTMLRefreshIconElement>;
+            "reply-all-icon": LocalJSX.ReplyAllIcon & JSXBase.HTMLAttributes<HTMLReplyAllIconElement>;
+            "reply-icon": LocalJSX.ReplyIcon & JSXBase.HTMLAttributes<HTMLReplyIconElement>;
+            "sent-icon": LocalJSX.SentIcon & JSXBase.HTMLAttributes<HTMLSentIconElement>;
+            "spam-icon": LocalJSX.SpamIcon & JSXBase.HTMLAttributes<HTMLSpamIconElement>;
+            "star-icon": LocalJSX.StarIcon & JSXBase.HTMLAttributes<HTMLStarIconElement>;
+            "stop-icon": LocalJSX.StopIcon & JSXBase.HTMLAttributes<HTMLStopIconElement>;
+            "translate-icon": LocalJSX.TranslateIcon & JSXBase.HTMLAttributes<HTMLTranslateIconElement>;
+            "trash-icon": LocalJSX.TrashIcon & JSXBase.HTMLAttributes<HTMLTrashIconElement>;
+            "underline-icon": LocalJSX.UnderlineIcon & JSXBase.HTMLAttributes<HTMLUnderlineIconElement>;
+            "warning-icon": LocalJSX.WarningIcon & JSXBase.HTMLAttributes<HTMLWarningIconElement>;
+        }
+    }
+}