@nylas/web-elements 1.1.0-canary.19.c → 1.1.0-canary.19.e

package/dist/types/components.d.ts

@@ -5,7 +5,7 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { AuthConfig, Calendar, Configuration, Folder, Message, Notification, NylasAuthType, NylasSchedulerBookingData as NylasSchedulerBookingData1, NylasSchedulerErrorResponse, Participant, ThemeConfig, Thread, Timeslot } from "@nylas/core";
+import { AdditionalParticipant, AuthConfig, Calendar, Conference, Configuration, Folder, Message, Notification, NylasAuthType, NylasSchedulerBookingData as NylasSchedulerBookingData1, NylasSchedulerErrorResponse, Participant, ThemeConfig, Thread, Timeslot } from "@nylas/core";
 import { OpenHours } from "./components/scheduler-editor/nylas-availability-picker/nylas-availability-picker";
 import { DataState, InternalAttachment, NylasEvent } from "./common/types";
 import { ConfigSettings, NylasEvent as NylasEvent1, NylasSchedulerBookingData, NylasSchedulerErrorResponse as NylasSchedulerErrorResponse1 } from ".";
@@ -27,7 +27,7 @@ import { NylasSchedulerConfigConnector } from "./connector/nylas-scheduler-confi
 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 { AuthConfig, Calendar, Configuration, Folder, Message, Notification, NylasAuthType, NylasSchedulerBookingData as NylasSchedulerBookingData1, NylasSchedulerErrorResponse, Participant, ThemeConfig, Thread, Timeslot } from "@nylas/core";
+export { AdditionalParticipant, AuthConfig, Calendar, Conference, Configuration, Folder, Message, Notification, NylasAuthType, NylasSchedulerBookingData as NylasSchedulerBookingData1, NylasSchedulerErrorResponse, Participant, ThemeConfig, Thread, Timeslot } from "@nylas/core";
 export { OpenHours } from "./components/scheduler-editor/nylas-availability-picker/nylas-availability-picker";
 export { DataState, InternalAttachment, NylasEvent } from "./common/types";
 export { ConfigSettings, NylasEvent as NylasEvent1, NylasSchedulerBookingData, NylasSchedulerErrorResponse as NylasSchedulerErrorResponse1 } from ".";
@@ -76,6 +76,14 @@ export namespace Components {
         "type": string;
         "variant": ButtonType;
     }
+    interface CalendarAgendaFillIcon {
+        "height": string;
+        "width": string;
+    }
+    interface CalendarAgendaIcon {
+        "height": string;
+        "width": string;
+    }
     interface CalendarCancelIcon {
         "height": string;
         "width": string;
@@ -96,10 +104,27 @@ export namespace Components {
         "height": string;
         "width": string;
     }
+    /**
+     * The `checkbox-component` component is a UI component that allows users to select a checkbox.
+     * This component is used in the scheduling form to input checkbox type inputs.
+     */
     interface CheckboxComponent {
+        /**
+          * The default value of the checkbox. This is the value that is displayed when the checkbox is rendered.
+         */
         "checked": boolean;
+        /**
+          * The label of the checkbox. This is displayed next to the checkbox.
+         */
         "label": string;
+        /**
+          * The name of the checkbox. This is used to identify the checkbox when submitting a form.
+         */
         "name": string;
+        /**
+          * Whether the checkbox is required. If true, the checkbox must be checked when submitting a form. Default is false. If the checkbox is required and not checked, an error message is displayed.
+         */
+        "required": boolean;
     }
     interface CheckmarkCircleIcon {
         "height": string;
@@ -117,10 +142,30 @@ export namespace Components {
         "height": string;
         "width": string;
     }
+    interface CopyIcon {
+        "height": string;
+        "width": string;
+    }
+    interface DeleteIcon {
+        "height": string;
+        "width": string;
+    }
     interface DocumentRefreshIcon {
         "height": string;
         "width": string;
     }
+    interface DragableIcon {
+        "height": string;
+        "width": string;
+    }
+    interface EditIcon {
+        "height": string;
+        "width": string;
+    }
+    interface EyeIcon {
+        "height": string;
+        "width": string;
+    }
     interface FlowIcon {
         "height": string;
         "width": string;
@@ -141,6 +186,10 @@ export namespace Components {
         "height": string;
         "width": string;
     }
+    interface GoogleMeetIcon {
+        "height": string;
+        "width": string;
+    }
     interface InboxIcon {
         "height": string;
         "width": string;
@@ -151,7 +200,7 @@ export namespace Components {
     }
     /**
      * The `input-component` component is a UI component that allows users to input text, email, or phone number values.
-     * This component is used in the scheduling form to input text values.
+     * This component is used in the scheduling form to input text, email and phone number type inputs.
      */
     interface InputComponent {
         /**
@@ -175,7 +224,7 @@ export namespace Components {
          */
         "name": string;
         /**
-          * The pattern to validate the input value. If the value does not match the pattern, an error message is displayed. Default is null. If the pattern is not set, the pattern is determined by the input type for 'email' and 'tel'.
+          * The pattern to validate the input value. If the value does not match the pattern, an error message is displayed. Default is null. If the pattern is not set, the pattern is determined by the input type for 'email' and 'phone_number'.
          */
         "pattern"?: RegExp;
         /**
@@ -195,9 +244,9 @@ export namespace Components {
          */
         "required": boolean;
         /**
-          * The type of the input. This is used to determine the input's behavior. Supported types are 'text', 'email', and 'tel'.
+          * The type of the input. This is used to determine the input's behavior. Supported types are 'text', 'email', and 'phone_number'.
          */
-        "type": 'text' | 'email' | 'tel';
+        "type": 'text' | 'email' | 'phone_number';
     }
     /**
      * The `input-dropdown` component is a dropdown that allows users to input an option and/or select from a list of options.
@@ -248,7 +297,15 @@ export namespace Components {
         "height": string;
         "width": string;
     }
+    interface MicrosoftTeamsIcon {
+        "height": string;
+        "width": string;
+    }
     interface MultiSelectDropdown {
+        /**
+          * Error message to display
+         */
+        "error"?: string;
         /**
           * The label of the dropdown
          */
@@ -268,7 +325,7 @@ export namespace Components {
     interface NylasAdditionalParticipants {
         "eventParticipants"?: Participant[];
         "name": string;
-        "participantOptions"?: Participant[];
+        "participantOptions"?: AdditionalParticipant[];
     }
     /**
      * The `nylas-availability-picker` component is a form input for selecting availability (open hours).
@@ -308,6 +365,10 @@ export namespace Components {
           * The booked event.
          */
         "eventInfo": NylasEvent;
+        /**
+          * The loading state prop. Used to display loading state when fetching availability.
+         */
+        "isLoading"?: boolean;
         /**
           * Booking flow type.
          */
@@ -337,6 +398,10 @@ export namespace Components {
           * The default selected calendar.
          */
         "defaultBookingCalendar": string;
+        /**
+          * The prop to hide the header.
+         */
+        "hideHeader": boolean;
         /**
           * The name of the calendar picker.
          */
@@ -364,6 +429,23 @@ export namespace Components {
          */
         "isLoading"?: boolean;
     }
+    /**
+     * The `nylas-booking-form-config` component is a form input for adding additional fields to the booking form.
+     */
+    interface NylasBookingFormConfig {
+        /**
+          * The additional fields to be displayed on the booking form.
+         */
+        "additonalFields": AdditionalFields[];
+        /**
+          * The name of the booking form config.
+         */
+        "name": string;
+        /**
+          * The selected configuration.
+         */
+        "selectedConfiguration"?: Configuration;
+    }
     /**
      * The `nylas-buffer-time` component is a UI component that allows users to set buffer time before and after an event.
      */
@@ -410,6 +492,10 @@ export namespace Components {
           * The config settings.
          */
         "configSettings"?: ConfigSettings;
+        /**
+          * The selected timeslot.
+         */
+        "selectedTimeslot": Timeslot;
     }
     /**
      * The `nylas-cancellation-policy` component is a form input for the cancellation policy message of an event.
@@ -451,6 +537,27 @@ export namespace Components {
          */
         "viewEmailElement"?: HTMLNylasViewEmailElement | null;
     }
+    /**
+     * The `nylas-connected-calendars` component is a form input for selecting calendars to check availability for participants.
+     */
+    interface NylasConnectedCalendars {
+        /**
+          * The calendars to choose from for the organizer / logged in user.
+         */
+        "calendars"?: Calendar[];
+        /**
+          * The name of the participants custom availability.
+         */
+        "name": string;
+        /**
+          * The participant options passed in the additionalParticipants prop from the nylas-scheduler-editor component.
+         */
+        "participantOptions"?: AdditionalParticipant[];
+        /**
+          * The participants selected in the add participants section.
+         */
+        "participants": Participant[];
+    }
     /**
      * The `nylas-custom-booking-flow` component is a UI component that displays the booking calendar picker.
      */
@@ -475,7 +582,7 @@ export namespace Components {
         /**
           * The default additional guests hidden setting as set in the configuration.
          */
-        "defaultAdditionalGuestsHidden": boolean;
+        "defaultHideAdditionalGuests": boolean;
         /**
           * The default hide cancellation options setting as set in the configuration.
          */
@@ -530,6 +637,10 @@ export namespace Components {
           * The current logged in user.
          */
         "currentUser"?: User;
+        /**
+          * This optional prop is used to hide tabs in the editor. Available tabs are: eventInfo, availability, participants, bookingOptions, bookingForm
+         */
+        "hideEditorTabs"?: string[];
         /**
           * The mode of the editor. - `app`: The editor is used as a standalone app. - `composable`: The editor is used as a composable component.
          */
@@ -612,6 +723,14 @@ export namespace Components {
      * The `nylas-event-location` component is a form input for the location of an event.
      */
     interface NylasEventLocation {
+        /**
+          * The conference providers where the key is the provider name ('zoom') and the value is the grant id. We currently support same provider ('google', 'microsoft') for all participants and 'zoom' for cross-provider conferencing.
+         */
+        "conferenceProviders"?: Record<string, string>;
+        /**
+          * The event conferencing stored in the configuration
+         */
+        "eventConferencing"?: Conference;
         /**
           * The event location stored in the configuration
          */
@@ -624,6 +743,10 @@ export namespace Components {
           * The selected config
          */
         "selectedConfiguration"?: Configuration;
+        /**
+          * The users provider
+         */
+        "userProvider"?: string;
     }
     /**
      * The `nylas-event-title` component is a form input for the title of an event.
@@ -689,6 +812,10 @@ export namespace Components {
          */
         "configurations": Configuration[];
         "getState": () => Promise<"loading" | "error" | "loaded">;
+        /**
+          * The next cursor for list configurations, if any.
+         */
+        "listConfigurationsNextCursor"?: string | null;
         /**
           * The scheduler preview link to use when the user clicks on the preview button. You can use a placeholder `{config.id}` to replace the configuration id anywhere in the link.
          */
@@ -892,6 +1019,31 @@ export namespace Components {
          */
         "ttl": number | 'none';
     }
+    /**
+     * The `nylas-participant-booking-calendars` component is a form input for selecting calendars to check availability for participants.
+     */
+    interface NylasParticipantBookingCalendars {
+        /**
+          * The calendars to choose from for the organizer / logged in user.
+         */
+        "calendars"?: Calendar[];
+        /**
+          * The name of the participants custom availability.
+         */
+        "name": string;
+        /**
+          * The participant options passed in the additionalParticipants prop from the nylas-scheduler-editor component.
+         */
+        "participantOptions"?: AdditionalParticipant[];
+        /**
+          * The participants selected in the add participants section.
+         */
+        "participants": Participant[];
+        /**
+          * The selected config
+         */
+        "selectedConfiguration"?: Configuration;
+    }
     /**
      * The `nylas-participants-custom-availability` component is a form input for setting custom availability for participants.
      */
@@ -904,6 +1056,10 @@ export namespace Components {
           * The participants selected in the add participants section.
          */
         "participants": Participant[];
+        /**
+          * The selected config
+         */
+        "selectedConfiguration"?: Configuration;
     }
     /**
      * The Nylas Provider component.
@@ -963,7 +1119,11 @@ export namespace Components {
         /**
           * This prop is used to populate the additional participants and their availability in the scheduler editor.
          */
-        "additionalParticipants"?: Participant[];
+        "additionalParticipants"?: AdditionalParticipant[];
+        /**
+          * This prop will be used to populate the conference provider options in the editor. The key is the provider name ('zoom') and the value is the grant id. We currently support same provider ('google', 'microsoft') for all participants and 'zoom' for cross-provider conferencing.
+         */
+        "conferenceProviders"?: Record<string, string>;
         /**
           * * The configuration id to use for the scheduler editor. If provided, then the scheduler editor will try and fetch the configuration with the provided id. If found, it will automatically load the editor with the configuration settings for editing.
          */
@@ -980,6 +1140,10 @@ export namespace Components {
           * This provides a way to override the default event handlers.
          */
         "eventOverrides": SchedulerEditorEventOverride;
+        /**
+          * This optional prop is used to hide tabs in the editor. Available tabs are: eventInfo, availability, participants, bookingOptions, bookingForm
+         */
+        "hideEditorTabs"?: string[];
         /**
           * This is used to set the mode for the scheduler config. The mode can be 'app' or 'composable'. The default mode is 'app'.
          */
@@ -1142,7 +1306,7 @@ export namespace Components {
         "time": string;
     }
     /**
-     * The `nylas-timeslot-interval` component is a UI component that allows users to set their time-slot interval preferences.
+     * The `nylas-timeslot-interval` component allows users to set their time slot interval preferences.
      * This component provides an option to set both `interval_minutes` and `round_to` in the configuration.
      */
     interface NylasTimeslotInterval {
@@ -1154,7 +1318,7 @@ export namespace Components {
         /**
           * The event duration in minutes.
          */
-        "eventDurationMinutes": number;
+        "eventDurationMinutes"?: number;
         /**
           * The name of the calendar picker.
          */
@@ -1225,10 +1389,35 @@ export namespace Components {
         "height": string;
         "width": string;
     }
+    interface PlusIcon {
+        "height": string;
+        "width": string;
+    }
+    /**
+     * The `radio-button-group` component is a UI component that allows users to select a single option from a list of options.
+     * This component is used in the scheduling form to input radio button type inputs.
+     */
     interface RadioButtonGroup {
+        /**
+          * The default selected value of the radio group.
+         */
         "defaultSelectedValue": string;
+        /**
+          * The label of the radio group. This is displayed above the radio group. Label is optional. You can also use the slot 'label' to add a label.
+         */
+        "label"?: string;
+        /**
+          * The name of the radio group. This is used to identify the radio group when submitting a form.
+         */
         "name": string;
+        /**
+          * The list of options in the radio group. Each option has a label and a value and an optional description.
+         */
         "options": { label: string; value: string; description?: string }[];
+        /**
+          * Whether the radio group is required. If true, the radio group must have a value when submitting a form. Default is false. If the radio group is required and the value is empty, an error message is displayed.
+         */
+        "required": boolean;
     }
     interface RefreshIcon {
         "height": string;
@@ -1248,12 +1437,17 @@ export namespace Components {
     }
     /**
      * The `select-dropdown` component is a dropdown that allows users to select an option from a list of options.
+     * This component is used in the scheduling form to input dropdown type inputs.
      */
     interface SelectDropdown {
         /**
           * The default selected option
          */
         "defaultSelectedOption"?: DropdownOption;
+        /**
+          * Overrides the select dropdown to be used as a button with dropdownButtonText representing actions &  dropdownText name on the dropdown intead of selected value
+         */
+        "dropdownButtonText"?: string;
         /**
           * The label for the dropdown, skipped if no label is provided
          */
@@ -1274,6 +1468,10 @@ export namespace Components {
           * If true, the dropdown is required for form submission
          */
         "required": boolean;
+        /**
+          * Should show chevron on button
+         */
+        "withChevron": boolean;
         /**
           * Should show search input
          */
@@ -1298,6 +1496,7 @@ export namespace Components {
     /**
      * `textarea-component` allows users to enter multiline text.
      * It is ideal for larger inputs like comments or messages in a form.
+     * This component is used in the scheduling form to input multiline text.
      */
     interface TextareaComponent {
         /**
@@ -1332,6 +1531,10 @@ export namespace Components {
           * Specifies if the textarea is required for form submission. If true, an error message shows if left empty.
          */
         "required": boolean;
+        /**
+          * The type
+         */
+        "type": string;
     }
     interface TimePeriodSelector {
         /**
@@ -1346,10 +1549,21 @@ export namespace Components {
     }
     /**
      * The `toggle-switch` component is a UI component that allows users to toggle a switch.
+     * This component is used in the scheduling form to input toggle switch type inputs.
+     * Use it as a replacement for checkboxes when you want to present a switch in the UI.
      */
     interface ToggleSwitch {
+        /**
+          * The default value of the toggle switch. This is the value that is displayed when the toggle switch is rendered.
+         */
         "checked": boolean;
+        /**
+          * The label of the toggle switch. This is displayed next to the toggle switch.
+         */
         "label": string;
+        /**
+          * The name of the toggle switch. This is used to identify the toggle switch when submitting a form.
+         */
         "name": string;
     }
     /**
@@ -1377,6 +1591,10 @@ export namespace Components {
         "height": string;
         "width": string;
     }
+    interface ZoomIcon {
+        "height": string;
+        "width": string;
+    }
 }
 export interface CheckboxComponentCustomEvent<T> extends CustomEvent<T> {
     detail: T;
@@ -1414,6 +1632,10 @@ export interface NylasBookingFormCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLNylasBookingFormElement;
 }
+export interface NylasBookingFormConfigCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLNylasBookingFormConfigElement;
+}
 export interface NylasBufferTimeCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLNylasBufferTimeElement;
@@ -1438,6 +1660,10 @@ export interface NylasComposerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLNylasComposerElement;
 }
+export interface NylasConnectedCalendarsCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLNylasConnectedCalendarsElement;
+}
 export interface NylasCustomBookingFlowCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLNylasCustomBookingFlowElement;
@@ -1510,6 +1736,10 @@ export interface NylasMinCancellationNoticeCustomEvent<T> extends CustomEvent<T>
     detail: T;
     target: HTMLNylasMinCancellationNoticeElement;
 }
+export interface NylasParticipantBookingCalendarsCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLNylasParticipantBookingCalendarsElement;
+}
 export interface NylasParticipantsCustomAvailabilityCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLNylasParticipantsCustomAvailabilityElement;
@@ -1605,6 +1835,18 @@ declare global {
         prototype: HTMLButtonComponentElement;
         new (): HTMLButtonComponentElement;
     };
+    interface HTMLCalendarAgendaFillIconElement extends Components.CalendarAgendaFillIcon, HTMLStencilElement {
+    }
+    var HTMLCalendarAgendaFillIconElement: {
+        prototype: HTMLCalendarAgendaFillIconElement;
+        new (): HTMLCalendarAgendaFillIconElement;
+    };
+    interface HTMLCalendarAgendaIconElement extends Components.CalendarAgendaIcon, HTMLStencilElement {
+    }
+    var HTMLCalendarAgendaIconElement: {
+        prototype: HTMLCalendarAgendaIconElement;
+        new (): HTMLCalendarAgendaIconElement;
+    };
     interface HTMLCalendarCancelIconElement extends Components.CalendarCancelIcon, HTMLStencilElement {
     }
     var HTMLCalendarCancelIconElement: {
@@ -1642,6 +1884,10 @@ declare global {
     label: string;
   };
     }
+    /**
+     * The `checkbox-component` component is a UI component that allows users to select a checkbox.
+     * This component is used in the scheduling form to input checkbox type inputs.
+     */
     interface HTMLCheckboxComponentElement extends Components.CheckboxComponent, HTMLStencilElement {
         addEventListener<K extends keyof HTMLCheckboxComponentElementEventMap>(type: K, listener: (this: HTMLCheckboxComponentElement, ev: CheckboxComponentCustomEvent<HTMLCheckboxComponentElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
@@ -1680,12 +1926,42 @@ declare global {
         prototype: HTMLCloseIconElement;
         new (): HTMLCloseIconElement;
     };
+    interface HTMLCopyIconElement extends Components.CopyIcon, HTMLStencilElement {
+    }
+    var HTMLCopyIconElement: {
+        prototype: HTMLCopyIconElement;
+        new (): HTMLCopyIconElement;
+    };
+    interface HTMLDeleteIconElement extends Components.DeleteIcon, HTMLStencilElement {
+    }
+    var HTMLDeleteIconElement: {
+        prototype: HTMLDeleteIconElement;
+        new (): HTMLDeleteIconElement;
+    };
     interface HTMLDocumentRefreshIconElement extends Components.DocumentRefreshIcon, HTMLStencilElement {
     }
     var HTMLDocumentRefreshIconElement: {
         prototype: HTMLDocumentRefreshIconElement;
         new (): HTMLDocumentRefreshIconElement;
     };
+    interface HTMLDragableIconElement extends Components.DragableIcon, HTMLStencilElement {
+    }
+    var HTMLDragableIconElement: {
+        prototype: HTMLDragableIconElement;
+        new (): HTMLDragableIconElement;
+    };
+    interface HTMLEditIconElement extends Components.EditIcon, HTMLStencilElement {
+    }
+    var HTMLEditIconElement: {
+        prototype: HTMLEditIconElement;
+        new (): HTMLEditIconElement;
+    };
+    interface HTMLEyeIconElement extends Components.EyeIcon, HTMLStencilElement {
+    }
+    var HTMLEyeIconElement: {
+        prototype: HTMLEyeIconElement;
+        new (): HTMLEyeIconElement;
+    };
     interface HTMLFlowIconElement extends Components.FlowIcon, HTMLStencilElement {
     }
     var HTMLFlowIconElement: {
@@ -1716,6 +1992,12 @@ declare global {
         prototype: HTMLGoogleLogoIconElement;
         new (): HTMLGoogleLogoIconElement;
     };
+    interface HTMLGoogleMeetIconElement extends Components.GoogleMeetIcon, HTMLStencilElement {
+    }
+    var HTMLGoogleMeetIconElement: {
+        prototype: HTMLGoogleMeetIconElement;
+        new (): HTMLGoogleMeetIconElement;
+    };
     interface HTMLInboxIconElement extends Components.InboxIcon, HTMLStencilElement {
     }
     var HTMLInboxIconElement: {
@@ -1739,7 +2021,7 @@ declare global {
     }
     /**
      * The `input-component` component is a UI component that allows users to input text, email, or phone number values.
-     * This component is used in the scheduling form to input text values.
+     * This component is used in the scheduling form to input text, email and phone number type inputs.
      */
     interface HTMLInputComponentElement extends Components.InputComponent, HTMLStencilElement {
         addEventListener<K extends keyof HTMLInputComponentElementEventMap>(type: K, listener: (this: HTMLInputComponentElement, ev: InputComponentCustomEvent<HTMLInputComponentElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -1808,6 +2090,12 @@ declare global {
         prototype: HTMLMicrosoftLogoIconElement;
         new (): HTMLMicrosoftLogoIconElement;
     };
+    interface HTMLMicrosoftTeamsIconElement extends Components.MicrosoftTeamsIcon, HTMLStencilElement {
+    }
+    var HTMLMicrosoftTeamsIconElement: {
+        prototype: HTMLMicrosoftTeamsIconElement;
+        new (): HTMLMicrosoftTeamsIconElement;
+    };
     interface HTMLMultiSelectDropdownElementEventMap {
         "selectedOptionsChanged": {
     value: string[];
@@ -1952,6 +2240,29 @@ declare global {
         prototype: HTMLNylasBookingFormElement;
         new (): HTMLNylasBookingFormElement;
     };
+    interface HTMLNylasBookingFormConfigElementEventMap {
+        "valueChanged": {
+    value: Record<string, AdditionalFields>;
+    name: string;
+  };
+    }
+    /**
+     * The `nylas-booking-form-config` component is a form input for adding additional fields to the booking form.
+     */
+    interface HTMLNylasBookingFormConfigElement extends Components.NylasBookingFormConfig, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLNylasBookingFormConfigElementEventMap>(type: K, listener: (this: HTMLNylasBookingFormConfigElement, ev: NylasBookingFormConfigCustomEvent<HTMLNylasBookingFormConfigElementEventMap[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 HTMLNylasBookingFormConfigElementEventMap>(type: K, listener: (this: HTMLNylasBookingFormConfigElement, ev: NylasBookingFormConfigCustomEvent<HTMLNylasBookingFormConfigElementEventMap[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 HTMLNylasBookingFormConfigElement: {
+        prototype: HTMLNylasBookingFormConfigElement;
+        new (): HTMLNylasBookingFormConfigElement;
+    };
     interface HTMLNylasBufferTimeElementEventMap {
         "valueChanged": {
     value: string;
@@ -2088,6 +2399,29 @@ declare global {
         prototype: HTMLNylasComposerElement;
         new (): HTMLNylasComposerElement;
     };
+    interface HTMLNylasConnectedCalendarsElementEventMap {
+        "valueChanged": {
+    value: string;
+    name: string;
+  };
+    }
+    /**
+     * The `nylas-connected-calendars` component is a form input for selecting calendars to check availability for participants.
+     */
+    interface HTMLNylasConnectedCalendarsElement extends Components.NylasConnectedCalendars, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLNylasConnectedCalendarsElementEventMap>(type: K, listener: (this: HTMLNylasConnectedCalendarsElement, ev: NylasConnectedCalendarsCustomEvent<HTMLNylasConnectedCalendarsElementEventMap[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 HTMLNylasConnectedCalendarsElementEventMap>(type: K, listener: (this: HTMLNylasConnectedCalendarsElement, ev: NylasConnectedCalendarsCustomEvent<HTMLNylasConnectedCalendarsElementEventMap[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 HTMLNylasConnectedCalendarsElement: {
+        prototype: HTMLNylasConnectedCalendarsElement;
+        new (): HTMLNylasConnectedCalendarsElement;
+    };
     interface HTMLNylasCustomBookingFlowElementEventMap {
         "valueChanged": {
     value: string;
@@ -2350,7 +2684,10 @@ declare global {
         new (): HTMLNylasLimitFutureBookingsElement;
     };
     interface HTMLNylasListConfigurationsElementEventMap {
-        "initListConfigurations": HTMLNylasListConfigurationsElement;
+        "initListConfigurations": {
+    host: HTMLNylasListConfigurationsElement;
+    cursor?: string;
+  };
         "createButtonClick": HTMLNylasListConfigurationsElement;
         "editButtonClick": {
     host: HTMLNylasListConfigurationsElement;
@@ -2573,6 +2910,29 @@ declare global {
         prototype: HTMLNylasNotificationElement;
         new (): HTMLNylasNotificationElement;
     };
+    interface HTMLNylasParticipantBookingCalendarsElementEventMap {
+        "valueChanged": {
+    value: string;
+    name: string;
+  };
+    }
+    /**
+     * The `nylas-participant-booking-calendars` component is a form input for selecting calendars to check availability for participants.
+     */
+    interface HTMLNylasParticipantBookingCalendarsElement extends Components.NylasParticipantBookingCalendars, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLNylasParticipantBookingCalendarsElementEventMap>(type: K, listener: (this: HTMLNylasParticipantBookingCalendarsElement, ev: NylasParticipantBookingCalendarsCustomEvent<HTMLNylasParticipantBookingCalendarsElementEventMap[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 HTMLNylasParticipantBookingCalendarsElementEventMap>(type: K, listener: (this: HTMLNylasParticipantBookingCalendarsElement, ev: NylasParticipantBookingCalendarsCustomEvent<HTMLNylasParticipantBookingCalendarsElementEventMap[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 HTMLNylasParticipantBookingCalendarsElement: {
+        prototype: HTMLNylasParticipantBookingCalendarsElement;
+        new (): HTMLNylasParticipantBookingCalendarsElement;
+    };
     interface HTMLNylasParticipantsCustomAvailabilityElementEventMap {
         "valueChanged": {
     value: string;
@@ -2762,7 +3122,7 @@ declare global {
   };
     }
     /**
-     * The `nylas-timeslot-interval` component is a UI component that allows users to set their time-slot interval preferences.
+     * The `nylas-timeslot-interval` component allows users to set their time slot interval preferences.
      * This component provides an option to set both `interval_minutes` and `round_to` in the configuration.
      */
     interface HTMLNylasTimeslotIntervalElement extends Components.NylasTimeslotInterval, HTMLStencilElement {
@@ -2843,12 +3203,23 @@ declare global {
         prototype: HTMLPlayIconElement;
         new (): HTMLPlayIconElement;
     };
+    interface HTMLPlusIconElement extends Components.PlusIcon, HTMLStencilElement {
+    }
+    var HTMLPlusIconElement: {
+        prototype: HTMLPlusIconElement;
+        new (): HTMLPlusIconElement;
+    };
     interface HTMLRadioButtonGroupElementEventMap {
-        "radioSelectionChanged": {
+        "nylasFormRadioChanged": {
     value: string;
     name: string;
+    label?: string;
   };
     }
+    /**
+     * The `radio-button-group` component is a UI component that allows users to select a single option from a list of options.
+     * This component is used in the scheduling form to input radio button type inputs.
+     */
     interface HTMLRadioButtonGroupElement extends Components.RadioButtonGroup, HTMLStencilElement {
         addEventListener<K extends keyof HTMLRadioButtonGroupElementEventMap>(type: K, listener: (this: HTMLRadioButtonGroupElement, ev: RadioButtonGroupCustomEvent<HTMLRadioButtonGroupElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
@@ -2897,6 +3268,7 @@ declare global {
     }
     /**
      * The `select-dropdown` component is a dropdown that allows users to select an option from a list of options.
+     * This component is used in the scheduling form to input dropdown type inputs.
      */
     interface HTMLSelectDropdownElement extends Components.SelectDropdown, HTMLStencilElement {
         addEventListener<K extends keyof HTMLSelectDropdownElementEventMap>(type: K, listener: (this: HTMLSelectDropdownElement, ev: SelectDropdownCustomEvent<HTMLSelectDropdownElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -2937,11 +3309,12 @@ declare global {
         new (): HTMLStopIconElement;
     };
     interface HTMLTextareaComponentElementEventMap {
-        "nylasFormInputChanged": { value: string; name: string; error: string; label: string };
+        "nylasFormInputChanged": { value: string; name: string; error: string; label: string; type: string };
     }
     /**
      * `textarea-component` allows users to enter multiline text.
      * It is ideal for larger inputs like comments or messages in a form.
+     * This component is used in the scheduling form to input multiline text.
      */
     interface HTMLTextareaComponentElement extends Components.TextareaComponent, HTMLStencilElement {
         addEventListener<K extends keyof HTMLTextareaComponentElementEventMap>(type: K, listener: (this: HTMLTextareaComponentElement, ev: TextareaComponentCustomEvent<HTMLTextareaComponentElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -2983,6 +3356,8 @@ declare global {
     }
     /**
      * The `toggle-switch` component is a UI component that allows users to toggle a switch.
+     * This component is used in the scheduling form to input toggle switch type inputs.
+     * Use it as a replacement for checkboxes when you want to present a switch in the UI.
      */
     interface HTMLToggleSwitchElement extends Components.ToggleSwitch, HTMLStencilElement {
         addEventListener<K extends keyof HTMLToggleSwitchElementEventMap>(type: K, listener: (this: HTMLToggleSwitchElement, ev: ToggleSwitchCustomEvent<HTMLToggleSwitchElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -3031,12 +3406,20 @@ declare global {
         prototype: HTMLWarningIconElement;
         new (): HTMLWarningIconElement;
     };
+    interface HTMLZoomIconElement extends Components.ZoomIcon, HTMLStencilElement {
+    }
+    var HTMLZoomIconElement: {
+        prototype: HTMLZoomIconElement;
+        new (): HTMLZoomIconElement;
+    };
     interface HTMLElementTagNameMap {
         "add-circle-icon": HTMLAddCircleIconElement;
         "archive-icon": HTMLArchiveIconElement;
         "arrow-icon": HTMLArrowIconElement;
         "bold-icon": HTMLBoldIconElement;
         "button-component": HTMLButtonComponentElement;
+        "calendar-agenda-fill-icon": HTMLCalendarAgendaFillIconElement;
+        "calendar-agenda-icon": HTMLCalendarAgendaIconElement;
         "calendar-cancel-icon": HTMLCalendarCancelIconElement;
         "calendar-check-icon": HTMLCalendarCheckIconElement;
         "calendar-icon": HTMLCalendarIconElement;
@@ -3047,12 +3430,18 @@ declare global {
         "chevron-icon": HTMLChevronIconElement;
         "clock-icon": HTMLClockIconElement;
         "close-icon": HTMLCloseIconElement;
+        "copy-icon": HTMLCopyIconElement;
+        "delete-icon": HTMLDeleteIconElement;
         "document-refresh-icon": HTMLDocumentRefreshIconElement;
+        "dragable-icon": HTMLDragableIconElement;
+        "edit-icon": HTMLEditIconElement;
+        "eye-icon": HTMLEyeIconElement;
         "flow-icon": HTMLFlowIconElement;
         "folder-icon": HTMLFolderIconElement;
         "forward-icon": HTMLForwardIconElement;
         "globe-icon": HTMLGlobeIconElement;
         "google-logo-icon": HTMLGoogleLogoIconElement;
+        "google-meet-icon": HTMLGoogleMeetIconElement;
         "inbox-icon": HTMLInboxIconElement;
         "info-icon": HTMLInfoIconElement;
         "input-component": HTMLInputComponentElement;
@@ -3062,18 +3451,21 @@ declare global {
         "location-icon": HTMLLocationIconElement;
         "location-off-icon": HTMLLocationOffIconElement;
         "microsoft-logo-icon": HTMLMicrosoftLogoIconElement;
+        "microsoft-teams-icon": HTMLMicrosoftTeamsIconElement;
         "multi-select-dropdown": HTMLMultiSelectDropdownElement;
         "nylas-additional-participants": HTMLNylasAdditionalParticipantsElement;
         "nylas-availability-picker": HTMLNylasAvailabilityPickerElement;
         "nylas-booked-event-card": HTMLNylasBookedEventCardElement;
         "nylas-booking-calendar-picker": HTMLNylasBookingCalendarPickerElement;
         "nylas-booking-form": HTMLNylasBookingFormElement;
+        "nylas-booking-form-config": HTMLNylasBookingFormConfigElement;
         "nylas-buffer-time": HTMLNylasBufferTimeElement;
         "nylas-calendar-picker": HTMLNylasCalendarPickerElement;
         "nylas-cancel-booking-form": HTMLNylasCancelBookingFormElement;
         "nylas-cancellation-policy": HTMLNylasCancellationPolicyElement;
         "nylas-cancelled-event-card": HTMLNylasCancelledEventCardElement;
         "nylas-composer": HTMLNylasComposerElement;
+        "nylas-connected-calendars": HTMLNylasConnectedCalendarsElement;
         "nylas-custom-booking-flow": HTMLNylasCustomBookingFlowElement;
         "nylas-customize-booking-settings": HTMLNylasCustomizeBookingSettingsElement;
         "nylas-date-picker": HTMLNylasDatePickerElement;
@@ -3099,6 +3491,7 @@ declare global {
         "nylas-min-booking-notice": HTMLNylasMinBookingNoticeElement;
         "nylas-min-cancellation-notice": HTMLNylasMinCancellationNoticeElement;
         "nylas-notification": HTMLNylasNotificationElement;
+        "nylas-participant-booking-calendars": HTMLNylasParticipantBookingCalendarsElement;
         "nylas-participants-custom-availability": HTMLNylasParticipantsCustomAvailabilityElement;
         "nylas-provider": HTMLNylasProviderElement;
         "nylas-scheduler-editor": HTMLNylasSchedulerEditorElement;
@@ -3115,6 +3508,7 @@ declare global {
         "people-icon": HTMLPeopleIconElement;
         "person-icon": HTMLPersonIconElement;
         "play-icon": HTMLPlayIconElement;
+        "plus-icon": HTMLPlusIconElement;
         "radio-button-group": HTMLRadioButtonGroupElement;
         "refresh-icon": HTMLRefreshIconElement;
         "reply-all-icon": HTMLReplyAllIconElement;
@@ -3133,6 +3527,7 @@ declare global {
         "trash-icon": HTMLTrashIconElement;
         "underline-icon": HTMLUnderlineIconElement;
         "warning-icon": HTMLWarningIconElement;
+        "zoom-icon": HTMLZoomIconElement;
     }
 }
 declare namespace LocalJSX {
@@ -3162,6 +3557,14 @@ declare namespace LocalJSX {
         "type"?: string;
         "variant"?: ButtonType;
     }
+    interface CalendarAgendaFillIcon {
+        "height"?: string;
+        "width"?: string;
+    }
+    interface CalendarAgendaIcon {
+        "height"?: string;
+        "width"?: string;
+    }
     interface CalendarCancelIcon {
         "height"?: string;
         "width"?: string;
@@ -3182,15 +3585,35 @@ declare namespace LocalJSX {
         "height"?: string;
         "width"?: string;
     }
+    /**
+     * The `checkbox-component` component is a UI component that allows users to select a checkbox.
+     * This component is used in the scheduling form to input checkbox type inputs.
+     */
     interface CheckboxComponent {
+        /**
+          * The default value of the checkbox. This is the value that is displayed when the checkbox is rendered.
+         */
         "checked"?: boolean;
+        /**
+          * The label of the checkbox. This is displayed next to the checkbox.
+         */
         "label"?: string;
+        /**
+          * The name of the checkbox. This is used to identify the checkbox when submitting a form.
+         */
         "name"?: string;
+        /**
+          * This event is fired when the checkbox is toggled.
+         */
         "onNylasFormCheckboxToggled"?: (event: CheckboxComponentCustomEvent<{
     checked: boolean;
     name: string;
     label: string;
   }>) => void;
+        /**
+          * Whether the checkbox is required. If true, the checkbox must be checked when submitting a form. Default is false. If the checkbox is required and not checked, an error message is displayed.
+         */
+        "required"?: boolean;
     }
     interface CheckmarkCircleIcon {
         "height"?: string;
@@ -3208,10 +3631,30 @@ declare namespace LocalJSX {
         "height"?: string;
         "width"?: string;
     }
+    interface CopyIcon {
+        "height"?: string;
+        "width"?: string;
+    }
+    interface DeleteIcon {
+        "height"?: string;
+        "width"?: string;
+    }
     interface DocumentRefreshIcon {
         "height"?: string;
         "width"?: string;
     }
+    interface DragableIcon {
+        "height"?: string;
+        "width"?: string;
+    }
+    interface EditIcon {
+        "height"?: string;
+        "width"?: string;
+    }
+    interface EyeIcon {
+        "height"?: string;
+        "width"?: string;
+    }
     interface FlowIcon {
         "height"?: string;
         "width"?: string;
@@ -3232,6 +3675,10 @@ declare namespace LocalJSX {
         "height"?: string;
         "width"?: string;
     }
+    interface GoogleMeetIcon {
+        "height"?: string;
+        "width"?: string;
+    }
     interface InboxIcon {
         "height"?: string;
         "width"?: string;
@@ -3242,7 +3689,7 @@ declare namespace LocalJSX {
     }
     /**
      * The `input-component` component is a UI component that allows users to input text, email, or phone number values.
-     * This component is used in the scheduling form to input text values.
+     * This component is used in the scheduling form to input text, email and phone number type inputs.
      */
     interface InputComponent {
         /**
@@ -3276,7 +3723,7 @@ declare namespace LocalJSX {
     error: string;
   }>) => void;
         /**
-          * The pattern to validate the input value. If the value does not match the pattern, an error message is displayed. Default is null. If the pattern is not set, the pattern is determined by the input type for 'email' and 'tel'.
+          * The pattern to validate the input value. If the value does not match the pattern, an error message is displayed. Default is null. If the pattern is not set, the pattern is determined by the input type for 'email' and 'phone_number'.
          */
         "pattern"?: RegExp;
         /**
@@ -3296,9 +3743,9 @@ declare namespace LocalJSX {
          */
         "required"?: boolean;
         /**
-          * The type of the input. This is used to determine the input's behavior. Supported types are 'text', 'email', and 'tel'.
+          * The type of the input. This is used to determine the input's behavior. Supported types are 'text', 'email', and 'phone_number'.
          */
-        "type"?: 'text' | 'email' | 'tel';
+        "type"?: 'text' | 'email' | 'phone_number';
     }
     /**
      * The `input-dropdown` component is a dropdown that allows users to input an option and/or select from a list of options.
@@ -3356,7 +3803,15 @@ declare namespace LocalJSX {
         "height"?: string;
         "width"?: string;
     }
+    interface MicrosoftTeamsIcon {
+        "height"?: string;
+        "width"?: string;
+    }
     interface MultiSelectDropdown {
+        /**
+          * Error message to display
+         */
+        "error"?: string;
         /**
           * The label of the dropdown
          */
@@ -3390,7 +3845,7 @@ declare namespace LocalJSX {
     value: string;
     name: string;
   }>) => void;
-        "participantOptions"?: Participant[];
+        "participantOptions"?: AdditionalParticipant[];
     }
     /**
      * The `nylas-availability-picker` component is a form input for selecting availability (open hours).
@@ -3406,7 +3861,7 @@ declare namespace LocalJSX {
          */
         "name"?: string;
         /**
-          * This event is fired when the selected availability / open hours change. The value is a stringified JSON object with the open hours and timezone. Ex: {   openHours: OpenHours[];   timezone: string; };
+          * This event is fired when the selected availability / open hours change. The value is a stringified JSON object with the open hours and timezone. ``` {  openHours: OpenHours[],  timezone: string } ```
          */
         "onValueChanged"?: (event: NylasAvailabilityPickerCustomEvent<{
     value: string;
@@ -3437,6 +3892,10 @@ declare namespace LocalJSX {
           * The booked event.
          */
         "eventInfo": NylasEvent;
+        /**
+          * The loading state prop. Used to display loading state when fetching availability.
+         */
+        "isLoading"?: boolean;
         /**
           * This event is fired when an error occurs while cancelling the booking.
          */
@@ -3487,6 +3946,10 @@ declare namespace LocalJSX {
           * The default selected calendar.
          */
         "defaultBookingCalendar"?: string;
+        /**
+          * The prop to hide the header.
+         */
+        "hideHeader"?: boolean;
         /**
           * The name of the calendar picker.
          */
@@ -3546,6 +4009,30 @@ declare namespace LocalJSX {
          */
         "onNameChanged"?: (event: NylasBookingFormCustomEvent<string>) => void;
     }
+    /**
+     * The `nylas-booking-form-config` component is a form input for adding additional fields to the booking form.
+     */
+    interface NylasBookingFormConfig {
+        /**
+          * The additional fields to be displayed on the booking form.
+         */
+        "additonalFields"?: AdditionalFields[];
+        /**
+          * The name of the booking form config.
+         */
+        "name"?: string;
+        /**
+          * This event is fired when the selected availability / open hours change.
+         */
+        "onValueChanged"?: (event: NylasBookingFormConfigCustomEvent<{
+    value: Record<string, AdditionalFields>;
+    name: string;
+  }>) => void;
+        /**
+          * The selected configuration.
+         */
+        "selectedConfiguration"?: Configuration;
+    }
     /**
      * The `nylas-buffer-time` component is a UI component that allows users to set buffer time before and after an event.
      */
@@ -3624,6 +4111,10 @@ declare namespace LocalJSX {
           * This event is fired when the Go back button is clicked on the cancel booking form.
          */
         "onGoBackButtonClicked"?: (event: NylasCancelBookingFormCustomEvent<void>) => void;
+        /**
+          * The selected timeslot.
+         */
+        "selectedTimeslot": Timeslot;
     }
     /**
      * The `nylas-cancellation-policy` component is a form input for the cancellation policy message of an event.
@@ -3691,6 +4182,34 @@ declare namespace LocalJSX {
          */
         "viewEmailElement"?: HTMLNylasViewEmailElement | null;
     }
+    /**
+     * The `nylas-connected-calendars` component is a form input for selecting calendars to check availability for participants.
+     */
+    interface NylasConnectedCalendars {
+        /**
+          * The calendars to choose from for the organizer / logged in user.
+         */
+        "calendars"?: Calendar[];
+        /**
+          * The name of the participants custom availability.
+         */
+        "name"?: string;
+        /**
+          * This event is fired when the participants custom availability changes.
+         */
+        "onValueChanged"?: (event: NylasConnectedCalendarsCustomEvent<{
+    value: string;
+    name: string;
+  }>) => void;
+        /**
+          * The participant options passed in the additionalParticipants prop from the nylas-scheduler-editor component.
+         */
+        "participantOptions"?: AdditionalParticipant[];
+        /**
+          * The participants selected in the add participants section.
+         */
+        "participants": Participant[];
+    }
     /**
      * The `nylas-custom-booking-flow` component is a UI component that displays the booking calendar picker.
      */
@@ -3723,7 +4242,7 @@ declare namespace LocalJSX {
         /**
           * The default additional guests hidden setting as set in the configuration.
          */
-        "defaultAdditionalGuestsHidden"?: boolean;
+        "defaultHideAdditionalGuests"?: boolean;
         /**
           * The default hide cancellation options setting as set in the configuration.
          */
@@ -3794,6 +4313,10 @@ declare namespace LocalJSX {
           * The current logged in user.
          */
         "currentUser"?: User;
+        /**
+          * This optional prop is used to hide tabs in the editor. Available tabs are: eventInfo, availability, participants, bookingOptions, bookingForm
+         */
+        "hideEditorTabs"?: string[];
         /**
           * The mode of the editor. - `app`: The editor is used as a standalone app. - `composable`: The editor is used as a composable component.
          */
@@ -3906,6 +4429,14 @@ declare namespace LocalJSX {
      * The `nylas-event-location` component is a form input for the location of an event.
      */
     interface NylasEventLocation {
+        /**
+          * The conference providers where the key is the provider name ('zoom') and the value is the grant id. We currently support same provider ('google', 'microsoft') for all participants and 'zoom' for cross-provider conferencing.
+         */
+        "conferenceProviders"?: Record<string, string>;
+        /**
+          * The event conferencing stored in the configuration
+         */
+        "eventConferencing"?: Conference;
         /**
           * The event location stored in the configuration
          */
@@ -3925,6 +4456,10 @@ declare namespace LocalJSX {
           * The selected config
          */
         "selectedConfiguration"?: Configuration;
+        /**
+          * The users provider
+         */
+        "userProvider"?: string;
     }
     /**
      * The `nylas-event-title` component is a form input for the title of an event.
@@ -4003,6 +4538,10 @@ declare namespace LocalJSX {
           * The list of configurations to display.
          */
         "configurations"?: Configuration[];
+        /**
+          * The next cursor for list configurations, if any.
+         */
+        "listConfigurationsNextCursor"?: string | null;
         /**
           * Event emitted when the user clicks the create event button.
          */
@@ -4024,7 +4563,10 @@ declare namespace LocalJSX {
         /**
           * Event emitted when the component is initialized.
          */
-        "onInitListConfigurations"?: (event: NylasListConfigurationsCustomEvent<HTMLNylasListConfigurationsElement>) => void;
+        "onInitListConfigurations"?: (event: NylasListConfigurationsCustomEvent<{
+    host: HTMLNylasListConfigurationsElement;
+    cursor?: string;
+  }>) => void;
         /**
           * The scheduler preview link to use when the user clicks on the preview button. You can use a placeholder `{config.id}` to replace the configuration id anywhere in the link.
          */
@@ -4243,6 +4785,38 @@ declare namespace LocalJSX {
          */
         "ttl"?: number | 'none';
     }
+    /**
+     * The `nylas-participant-booking-calendars` component is a form input for selecting calendars to check availability for participants.
+     */
+    interface NylasParticipantBookingCalendars {
+        /**
+          * The calendars to choose from for the organizer / logged in user.
+         */
+        "calendars"?: Calendar[];
+        /**
+          * The name of the participants custom availability.
+         */
+        "name"?: string;
+        /**
+          * This event is fired when the participants custom availability changes.
+         */
+        "onValueChanged"?: (event: NylasParticipantBookingCalendarsCustomEvent<{
+    value: string;
+    name: string;
+  }>) => void;
+        /**
+          * The participant options passed in the additionalParticipants prop from the nylas-scheduler-editor component.
+         */
+        "participantOptions"?: AdditionalParticipant[];
+        /**
+          * The participants selected in the add participants section.
+         */
+        "participants": Participant[];
+        /**
+          * The selected config
+         */
+        "selectedConfiguration"?: Configuration;
+    }
     /**
      * The `nylas-participants-custom-availability` component is a form input for setting custom availability for participants.
      */
@@ -4262,6 +4836,10 @@ declare namespace LocalJSX {
           * The participants selected in the add participants section.
          */
         "participants": Participant[];
+        /**
+          * The selected config
+         */
+        "selectedConfiguration"?: Configuration;
     }
     /**
      * The Nylas Provider component.
@@ -4303,7 +4881,11 @@ declare namespace LocalJSX {
         /**
           * This prop is used to populate the additional participants and their availability in the scheduler editor.
          */
-        "additionalParticipants"?: Participant[];
+        "additionalParticipants"?: AdditionalParticipant[];
+        /**
+          * This prop will be used to populate the conference provider options in the editor. The key is the provider name ('zoom') and the value is the grant id. We currently support same provider ('google', 'microsoft') for all participants and 'zoom' for cross-provider conferencing.
+         */
+        "conferenceProviders"?: Record<string, string>;
         /**
           * * The configuration id to use for the scheduler editor. If provided, then the scheduler editor will try and fetch the configuration with the provided id. If found, it will automatically load the editor with the configuration settings for editing.
          */
@@ -4320,6 +4902,10 @@ declare namespace LocalJSX {
           * This provides a way to override the default event handlers.
          */
         "eventOverrides"?: SchedulerEditorEventOverride;
+        /**
+          * This optional prop is used to hide tabs in the editor. Available tabs are: eventInfo, availability, participants, bookingOptions, bookingForm
+         */
+        "hideEditorTabs"?: string[];
         /**
           * This is used to set the mode for the scheduler config. The mode can be 'app' or 'composable'. The default mode is 'app'.
          */
@@ -4504,7 +5090,7 @@ declare namespace LocalJSX {
         "time": string;
     }
     /**
-     * The `nylas-timeslot-interval` component is a UI component that allows users to set their time-slot interval preferences.
+     * The `nylas-timeslot-interval` component allows users to set their time slot interval preferences.
      * This component provides an option to set both `interval_minutes` and `round_to` in the configuration.
      */
     interface NylasTimeslotInterval {
@@ -4614,17 +5200,43 @@ declare namespace LocalJSX {
         "height"?: string;
         "width"?: string;
     }
+    interface PlusIcon {
+        "height"?: string;
+        "width"?: string;
+    }
+    /**
+     * The `radio-button-group` component is a UI component that allows users to select a single option from a list of options.
+     * This component is used in the scheduling form to input radio button type inputs.
+     */
     interface RadioButtonGroup {
+        /**
+          * The default selected value of the radio group.
+         */
         "defaultSelectedValue"?: string;
+        /**
+          * The label of the radio group. This is displayed above the radio group. Label is optional. You can also use the slot 'label' to add a label.
+         */
+        "label"?: string;
+        /**
+          * The name of the radio group. This is used to identify the radio group when submitting a form.
+         */
         "name"?: string;
         /**
           * This event is fired when the selected value changes.
          */
-        "onRadioSelectionChanged"?: (event: RadioButtonGroupCustomEvent<{
+        "onNylasFormRadioChanged"?: (event: RadioButtonGroupCustomEvent<{
     value: string;
     name: string;
+    label?: string;
   }>) => void;
+        /**
+          * The list of options in the radio group. Each option has a label and a value and an optional description.
+         */
         "options"?: { label: string; value: string; description?: string }[];
+        /**
+          * Whether the radio group is required. If true, the radio group must have a value when submitting a form. Default is false. If the radio group is required and the value is empty, an error message is displayed.
+         */
+        "required"?: boolean;
     }
     interface RefreshIcon {
         "height"?: string;
@@ -4644,12 +5256,17 @@ declare namespace LocalJSX {
     }
     /**
      * The `select-dropdown` component is a dropdown that allows users to select an option from a list of options.
+     * This component is used in the scheduling form to input dropdown type inputs.
      */
     interface SelectDropdown {
         /**
           * The default selected option
          */
         "defaultSelectedOption"?: DropdownOption;
+        /**
+          * Overrides the select dropdown to be used as a button with dropdownButtonText representing actions &  dropdownText name on the dropdown intead of selected value
+         */
+        "dropdownButtonText"?: string;
         /**
           * The label for the dropdown, skipped if no label is provided
          */
@@ -4679,6 +5296,10 @@ declare namespace LocalJSX {
           * If true, the dropdown is required for form submission
          */
         "required"?: boolean;
+        /**
+          * Should show chevron on button
+         */
+        "withChevron"?: boolean;
         /**
           * Should show search input
          */
@@ -4703,6 +5324,7 @@ declare namespace LocalJSX {
     /**
      * `textarea-component` allows users to enter multiline text.
      * It is ideal for larger inputs like comments or messages in a form.
+     * This component is used in the scheduling form to input multiline text.
      */
     interface TextareaComponent {
         /**
@@ -4728,7 +5350,7 @@ declare namespace LocalJSX {
         /**
           * Event emitted when the value of the textarea changes. Useful for parent components to capture user input.
          */
-        "onNylasFormInputChanged"?: (event: TextareaComponentCustomEvent<{ value: string; name: string; error: string; label: string }>) => void;
+        "onNylasFormInputChanged"?: (event: TextareaComponentCustomEvent<{ value: string; name: string; error: string; label: string; type: string }>) => void;
         /**
           * Placeholder text shown in the textarea when it is empty.
          */
@@ -4741,6 +5363,10 @@ declare namespace LocalJSX {
           * Specifies if the textarea is required for form submission. If true, an error message shows if left empty.
          */
         "required"?: boolean;
+        /**
+          * The type
+         */
+        "type"?: string;
     }
     interface TimePeriodSelector {
         /**
@@ -4756,11 +5382,25 @@ declare namespace LocalJSX {
     }
     /**
      * The `toggle-switch` component is a UI component that allows users to toggle a switch.
+     * This component is used in the scheduling form to input toggle switch type inputs.
+     * Use it as a replacement for checkboxes when you want to present a switch in the UI.
      */
     interface ToggleSwitch {
+        /**
+          * The default value of the toggle switch. This is the value that is displayed when the toggle switch is rendered.
+         */
         "checked"?: boolean;
+        /**
+          * The label of the toggle switch. This is displayed next to the toggle switch.
+         */
         "label"?: string;
+        /**
+          * The name of the toggle switch. This is used to identify the toggle switch when submitting a form.
+         */
         "name"?: string;
+        /**
+          * This event is fired when the toggle switch is toggled.
+         */
         "onNylasFormSwitchToggled"?: (event: ToggleSwitchCustomEvent<{
     checked: boolean;
     name: string;
@@ -4792,12 +5432,18 @@ declare namespace LocalJSX {
         "height"?: string;
         "width"?: string;
     }
+    interface ZoomIcon {
+        "height"?: string;
+        "width"?: string;
+    }
     interface IntrinsicElements {
         "add-circle-icon": AddCircleIcon;
         "archive-icon": ArchiveIcon;
         "arrow-icon": ArrowIcon;
         "bold-icon": BoldIcon;
         "button-component": ButtonComponent;
+        "calendar-agenda-fill-icon": CalendarAgendaFillIcon;
+        "calendar-agenda-icon": CalendarAgendaIcon;
         "calendar-cancel-icon": CalendarCancelIcon;
         "calendar-check-icon": CalendarCheckIcon;
         "calendar-icon": CalendarIcon;
@@ -4808,12 +5454,18 @@ declare namespace LocalJSX {
         "chevron-icon": ChevronIcon;
         "clock-icon": ClockIcon;
         "close-icon": CloseIcon;
+        "copy-icon": CopyIcon;
+        "delete-icon": DeleteIcon;
         "document-refresh-icon": DocumentRefreshIcon;
+        "dragable-icon": DragableIcon;
+        "edit-icon": EditIcon;
+        "eye-icon": EyeIcon;
         "flow-icon": FlowIcon;
         "folder-icon": FolderIcon;
         "forward-icon": ForwardIcon;
         "globe-icon": GlobeIcon;
         "google-logo-icon": GoogleLogoIcon;
+        "google-meet-icon": GoogleMeetIcon;
         "inbox-icon": InboxIcon;
         "info-icon": InfoIcon;
         "input-component": InputComponent;
@@ -4823,18 +5475,21 @@ declare namespace LocalJSX {
         "location-icon": LocationIcon;
         "location-off-icon": LocationOffIcon;
         "microsoft-logo-icon": MicrosoftLogoIcon;
+        "microsoft-teams-icon": MicrosoftTeamsIcon;
         "multi-select-dropdown": MultiSelectDropdown;
         "nylas-additional-participants": NylasAdditionalParticipants;
         "nylas-availability-picker": NylasAvailabilityPicker;
         "nylas-booked-event-card": NylasBookedEventCard;
         "nylas-booking-calendar-picker": NylasBookingCalendarPicker;
         "nylas-booking-form": NylasBookingForm;
+        "nylas-booking-form-config": NylasBookingFormConfig;
         "nylas-buffer-time": NylasBufferTime;
         "nylas-calendar-picker": NylasCalendarPicker;
         "nylas-cancel-booking-form": NylasCancelBookingForm;
         "nylas-cancellation-policy": NylasCancellationPolicy;
         "nylas-cancelled-event-card": NylasCancelledEventCard;
         "nylas-composer": NylasComposer;
+        "nylas-connected-calendars": NylasConnectedCalendars;
         "nylas-custom-booking-flow": NylasCustomBookingFlow;
         "nylas-customize-booking-settings": NylasCustomizeBookingSettings;
         "nylas-date-picker": NylasDatePicker;
@@ -4860,6 +5515,7 @@ declare namespace LocalJSX {
         "nylas-min-booking-notice": NylasMinBookingNotice;
         "nylas-min-cancellation-notice": NylasMinCancellationNotice;
         "nylas-notification": NylasNotification;
+        "nylas-participant-booking-calendars": NylasParticipantBookingCalendars;
         "nylas-participants-custom-availability": NylasParticipantsCustomAvailability;
         "nylas-provider": NylasProvider;
         "nylas-scheduler-editor": NylasSchedulerEditor;
@@ -4876,6 +5532,7 @@ declare namespace LocalJSX {
         "people-icon": PeopleIcon;
         "person-icon": PersonIcon;
         "play-icon": PlayIcon;
+        "plus-icon": PlusIcon;
         "radio-button-group": RadioButtonGroup;
         "refresh-icon": RefreshIcon;
         "reply-all-icon": ReplyAllIcon;
@@ -4894,6 +5551,7 @@ declare namespace LocalJSX {
         "trash-icon": TrashIcon;
         "underline-icon": UnderlineIcon;
         "warning-icon": WarningIcon;
+        "zoom-icon": ZoomIcon;
     }
 }
 export { LocalJSX as JSX };
@@ -4905,27 +5563,39 @@ declare module "@stencil/core" {
             "arrow-icon": LocalJSX.ArrowIcon & JSXBase.HTMLAttributes<HTMLArrowIconElement>;
             "bold-icon": LocalJSX.BoldIcon & JSXBase.HTMLAttributes<HTMLBoldIconElement>;
             "button-component": LocalJSX.ButtonComponent & JSXBase.HTMLAttributes<HTMLButtonComponentElement>;
+            "calendar-agenda-fill-icon": LocalJSX.CalendarAgendaFillIcon & JSXBase.HTMLAttributes<HTMLCalendarAgendaFillIconElement>;
+            "calendar-agenda-icon": LocalJSX.CalendarAgendaIcon & JSXBase.HTMLAttributes<HTMLCalendarAgendaIconElement>;
             "calendar-cancel-icon": LocalJSX.CalendarCancelIcon & JSXBase.HTMLAttributes<HTMLCalendarCancelIconElement>;
             "calendar-check-icon": LocalJSX.CalendarCheckIcon & JSXBase.HTMLAttributes<HTMLCalendarCheckIconElement>;
             "calendar-icon": LocalJSX.CalendarIcon & JSXBase.HTMLAttributes<HTMLCalendarIconElement>;
             "calendar-info-icon": LocalJSX.CalendarInfoIcon & JSXBase.HTMLAttributes<HTMLCalendarInfoIconElement>;
             "calendar-patterns-icon": LocalJSX.CalendarPatternsIcon & JSXBase.HTMLAttributes<HTMLCalendarPatternsIconElement>;
+            /**
+             * The `checkbox-component` component is a UI component that allows users to select a checkbox.
+             * This component is used in the scheduling form to input checkbox type inputs.
+             */
             "checkbox-component": LocalJSX.CheckboxComponent & JSXBase.HTMLAttributes<HTMLCheckboxComponentElement>;
             "checkmark-circle-icon": LocalJSX.CheckmarkCircleIcon & JSXBase.HTMLAttributes<HTMLCheckmarkCircleIconElement>;
             "chevron-icon": LocalJSX.ChevronIcon & JSXBase.HTMLAttributes<HTMLChevronIconElement>;
             "clock-icon": LocalJSX.ClockIcon & JSXBase.HTMLAttributes<HTMLClockIconElement>;
             "close-icon": LocalJSX.CloseIcon & JSXBase.HTMLAttributes<HTMLCloseIconElement>;
+            "copy-icon": LocalJSX.CopyIcon & JSXBase.HTMLAttributes<HTMLCopyIconElement>;
+            "delete-icon": LocalJSX.DeleteIcon & JSXBase.HTMLAttributes<HTMLDeleteIconElement>;
             "document-refresh-icon": LocalJSX.DocumentRefreshIcon & JSXBase.HTMLAttributes<HTMLDocumentRefreshIconElement>;
+            "dragable-icon": LocalJSX.DragableIcon & JSXBase.HTMLAttributes<HTMLDragableIconElement>;
+            "edit-icon": LocalJSX.EditIcon & JSXBase.HTMLAttributes<HTMLEditIconElement>;
+            "eye-icon": LocalJSX.EyeIcon & JSXBase.HTMLAttributes<HTMLEyeIconElement>;
             "flow-icon": LocalJSX.FlowIcon & JSXBase.HTMLAttributes<HTMLFlowIconElement>;
             "folder-icon": LocalJSX.FolderIcon & JSXBase.HTMLAttributes<HTMLFolderIconElement>;
             "forward-icon": LocalJSX.ForwardIcon & JSXBase.HTMLAttributes<HTMLForwardIconElement>;
             "globe-icon": LocalJSX.GlobeIcon & JSXBase.HTMLAttributes<HTMLGlobeIconElement>;
             "google-logo-icon": LocalJSX.GoogleLogoIcon & JSXBase.HTMLAttributes<HTMLGoogleLogoIconElement>;
+            "google-meet-icon": LocalJSX.GoogleMeetIcon & JSXBase.HTMLAttributes<HTMLGoogleMeetIconElement>;
             "inbox-icon": LocalJSX.InboxIcon & JSXBase.HTMLAttributes<HTMLInboxIconElement>;
             "info-icon": LocalJSX.InfoIcon & JSXBase.HTMLAttributes<HTMLInfoIconElement>;
             /**
              * The `input-component` component is a UI component that allows users to input text, email, or phone number values.
-             * This component is used in the scheduling form to input text values.
+             * This component is used in the scheduling form to input text, email and phone number type inputs.
              */
             "input-component": LocalJSX.InputComponent & JSXBase.HTMLAttributes<HTMLInputComponentElement>;
             /**
@@ -4937,6 +5607,7 @@ declare module "@stencil/core" {
             "location-icon": LocalJSX.LocationIcon & JSXBase.HTMLAttributes<HTMLLocationIconElement>;
             "location-off-icon": LocalJSX.LocationOffIcon & JSXBase.HTMLAttributes<HTMLLocationOffIconElement>;
             "microsoft-logo-icon": LocalJSX.MicrosoftLogoIcon & JSXBase.HTMLAttributes<HTMLMicrosoftLogoIconElement>;
+            "microsoft-teams-icon": LocalJSX.MicrosoftTeamsIcon & JSXBase.HTMLAttributes<HTMLMicrosoftTeamsIconElement>;
             "multi-select-dropdown": LocalJSX.MultiSelectDropdown & JSXBase.HTMLAttributes<HTMLMultiSelectDropdownElement>;
             /**
              * The `nylas-additional-participants` component is a form input for adding additional participants to an event.
@@ -4959,6 +5630,10 @@ declare module "@stencil/core" {
              * The booking form component.
              */
             "nylas-booking-form": LocalJSX.NylasBookingForm & JSXBase.HTMLAttributes<HTMLNylasBookingFormElement>;
+            /**
+             * The `nylas-booking-form-config` component is a form input for adding additional fields to the booking form.
+             */
+            "nylas-booking-form-config": LocalJSX.NylasBookingFormConfig & JSXBase.HTMLAttributes<HTMLNylasBookingFormConfigElement>;
             /**
              * The `nylas-buffer-time` component is a UI component that allows users to set buffer time before and after an event.
              */
@@ -4980,6 +5655,10 @@ declare module "@stencil/core" {
              */
             "nylas-cancelled-event-card": LocalJSX.NylasCancelledEventCard & JSXBase.HTMLAttributes<HTMLNylasCancelledEventCardElement>;
             "nylas-composer": LocalJSX.NylasComposer & JSXBase.HTMLAttributes<HTMLNylasComposerElement>;
+            /**
+             * The `nylas-connected-calendars` component is a form input for selecting calendars to check availability for participants.
+             */
+            "nylas-connected-calendars": LocalJSX.NylasConnectedCalendars & JSXBase.HTMLAttributes<HTMLNylasConnectedCalendarsElement>;
             /**
              * The `nylas-custom-booking-flow` component is a UI component that displays the booking calendar picker.
              */
@@ -5096,6 +5775,10 @@ declare module "@stencil/core" {
              * The `nylas-notification` component is a UI component that displays notifications.
              */
             "nylas-notification": LocalJSX.NylasNotification & JSXBase.HTMLAttributes<HTMLNylasNotificationElement>;
+            /**
+             * The `nylas-participant-booking-calendars` component is a form input for selecting calendars to check availability for participants.
+             */
+            "nylas-participant-booking-calendars": LocalJSX.NylasParticipantBookingCalendars & JSXBase.HTMLAttributes<HTMLNylasParticipantBookingCalendarsElement>;
             /**
              * The `nylas-participants-custom-availability` component is a form input for setting custom availability for participants.
              */
@@ -5127,7 +5810,7 @@ declare module "@stencil/core" {
              */
             "nylas-time-window-picker": LocalJSX.NylasTimeWindowPicker & JSXBase.HTMLAttributes<HTMLNylasTimeWindowPickerElement>;
             /**
-             * The `nylas-timeslot-interval` component is a UI component that allows users to set their time-slot interval preferences.
+             * The `nylas-timeslot-interval` component allows users to set their time slot interval preferences.
              * This component provides an option to set both `interval_minutes` and `round_to` in the configuration.
              */
             "nylas-timeslot-interval": LocalJSX.NylasTimeslotInterval & JSXBase.HTMLAttributes<HTMLNylasTimeslotIntervalElement>;
@@ -5140,6 +5823,11 @@ declare module "@stencil/core" {
             "people-icon": LocalJSX.PeopleIcon & JSXBase.HTMLAttributes<HTMLPeopleIconElement>;
             "person-icon": LocalJSX.PersonIcon & JSXBase.HTMLAttributes<HTMLPersonIconElement>;
             "play-icon": LocalJSX.PlayIcon & JSXBase.HTMLAttributes<HTMLPlayIconElement>;
+            "plus-icon": LocalJSX.PlusIcon & JSXBase.HTMLAttributes<HTMLPlusIconElement>;
+            /**
+             * The `radio-button-group` component is a UI component that allows users to select a single option from a list of options.
+             * This component is used in the scheduling form to input radio button type inputs.
+             */
             "radio-button-group": LocalJSX.RadioButtonGroup & JSXBase.HTMLAttributes<HTMLRadioButtonGroupElement>;
             "refresh-icon": LocalJSX.RefreshIcon & JSXBase.HTMLAttributes<HTMLRefreshIconElement>;
             "reply-all-icon": LocalJSX.ReplyAllIcon & JSXBase.HTMLAttributes<HTMLReplyAllIconElement>;
@@ -5147,6 +5835,7 @@ declare module "@stencil/core" {
             "search-icon": LocalJSX.SearchIcon & JSXBase.HTMLAttributes<HTMLSearchIconElement>;
             /**
              * The `select-dropdown` component is a dropdown that allows users to select an option from a list of options.
+             * This component is used in the scheduling form to input dropdown type inputs.
              */
             "select-dropdown": LocalJSX.SelectDropdown & JSXBase.HTMLAttributes<HTMLSelectDropdownElement>;
             "sent-icon": LocalJSX.SentIcon & JSXBase.HTMLAttributes<HTMLSentIconElement>;
@@ -5156,11 +5845,14 @@ declare module "@stencil/core" {
             /**
              * `textarea-component` allows users to enter multiline text.
              * It is ideal for larger inputs like comments or messages in a form.
+             * This component is used in the scheduling form to input multiline text.
              */
             "textarea-component": LocalJSX.TextareaComponent & JSXBase.HTMLAttributes<HTMLTextareaComponentElement>;
             "time-period-selector": LocalJSX.TimePeriodSelector & JSXBase.HTMLAttributes<HTMLTimePeriodSelectorElement>;
             /**
              * The `toggle-switch` component is a UI component that allows users to toggle a switch.
+             * This component is used in the scheduling form to input toggle switch type inputs.
+             * Use it as a replacement for checkboxes when you want to present a switch in the UI.
              */
             "toggle-switch": LocalJSX.ToggleSwitch & JSXBase.HTMLAttributes<HTMLToggleSwitchElement>;
             /**
@@ -5171,6 +5863,7 @@ declare module "@stencil/core" {
             "trash-icon": LocalJSX.TrashIcon & JSXBase.HTMLAttributes<HTMLTrashIconElement>;
             "underline-icon": LocalJSX.UnderlineIcon & JSXBase.HTMLAttributes<HTMLUnderlineIconElement>;
             "warning-icon": LocalJSX.WarningIcon & JSXBase.HTMLAttributes<HTMLWarningIconElement>;
+            "zoom-icon": LocalJSX.ZoomIcon & JSXBase.HTMLAttributes<HTMLZoomIconElement>;
         }
     }
 }