From 60e695f42f34463e34a5563513f94172960f83df Mon Sep 17 00:00:00 2001 From: Aaron de Mello Date: Thu, 26 Mar 2026 12:00:08 -0400 Subject: [PATCH 1/3] [TW-4727] fix(@nylas/react): sync generated component types with @nylas/web-elements 2.5.0 The auto-generated React component wrappers had drifted from the Stencil build output. This syncs them and adds a sync script for future upgrades. Co-Authored-By: Claude Opus 4.6 (1M context) --- .changeset/sync-web-elements-types.md | 7 + package.json | 3 +- packages/react/src/elements/components.ts | 4594 +++++++-------------- scripts/sync-web-elements-types.sh | 38 + 4 files changed, 1630 insertions(+), 3012 deletions(-) create mode 100644 .changeset/sync-web-elements-types.md create mode 100755 scripts/sync-web-elements-types.sh diff --git a/.changeset/sync-web-elements-types.md b/.changeset/sync-web-elements-types.md new file mode 100644 index 0000000..bf3ba76 --- /dev/null +++ b/.changeset/sync-web-elements-types.md @@ -0,0 +1,7 @@ +--- +"@nylas/react": patch +--- + +Sync generated React component wrappers with @nylas/web-elements 2.5.0 + +The auto-generated `components.ts` file was out of date with the published @nylas/web-elements 2.5.0 types. This updates the React wrapper types to match the latest Stencil output, including new types like `AdditionalParticipant` and `NylasAdditionalParticipantsCustomEvent`, and updated component definitions. diff --git a/package.json b/package.json index de5c7ee..9935eea 100644 --- a/package.json +++ b/package.json @@ -26,7 +26,8 @@ "publish:dry-run": "nx run-many -t build && changeset publish --dry-run", "publish:no-build": "changeset publish", "postinstall": "husky install", - "slack:notify": "node ./scripts/send-slack-notification.mjs" + "slack:notify": "node ./scripts/send-slack-notification.mjs", + "sync:web-elements": "./scripts/sync-web-elements-types.sh" }, "keywords": [ "nylas", diff --git a/packages/react/src/elements/components.ts b/packages/react/src/elements/components.ts index d81fb9f..e7a298a 100644 --- a/packages/react/src/elements/components.ts +++ b/packages/react/src/elements/components.ts @@ -1,4 +1,4 @@ -"use client"; +'use client'; /** * This file was automatically generated by the Stencil React Output Target. @@ -7,3622 +7,2194 @@ /* eslint-disable */ -import { - type BookedEventInfo, - type CONFIGURATION_EVENT_TYPE, - type Configuration, - type CreateGroupEventFormState, - type DropdownOption, - type GroupConfiguration, - type GroupEvent, - type GroupEventAPIData, - type ImportGroupEventDetails, - type InputDropdownCustomEvent, - type InputImageUrlCustomEvent, - type Notification, - type NylasBookedEventCardCustomEvent, - type NylasBookingCalendarPickerCustomEvent, - type NylasBookingConfirmationRedirectCustomEvent, - type NylasBookingConfirmationTypeCustomEvent, - type NylasBookingFormCustomEvent, - type NylasBufferTimeCustomEvent, - type NylasCalendarPickerCustomEvent, - type NylasCancelBookingFormCustomEvent, - type NylasCancelledEventCardCustomEvent, - type NylasConfirmationEmailCustomEvent, - type NylasConfirmedEventCardCustomEvent, - type NylasCustomEventSlugCustomEvent, - type NylasCustomizeBookingSettingsCustomEvent, - type NylasDatePickerCustomEvent, - type NylasDisableEmailsCustomEvent, - type NylasEditorTabsCustomEvent, - type NylasEditorTabsGroupCustomEvent, - type NylasEventCalendarCustomEvent, - type NylasEventCapacityCustomEvent, - type NylasListConfigurationsCustomEvent, - type NylasNotetakerConfigCustomEvent, - type NylasOrganizerConfirmationCardCustomEvent, - type NylasPageNameCustomEvent, - type NylasPageStylingCustomEvent, - type NylasReminderEmailsCustomEvent, - type NylasSchedulerBookingDataWithFlatFields, - type NylasSchedulerEditorCustomEvent, - type NylasSchedulerErrorResponse, - type NylasSchedulerResponse, - type NylasSchedulingCustomEvent, - type NylasSchedulingMethodCustomEvent, - type NylasSelectEventTypeCustomEvent, - type NylasTimeslotPickerCustomEvent, - type RecurrenceDeleteOption, - type RecurrenceUpdateOption, - type SchedulerEventDetail, - type SchedulerGroupEventDetail, - type SelectDropdownCustomEvent, - type Timeslot, - type UISettingsResponse, -} from "@nylas/web-elements"; -import { - AddCircleIcon as AddCircleIconElement, - defineCustomElement as defineAddCircleIcon, -} from "@nylas/web-elements/dist/components/add-circle-icon.js"; -import { - ArchiveIcon as ArchiveIconElement, - defineCustomElement as defineArchiveIcon, -} from "@nylas/web-elements/dist/components/archive-icon.js"; -import { - ArrowIcon as ArrowIconElement, - defineCustomElement as defineArrowIcon, -} from "@nylas/web-elements/dist/components/arrow-icon.js"; -import { - BoldIcon as BoldIconElement, - defineCustomElement as defineBoldIcon, -} from "@nylas/web-elements/dist/components/bold-icon.js"; -import { - ButtonComponent as ButtonComponentElement, - defineCustomElement as defineButtonComponent, -} from "@nylas/web-elements/dist/components/button-component.js"; -import { - CalendarAgendaFillIcon as CalendarAgendaFillIconElement, - defineCustomElement as defineCalendarAgendaFillIcon, -} from "@nylas/web-elements/dist/components/calendar-agenda-fill-icon.js"; -import { - CalendarAgendaIcon as CalendarAgendaIconElement, - defineCustomElement as defineCalendarAgendaIcon, -} from "@nylas/web-elements/dist/components/calendar-agenda-icon.js"; -import { - CalendarCancelIcon as CalendarCancelIconElement, - defineCustomElement as defineCalendarCancelIcon, -} from "@nylas/web-elements/dist/components/calendar-cancel-icon.js"; -import { - CalendarCheckIcon as CalendarCheckIconElement, - defineCustomElement as defineCalendarCheckIcon, -} from "@nylas/web-elements/dist/components/calendar-check-icon.js"; -import { - CalendarIcon as CalendarIconElement, - defineCustomElement as defineCalendarIcon, -} from "@nylas/web-elements/dist/components/calendar-icon.js"; -import { - CalendarInfoIcon as CalendarInfoIconElement, - defineCustomElement as defineCalendarInfoIcon, -} from "@nylas/web-elements/dist/components/calendar-info-icon.js"; -import { - CalendarPatternsIcon as CalendarPatternsIconElement, - defineCustomElement as defineCalendarPatternsIcon, -} from "@nylas/web-elements/dist/components/calendar-patterns-icon.js"; -import { - CheckboxComponent as CheckboxComponentElement, - defineCustomElement as defineCheckboxComponent, -} from "@nylas/web-elements/dist/components/checkbox-component.js"; -import { - CheckboxGroup as CheckboxGroupElement, - defineCustomElement as defineCheckboxGroup, -} from "@nylas/web-elements/dist/components/checkbox-group.js"; -import { - CheckmarkCircleIcon as CheckmarkCircleIconElement, - defineCustomElement as defineCheckmarkCircleIcon, -} from "@nylas/web-elements/dist/components/checkmark-circle-icon.js"; -import { - CheckmarkIcon as CheckmarkIconElement, - defineCustomElement as defineCheckmarkIcon, -} from "@nylas/web-elements/dist/components/checkmark-icon.js"; -import { - ChevronIcon as ChevronIconElement, - defineCustomElement as defineChevronIcon, -} from "@nylas/web-elements/dist/components/chevron-icon.js"; -import { - ClockIcon as ClockIconElement, - defineCustomElement as defineClockIcon, -} from "@nylas/web-elements/dist/components/clock-icon.js"; -import { - CloseIcon as CloseIconElement, - defineCustomElement as defineCloseIcon, -} from "@nylas/web-elements/dist/components/close-icon.js"; -import { - CopyIcon as CopyIconElement, - defineCustomElement as defineCopyIcon, -} from "@nylas/web-elements/dist/components/copy-icon.js"; -import { - DeleteIcon as DeleteIconElement, - defineCustomElement as defineDeleteIcon, -} from "@nylas/web-elements/dist/components/delete-icon.js"; -import { - DocumentRefreshIcon as DocumentRefreshIconElement, - defineCustomElement as defineDocumentRefreshIcon, -} from "@nylas/web-elements/dist/components/document-refresh-icon.js"; -import { - DragableIcon as DragableIconElement, - defineCustomElement as defineDragableIcon, -} from "@nylas/web-elements/dist/components/dragable-icon.js"; -import { - EditIcon as EditIconElement, - defineCustomElement as defineEditIcon, -} from "@nylas/web-elements/dist/components/edit-icon.js"; -import { - EnvelopeFillIcon as EnvelopeFillIconElement, - defineCustomElement as defineEnvelopeFillIcon, -} from "@nylas/web-elements/dist/components/envelope-fill-icon.js"; -import { - EnvelopeIcon as EnvelopeIconElement, - defineCustomElement as defineEnvelopeIcon, -} from "@nylas/web-elements/dist/components/envelope-icon.js"; -import { - EyeIcon as EyeIconElement, - defineCustomElement as defineEyeIcon, -} from "@nylas/web-elements/dist/components/eye-icon.js"; -import { - FeedbackIcon as FeedbackIconElement, - defineCustomElement as defineFeedbackIcon, -} from "@nylas/web-elements/dist/components/feedback-icon.js"; -import { - FlowIcon as FlowIconElement, - defineCustomElement as defineFlowIcon, -} from "@nylas/web-elements/dist/components/flow-icon.js"; -import { - FolderIcon as FolderIconElement, - defineCustomElement as defineFolderIcon, -} from "@nylas/web-elements/dist/components/folder-icon.js"; -import { - ForwardIcon as ForwardIconElement, - defineCustomElement as defineForwardIcon, -} from "@nylas/web-elements/dist/components/forward-icon.js"; -import { - GlobeIcon as GlobeIconElement, - defineCustomElement as defineGlobeIcon, -} from "@nylas/web-elements/dist/components/globe-icon.js"; -import { - GoogleLogoIcon as GoogleLogoIconElement, - defineCustomElement as defineGoogleLogoIcon, -} from "@nylas/web-elements/dist/components/google-logo-icon.js"; -import { - GoogleMeetIcon as GoogleMeetIconElement, - defineCustomElement as defineGoogleMeetIcon, -} from "@nylas/web-elements/dist/components/google-meet-icon.js"; -import { - InboxIcon as InboxIconElement, - defineCustomElement as defineInboxIcon, -} from "@nylas/web-elements/dist/components/inbox-icon.js"; -import { - InfoIcon as InfoIconElement, - defineCustomElement as defineInfoIcon, -} from "@nylas/web-elements/dist/components/info-icon.js"; -import { - InputColorPicker as InputColorPickerElement, - defineCustomElement as defineInputColorPicker, -} from "@nylas/web-elements/dist/components/input-color-picker.js"; -import { - InputComponent as InputComponentElement, - defineCustomElement as defineInputComponent, -} from "@nylas/web-elements/dist/components/input-component.js"; -import { - InputDropdown as InputDropdownElement, - defineCustomElement as defineInputDropdown, -} from "@nylas/web-elements/dist/components/input-dropdown.js"; -import { - InputImageUrl as InputImageUrlElement, - defineCustomElement as defineInputImageUrl, -} from "@nylas/web-elements/dist/components/input-image-url.js"; -import { - ItalicIcon as ItalicIconElement, - defineCustomElement as defineItalicIcon, -} from "@nylas/web-elements/dist/components/italic-icon.js"; -import { - LoadingIcon as LoadingIconElement, - defineCustomElement as defineLoadingIcon, -} from "@nylas/web-elements/dist/components/loading-icon.js"; -import { - LocationIcon as LocationIconElement, - defineCustomElement as defineLocationIcon, -} from "@nylas/web-elements/dist/components/location-icon.js"; -import { - LocationOffIcon as LocationOffIconElement, - defineCustomElement as defineLocationOffIcon, -} from "@nylas/web-elements/dist/components/location-off-icon.js"; -import { - MicrosoftLogoIcon as MicrosoftLogoIconElement, - defineCustomElement as defineMicrosoftLogoIcon, -} from "@nylas/web-elements/dist/components/microsoft-logo-icon.js"; -import { - MicrosoftTeamsIcon as MicrosoftTeamsIconElement, - defineCustomElement as defineMicrosoftTeamsIcon, -} from "@nylas/web-elements/dist/components/microsoft-teams-icon.js"; -import { - MultiSelectDropdown as MultiSelectDropdownElement, - defineCustomElement as defineMultiSelectDropdown, -} from "@nylas/web-elements/dist/components/multi-select-dropdown.js"; -import { - NylasAdditionalParticipants as NylasAdditionalParticipantsElement, - defineCustomElement as defineNylasAdditionalParticipants, -} from "@nylas/web-elements/dist/components/nylas-additional-participants.js"; -import { - NylasAvailabilityPicker as NylasAvailabilityPickerElement, - defineCustomElement as defineNylasAvailabilityPicker, -} from "@nylas/web-elements/dist/components/nylas-availability-picker.js"; -import { - NylasBookedEventCard as NylasBookedEventCardElement, - defineCustomElement as defineNylasBookedEventCard, -} from "@nylas/web-elements/dist/components/nylas-booked-event-card.js"; -import { - NylasBookingCalendarPicker as NylasBookingCalendarPickerElement, - defineCustomElement as defineNylasBookingCalendarPicker, -} from "@nylas/web-elements/dist/components/nylas-booking-calendar-picker.js"; -import { - NylasBookingConfirmationRedirect as NylasBookingConfirmationRedirectElement, - defineCustomElement as defineNylasBookingConfirmationRedirect, -} from "@nylas/web-elements/dist/components/nylas-booking-confirmation-redirect.js"; -import { - NylasBookingConfirmationType as NylasBookingConfirmationTypeElement, - defineCustomElement as defineNylasBookingConfirmationType, -} from "@nylas/web-elements/dist/components/nylas-booking-confirmation-type.js"; -import { - NylasBookingFormConfig as NylasBookingFormConfigElement, - defineCustomElement as defineNylasBookingFormConfig, -} from "@nylas/web-elements/dist/components/nylas-booking-form-config.js"; -import { - NylasBookingForm as NylasBookingFormElement, - defineCustomElement as defineNylasBookingForm, -} from "@nylas/web-elements/dist/components/nylas-booking-form.js"; -import { - NylasBufferTime as NylasBufferTimeElement, - defineCustomElement as defineNylasBufferTime, -} from "@nylas/web-elements/dist/components/nylas-buffer-time.js"; -import { - NylasCalendarPicker as NylasCalendarPickerElement, - defineCustomElement as defineNylasCalendarPicker, -} from "@nylas/web-elements/dist/components/nylas-calendar-picker.js"; -import { - NylasCancelBookingForm as NylasCancelBookingFormElement, - defineCustomElement as defineNylasCancelBookingForm, -} from "@nylas/web-elements/dist/components/nylas-cancel-booking-form.js"; -import { - NylasCancellationPolicy as NylasCancellationPolicyElement, - defineCustomElement as defineNylasCancellationPolicy, -} from "@nylas/web-elements/dist/components/nylas-cancellation-policy.js"; -import { - NylasCancelledEventCard as NylasCancelledEventCardElement, - defineCustomElement as defineNylasCancelledEventCard, -} from "@nylas/web-elements/dist/components/nylas-cancelled-event-card.js"; -import { - NylasConfirmationEmail as NylasConfirmationEmailElement, - defineCustomElement as defineNylasConfirmationEmail, -} from "@nylas/web-elements/dist/components/nylas-confirmation-email.js"; -import { - NylasConfirmedEventCard as NylasConfirmedEventCardElement, - defineCustomElement as defineNylasConfirmedEventCard, -} from "@nylas/web-elements/dist/components/nylas-confirmed-event-card.js"; -import { - NylasConnectedCalendars as NylasConnectedCalendarsElement, - defineCustomElement as defineNylasConnectedCalendars, -} from "@nylas/web-elements/dist/components/nylas-connected-calendars.js"; -import { - NylasCustomBookingFlow as NylasCustomBookingFlowElement, - defineCustomElement as defineNylasCustomBookingFlow, -} from "@nylas/web-elements/dist/components/nylas-custom-booking-flow.js"; -import { - NylasCustomEventSlug as NylasCustomEventSlugElement, - defineCustomElement as defineNylasCustomEventSlug, -} from "@nylas/web-elements/dist/components/nylas-custom-event-slug.js"; -import { - NylasCustomizeBookingSettings as NylasCustomizeBookingSettingsElement, - defineCustomElement as defineNylasCustomizeBookingSettings, -} from "@nylas/web-elements/dist/components/nylas-customize-booking-settings.js"; -import { - NylasDateComponent as NylasDateComponentElement, - defineCustomElement as defineNylasDateComponent, -} from "@nylas/web-elements/dist/components/nylas-date-component.js"; -import { - NylasDatePicker as NylasDatePickerElement, - defineCustomElement as defineNylasDatePicker, -} from "@nylas/web-elements/dist/components/nylas-date-picker.js"; -import { - NylasDisableEmails as NylasDisableEmailsElement, - defineCustomElement as defineNylasDisableEmails, -} from "@nylas/web-elements/dist/components/nylas-disable-emails.js"; -import { - NylasEditorTabsGroup as NylasEditorTabsGroupElement, - defineCustomElement as defineNylasEditorTabsGroup, -} from "@nylas/web-elements/dist/components/nylas-editor-tabs-group.js"; -import { - NylasEditorTabs as NylasEditorTabsElement, - defineCustomElement as defineNylasEditorTabs, -} from "@nylas/web-elements/dist/components/nylas-editor-tabs.js"; -import { - NylasEventCalendar as NylasEventCalendarElement, - defineCustomElement as defineNylasEventCalendar, -} from "@nylas/web-elements/dist/components/nylas-event-calendar.js"; -import { - NylasEventCapacity as NylasEventCapacityElement, - defineCustomElement as defineNylasEventCapacity, -} from "@nylas/web-elements/dist/components/nylas-event-capacity.js"; -import { - NylasEventDescription as NylasEventDescriptionElement, - defineCustomElement as defineNylasEventDescription, -} from "@nylas/web-elements/dist/components/nylas-event-description.js"; -import { - NylasEventDuration as NylasEventDurationElement, - defineCustomElement as defineNylasEventDuration, -} from "@nylas/web-elements/dist/components/nylas-event-duration.js"; -import { - NylasEventInfo as NylasEventInfoElement, - defineCustomElement as defineNylasEventInfo, -} from "@nylas/web-elements/dist/components/nylas-event-info.js"; -import { - NylasEventLimits as NylasEventLimitsElement, - defineCustomElement as defineNylasEventLimits, -} from "@nylas/web-elements/dist/components/nylas-event-limits.js"; -import { - NylasEventLocation as NylasEventLocationElement, - defineCustomElement as defineNylasEventLocation, -} from "@nylas/web-elements/dist/components/nylas-event-location.js"; -import { - NylasEventTimeslot as NylasEventTimeslotElement, - defineCustomElement as defineNylasEventTimeslot, -} from "@nylas/web-elements/dist/components/nylas-event-timeslot.js"; -import { - NylasEventTitle as NylasEventTitleElement, - defineCustomElement as defineNylasEventTitle, -} from "@nylas/web-elements/dist/components/nylas-event-title.js"; -import { - NylasFeedbackForm as NylasFeedbackFormElement, - defineCustomElement as defineNylasFeedbackForm, -} from "@nylas/web-elements/dist/components/nylas-feedback-form.js"; -import { - NylasFormCard as NylasFormCardElement, - defineCustomElement as defineNylasFormCard, -} from "@nylas/web-elements/dist/components/nylas-form-card.js"; -import { - NylasLimitFutureBookings as NylasLimitFutureBookingsElement, - defineCustomElement as defineNylasLimitFutureBookings, -} from "@nylas/web-elements/dist/components/nylas-limit-future-bookings.js"; -import { - NylasListConfigurations as NylasListConfigurationsElement, - defineCustomElement as defineNylasListConfigurations, -} from "@nylas/web-elements/dist/components/nylas-list-configurations.js"; -import { - NylasLocaleSwitch as NylasLocaleSwitchElement, - defineCustomElement as defineNylasLocaleSwitch, -} from "@nylas/web-elements/dist/components/nylas-locale-switch.js"; -import { - NylasLogo as NylasLogoElement, - defineCustomElement as defineNylasLogo, -} from "@nylas/web-elements/dist/components/nylas-logo.js"; -import { - NylasMinBookingNotice as NylasMinBookingNoticeElement, - defineCustomElement as defineNylasMinBookingNotice, -} from "@nylas/web-elements/dist/components/nylas-min-booking-notice.js"; -import { - NylasMinCancellationNotice as NylasMinCancellationNoticeElement, - defineCustomElement as defineNylasMinCancellationNotice, -} from "@nylas/web-elements/dist/components/nylas-min-cancellation-notice.js"; -import { - NylasNotetakerConfig as NylasNotetakerConfigElement, - defineCustomElement as defineNylasNotetakerConfig, -} from "@nylas/web-elements/dist/components/nylas-notetaker-config.js"; -import { - NylasNotification as NylasNotificationElement, - defineCustomElement as defineNylasNotification, -} from "@nylas/web-elements/dist/components/nylas-notification.js"; -import { - NylasOnlySpecificTimeAvailability as NylasOnlySpecificTimeAvailabilityElement, - defineCustomElement as defineNylasOnlySpecificTimeAvailability, -} from "@nylas/web-elements/dist/components/nylas-only-specific-time-availability.js"; -import { - NylasOrganizerConfirmationCard as NylasOrganizerConfirmationCardElement, - defineCustomElement as defineNylasOrganizerConfirmationCard, -} from "@nylas/web-elements/dist/components/nylas-organizer-confirmation-card.js"; -import { - NylasPageName as NylasPageNameElement, - defineCustomElement as defineNylasPageName, -} from "@nylas/web-elements/dist/components/nylas-page-name.js"; -import { - NylasPageStyling as NylasPageStylingElement, - defineCustomElement as defineNylasPageStyling, -} from "@nylas/web-elements/dist/components/nylas-page-styling.js"; -import { - NylasParticipantBookingCalendars as NylasParticipantBookingCalendarsElement, - defineCustomElement as defineNylasParticipantBookingCalendars, -} from "@nylas/web-elements/dist/components/nylas-participant-booking-calendars.js"; -import { - NylasParticipantsCustomAvailability as NylasParticipantsCustomAvailabilityElement, - defineCustomElement as defineNylasParticipantsCustomAvailability, -} from "@nylas/web-elements/dist/components/nylas-participants-custom-availability.js"; -import { - NylasReminderEmails as NylasReminderEmailsElement, - defineCustomElement as defineNylasReminderEmails, -} from "@nylas/web-elements/dist/components/nylas-reminder-emails.js"; -import { - NylasReminderTime as NylasReminderTimeElement, - defineCustomElement as defineNylasReminderTime, -} from "@nylas/web-elements/dist/components/nylas-reminder-time.js"; -import { - NylasSchedulerEditor as NylasSchedulerEditorElement, - defineCustomElement as defineNylasSchedulerEditor, -} from "@nylas/web-elements/dist/components/nylas-scheduler-editor.js"; -import { - NylasSchedulingMethod as NylasSchedulingMethodElement, - defineCustomElement as defineNylasSchedulingMethod, -} from "@nylas/web-elements/dist/components/nylas-scheduling-method.js"; -import { - NylasScheduling as NylasSchedulingElement, - defineCustomElement as defineNylasScheduling, -} from "@nylas/web-elements/dist/components/nylas-scheduling.js"; -import { - NylasSelectEventType as NylasSelectEventTypeElement, - defineCustomElement as defineNylasSelectEventType, -} from "@nylas/web-elements/dist/components/nylas-select-event-type.js"; -import { - NylasSelectedEventCard as NylasSelectedEventCardElement, - defineCustomElement as defineNylasSelectedEventCard, -} from "@nylas/web-elements/dist/components/nylas-selected-event-card.js"; -import { - NylasSpecificTimeAvailabilityPicker as NylasSpecificTimeAvailabilityPickerElement, - defineCustomElement as defineNylasSpecificTimeAvailabilityPicker, -} from "@nylas/web-elements/dist/components/nylas-specific-time-availability-picker.js"; -import { - NylasTimeWindowPicker as NylasTimeWindowPickerElement, - defineCustomElement as defineNylasTimeWindowPicker, -} from "@nylas/web-elements/dist/components/nylas-time-window-picker.js"; -import { - NylasTimeslotInterval as NylasTimeslotIntervalElement, - defineCustomElement as defineNylasTimeslotInterval, -} from "@nylas/web-elements/dist/components/nylas-timeslot-interval.js"; -import { - NylasTimeslotPicker as NylasTimeslotPickerElement, - defineCustomElement as defineNylasTimeslotPicker, -} from "@nylas/web-elements/dist/components/nylas-timeslot-picker.js"; -import { - PaintbrushFillIcon as PaintbrushFillIconElement, - defineCustomElement as definePaintbrushFillIcon, -} from "@nylas/web-elements/dist/components/paintbrush-fill-icon.js"; -import { - PaintbrushIcon as PaintbrushIconElement, - defineCustomElement as definePaintbrushIcon, -} from "@nylas/web-elements/dist/components/paintbrush-icon.js"; -import { - PeopleIcon as PeopleIconElement, - defineCustomElement as definePeopleIcon, -} from "@nylas/web-elements/dist/components/people-icon.js"; -import { - PersonClipboardIcon as PersonClipboardIconElement, - defineCustomElement as definePersonClipboardIcon, -} from "@nylas/web-elements/dist/components/person-clipboard-icon.js"; -import { - PersonIcon as PersonIconElement, - defineCustomElement as definePersonIcon, -} from "@nylas/web-elements/dist/components/person-icon.js"; -import { - PlayIcon as PlayIconElement, - defineCustomElement as definePlayIcon, -} from "@nylas/web-elements/dist/components/play-icon.js"; -import { - PlusIcon as PlusIconElement, - defineCustomElement as definePlusIcon, -} from "@nylas/web-elements/dist/components/plus-icon.js"; -import { - RadioButtonGroup as RadioButtonGroupElement, - defineCustomElement as defineRadioButtonGroup, -} from "@nylas/web-elements/dist/components/radio-button-group.js"; -import { - RefreshIcon as RefreshIconElement, - defineCustomElement as defineRefreshIcon, -} from "@nylas/web-elements/dist/components/refresh-icon.js"; -import { - ReplyAllIcon as ReplyAllIconElement, - defineCustomElement as defineReplyAllIcon, -} from "@nylas/web-elements/dist/components/reply-all-icon.js"; -import { - ReplyIcon as ReplyIconElement, - defineCustomElement as defineReplyIcon, -} from "@nylas/web-elements/dist/components/reply-icon.js"; -import { - SearchIcon as SearchIconElement, - defineCustomElement as defineSearchIcon, -} from "@nylas/web-elements/dist/components/search-icon.js"; -import { - SelectDropdown as SelectDropdownElement, - defineCustomElement as defineSelectDropdown, -} from "@nylas/web-elements/dist/components/select-dropdown.js"; -import { - SentIcon as SentIconElement, - defineCustomElement as defineSentIcon, -} from "@nylas/web-elements/dist/components/sent-icon.js"; -import { - SpamIcon as SpamIconElement, - defineCustomElement as defineSpamIcon, -} from "@nylas/web-elements/dist/components/spam-icon.js"; -import { - StarIcon as StarIconElement, - defineCustomElement as defineStarIcon, -} from "@nylas/web-elements/dist/components/star-icon.js"; -import { - StopIcon as StopIconElement, - defineCustomElement as defineStopIcon, -} from "@nylas/web-elements/dist/components/stop-icon.js"; -import { - TextareaComponent as TextareaComponentElement, - defineCustomElement as defineTextareaComponent, -} from "@nylas/web-elements/dist/components/textarea-component.js"; -import { - TimePeriodSelector as TimePeriodSelectorElement, - defineCustomElement as defineTimePeriodSelector, -} from "@nylas/web-elements/dist/components/time-period-selector.js"; -import { - ToggleSwitch as ToggleSwitchElement, - defineCustomElement as defineToggleSwitch, -} from "@nylas/web-elements/dist/components/toggle-switch.js"; -import { - TooltipComponent as TooltipComponentElement, - defineCustomElement as defineTooltipComponent, -} from "@nylas/web-elements/dist/components/tooltip-component.js"; -import { - TranslateIcon as TranslateIconElement, - defineCustomElement as defineTranslateIcon, -} from "@nylas/web-elements/dist/components/translate-icon.js"; -import { - TrashFillIcon as TrashFillIconElement, - defineCustomElement as defineTrashFillIcon, -} from "@nylas/web-elements/dist/components/trash-fill-icon.js"; -import { - TrashIcon as TrashIconElement, - defineCustomElement as defineTrashIcon, -} from "@nylas/web-elements/dist/components/trash-icon.js"; -import { - UnderlineIcon as UnderlineIconElement, - defineCustomElement as defineUnderlineIcon, -} from "@nylas/web-elements/dist/components/underline-icon.js"; -import { - WarningIcon as WarningIconElement, - defineCustomElement as defineWarningIcon, -} from "@nylas/web-elements/dist/components/warning-icon.js"; -import { - ZoomIcon as ZoomIconElement, - defineCustomElement as defineZoomIcon, -} from "@nylas/web-elements/dist/components/zoom-icon.js"; -import type { - EventName, - StencilReactComponent, -} from "@stencil/react-output-target/runtime"; -import { createComponent } from "@stencil/react-output-target/runtime"; -import React from "react"; +import { type AdditionalParticipant, type BookedEventInfo, type CONFIGURATION_EVENT_TYPE, type Configuration, type CreateGroupEventFormState, type DropdownOption, type GroupConfiguration, type GroupEvent, type GroupEventAPIData, type ImportGroupEventDetails, type InputDropdownCustomEvent, type InputImageUrlCustomEvent, type Notification, type NylasAdditionalParticipantsCustomEvent, type NylasBookedEventCardCustomEvent, type NylasBookingCalendarPickerCustomEvent, type NylasBookingConfirmationRedirectCustomEvent, type NylasBookingConfirmationTypeCustomEvent, type NylasBookingFormCustomEvent, type NylasBufferTimeCustomEvent, type NylasCalendarPickerCustomEvent, type NylasCancelBookingFormCustomEvent, type NylasCancelledEventCardCustomEvent, type NylasConfirmationEmailCustomEvent, type NylasConfirmedEventCardCustomEvent, type NylasCustomEventSlugCustomEvent, type NylasCustomizeBookingSettingsCustomEvent, type NylasDatePickerCustomEvent, type NylasDisableEmailsCustomEvent, type NylasEditorTabsCustomEvent, type NylasEditorTabsGroupCustomEvent, type NylasEventCalendarCustomEvent, type NylasEventCapacityCustomEvent, type NylasListConfigurationsCustomEvent, type NylasNotetakerConfigCustomEvent, type NylasOrganizerConfirmationCardCustomEvent, type NylasPageNameCustomEvent, type NylasPageStylingCustomEvent, type NylasReminderEmailsCustomEvent, type NylasSchedulerBookingDataWithFlatFields, type NylasSchedulerEditorCustomEvent, type NylasSchedulerErrorResponse, type NylasSchedulerResponse, type NylasSchedulingCustomEvent, type NylasSchedulingMethodCustomEvent, type NylasSelectEventTypeCustomEvent, type NylasTimeslotPickerCustomEvent, type RecurrenceDeleteOption, type RecurrenceUpdateOption, type SchedulerEventDetail, type SchedulerGroupEventDetail, type SelectDropdownCustomEvent, type Timeslot, type UISettingsResponse } from "@nylas/web-elements"; +import { AddCircleIcon as AddCircleIconElement, defineCustomElement as defineAddCircleIcon } from "@nylas/web-elements/dist/components/add-circle-icon.js"; +import { ArchiveIcon as ArchiveIconElement, defineCustomElement as defineArchiveIcon } from "@nylas/web-elements/dist/components/archive-icon.js"; +import { ArrowIcon as ArrowIconElement, defineCustomElement as defineArrowIcon } from "@nylas/web-elements/dist/components/arrow-icon.js"; +import { BoldIcon as BoldIconElement, defineCustomElement as defineBoldIcon } from "@nylas/web-elements/dist/components/bold-icon.js"; +import { ButtonComponent as ButtonComponentElement, defineCustomElement as defineButtonComponent } from "@nylas/web-elements/dist/components/button-component.js"; +import { CalendarAgendaFillIcon as CalendarAgendaFillIconElement, defineCustomElement as defineCalendarAgendaFillIcon } from "@nylas/web-elements/dist/components/calendar-agenda-fill-icon.js"; +import { CalendarAgendaIcon as CalendarAgendaIconElement, defineCustomElement as defineCalendarAgendaIcon } from "@nylas/web-elements/dist/components/calendar-agenda-icon.js"; +import { CalendarCancelIcon as CalendarCancelIconElement, defineCustomElement as defineCalendarCancelIcon } from "@nylas/web-elements/dist/components/calendar-cancel-icon.js"; +import { CalendarCheckIcon as CalendarCheckIconElement, defineCustomElement as defineCalendarCheckIcon } from "@nylas/web-elements/dist/components/calendar-check-icon.js"; +import { CalendarIcon as CalendarIconElement, defineCustomElement as defineCalendarIcon } from "@nylas/web-elements/dist/components/calendar-icon.js"; +import { CalendarInfoIcon as CalendarInfoIconElement, defineCustomElement as defineCalendarInfoIcon } from "@nylas/web-elements/dist/components/calendar-info-icon.js"; +import { CalendarPatternsIcon as CalendarPatternsIconElement, defineCustomElement as defineCalendarPatternsIcon } from "@nylas/web-elements/dist/components/calendar-patterns-icon.js"; +import { CheckboxComponent as CheckboxComponentElement, defineCustomElement as defineCheckboxComponent } from "@nylas/web-elements/dist/components/checkbox-component.js"; +import { CheckboxGroup as CheckboxGroupElement, defineCustomElement as defineCheckboxGroup } from "@nylas/web-elements/dist/components/checkbox-group.js"; +import { CheckmarkCircleIcon as CheckmarkCircleIconElement, defineCustomElement as defineCheckmarkCircleIcon } from "@nylas/web-elements/dist/components/checkmark-circle-icon.js"; +import { CheckmarkIcon as CheckmarkIconElement, defineCustomElement as defineCheckmarkIcon } from "@nylas/web-elements/dist/components/checkmark-icon.js"; +import { ChevronIcon as ChevronIconElement, defineCustomElement as defineChevronIcon } from "@nylas/web-elements/dist/components/chevron-icon.js"; +import { ClockIcon as ClockIconElement, defineCustomElement as defineClockIcon } from "@nylas/web-elements/dist/components/clock-icon.js"; +import { CloseIcon as CloseIconElement, defineCustomElement as defineCloseIcon } from "@nylas/web-elements/dist/components/close-icon.js"; +import { CopyIcon as CopyIconElement, defineCustomElement as defineCopyIcon } from "@nylas/web-elements/dist/components/copy-icon.js"; +import { DeleteIcon as DeleteIconElement, defineCustomElement as defineDeleteIcon } from "@nylas/web-elements/dist/components/delete-icon.js"; +import { DocumentRefreshIcon as DocumentRefreshIconElement, defineCustomElement as defineDocumentRefreshIcon } from "@nylas/web-elements/dist/components/document-refresh-icon.js"; +import { DragableIcon as DragableIconElement, defineCustomElement as defineDragableIcon } from "@nylas/web-elements/dist/components/dragable-icon.js"; +import { EditIcon as EditIconElement, defineCustomElement as defineEditIcon } from "@nylas/web-elements/dist/components/edit-icon.js"; +import { EnvelopeFillIcon as EnvelopeFillIconElement, defineCustomElement as defineEnvelopeFillIcon } from "@nylas/web-elements/dist/components/envelope-fill-icon.js"; +import { EnvelopeIcon as EnvelopeIconElement, defineCustomElement as defineEnvelopeIcon } from "@nylas/web-elements/dist/components/envelope-icon.js"; +import { EyeIcon as EyeIconElement, defineCustomElement as defineEyeIcon } from "@nylas/web-elements/dist/components/eye-icon.js"; +import { FeedbackIcon as FeedbackIconElement, defineCustomElement as defineFeedbackIcon } from "@nylas/web-elements/dist/components/feedback-icon.js"; +import { FlowIcon as FlowIconElement, defineCustomElement as defineFlowIcon } from "@nylas/web-elements/dist/components/flow-icon.js"; +import { FolderIcon as FolderIconElement, defineCustomElement as defineFolderIcon } from "@nylas/web-elements/dist/components/folder-icon.js"; +import { ForwardIcon as ForwardIconElement, defineCustomElement as defineForwardIcon } from "@nylas/web-elements/dist/components/forward-icon.js"; +import { GlobeIcon as GlobeIconElement, defineCustomElement as defineGlobeIcon } from "@nylas/web-elements/dist/components/globe-icon.js"; +import { GoogleLogoIcon as GoogleLogoIconElement, defineCustomElement as defineGoogleLogoIcon } from "@nylas/web-elements/dist/components/google-logo-icon.js"; +import { GoogleMeetIcon as GoogleMeetIconElement, defineCustomElement as defineGoogleMeetIcon } from "@nylas/web-elements/dist/components/google-meet-icon.js"; +import { InboxIcon as InboxIconElement, defineCustomElement as defineInboxIcon } from "@nylas/web-elements/dist/components/inbox-icon.js"; +import { InfoIcon as InfoIconElement, defineCustomElement as defineInfoIcon } from "@nylas/web-elements/dist/components/info-icon.js"; +import { InputColorPicker as InputColorPickerElement, defineCustomElement as defineInputColorPicker } from "@nylas/web-elements/dist/components/input-color-picker.js"; +import { InputComponent as InputComponentElement, defineCustomElement as defineInputComponent } from "@nylas/web-elements/dist/components/input-component.js"; +import { InputDropdown as InputDropdownElement, defineCustomElement as defineInputDropdown } from "@nylas/web-elements/dist/components/input-dropdown.js"; +import { InputImageUrl as InputImageUrlElement, defineCustomElement as defineInputImageUrl } from "@nylas/web-elements/dist/components/input-image-url.js"; +import { ItalicIcon as ItalicIconElement, defineCustomElement as defineItalicIcon } from "@nylas/web-elements/dist/components/italic-icon.js"; +import { LoadingIcon as LoadingIconElement, defineCustomElement as defineLoadingIcon } from "@nylas/web-elements/dist/components/loading-icon.js"; +import { LocationIcon as LocationIconElement, defineCustomElement as defineLocationIcon } from "@nylas/web-elements/dist/components/location-icon.js"; +import { LocationOffIcon as LocationOffIconElement, defineCustomElement as defineLocationOffIcon } from "@nylas/web-elements/dist/components/location-off-icon.js"; +import { MicrosoftLogoIcon as MicrosoftLogoIconElement, defineCustomElement as defineMicrosoftLogoIcon } from "@nylas/web-elements/dist/components/microsoft-logo-icon.js"; +import { MicrosoftTeamsIcon as MicrosoftTeamsIconElement, defineCustomElement as defineMicrosoftTeamsIcon } from "@nylas/web-elements/dist/components/microsoft-teams-icon.js"; +import { MultiSelectDropdown as MultiSelectDropdownElement, defineCustomElement as defineMultiSelectDropdown } from "@nylas/web-elements/dist/components/multi-select-dropdown.js"; +import { NylasAdditionalParticipants as NylasAdditionalParticipantsElement, defineCustomElement as defineNylasAdditionalParticipants } from "@nylas/web-elements/dist/components/nylas-additional-participants.js"; +import { NylasAvailabilityPicker as NylasAvailabilityPickerElement, defineCustomElement as defineNylasAvailabilityPicker } from "@nylas/web-elements/dist/components/nylas-availability-picker.js"; +import { NylasBookedEventCard as NylasBookedEventCardElement, defineCustomElement as defineNylasBookedEventCard } from "@nylas/web-elements/dist/components/nylas-booked-event-card.js"; +import { NylasBookingCalendarPicker as NylasBookingCalendarPickerElement, defineCustomElement as defineNylasBookingCalendarPicker } from "@nylas/web-elements/dist/components/nylas-booking-calendar-picker.js"; +import { NylasBookingConfirmationRedirect as NylasBookingConfirmationRedirectElement, defineCustomElement as defineNylasBookingConfirmationRedirect } from "@nylas/web-elements/dist/components/nylas-booking-confirmation-redirect.js"; +import { NylasBookingConfirmationType as NylasBookingConfirmationTypeElement, defineCustomElement as defineNylasBookingConfirmationType } from "@nylas/web-elements/dist/components/nylas-booking-confirmation-type.js"; +import { NylasBookingFormConfig as NylasBookingFormConfigElement, defineCustomElement as defineNylasBookingFormConfig } from "@nylas/web-elements/dist/components/nylas-booking-form-config.js"; +import { NylasBookingForm as NylasBookingFormElement, defineCustomElement as defineNylasBookingForm } from "@nylas/web-elements/dist/components/nylas-booking-form.js"; +import { NylasBufferTime as NylasBufferTimeElement, defineCustomElement as defineNylasBufferTime } from "@nylas/web-elements/dist/components/nylas-buffer-time.js"; +import { NylasCalendarPicker as NylasCalendarPickerElement, defineCustomElement as defineNylasCalendarPicker } from "@nylas/web-elements/dist/components/nylas-calendar-picker.js"; +import { NylasCancelBookingForm as NylasCancelBookingFormElement, defineCustomElement as defineNylasCancelBookingForm } from "@nylas/web-elements/dist/components/nylas-cancel-booking-form.js"; +import { NylasCancellationPolicy as NylasCancellationPolicyElement, defineCustomElement as defineNylasCancellationPolicy } from "@nylas/web-elements/dist/components/nylas-cancellation-policy.js"; +import { NylasCancelledEventCard as NylasCancelledEventCardElement, defineCustomElement as defineNylasCancelledEventCard } from "@nylas/web-elements/dist/components/nylas-cancelled-event-card.js"; +import { NylasConfirmationEmail as NylasConfirmationEmailElement, defineCustomElement as defineNylasConfirmationEmail } from "@nylas/web-elements/dist/components/nylas-confirmation-email.js"; +import { NylasConfirmedEventCard as NylasConfirmedEventCardElement, defineCustomElement as defineNylasConfirmedEventCard } from "@nylas/web-elements/dist/components/nylas-confirmed-event-card.js"; +import { NylasConnectedCalendars as NylasConnectedCalendarsElement, defineCustomElement as defineNylasConnectedCalendars } from "@nylas/web-elements/dist/components/nylas-connected-calendars.js"; +import { NylasCustomBookingFlow as NylasCustomBookingFlowElement, defineCustomElement as defineNylasCustomBookingFlow } from "@nylas/web-elements/dist/components/nylas-custom-booking-flow.js"; +import { NylasCustomEventSlug as NylasCustomEventSlugElement, defineCustomElement as defineNylasCustomEventSlug } from "@nylas/web-elements/dist/components/nylas-custom-event-slug.js"; +import { NylasCustomizeBookingSettings as NylasCustomizeBookingSettingsElement, defineCustomElement as defineNylasCustomizeBookingSettings } from "@nylas/web-elements/dist/components/nylas-customize-booking-settings.js"; +import { NylasDateComponent as NylasDateComponentElement, defineCustomElement as defineNylasDateComponent } from "@nylas/web-elements/dist/components/nylas-date-component.js"; +import { NylasDatePicker as NylasDatePickerElement, defineCustomElement as defineNylasDatePicker } from "@nylas/web-elements/dist/components/nylas-date-picker.js"; +import { NylasDisableEmails as NylasDisableEmailsElement, defineCustomElement as defineNylasDisableEmails } from "@nylas/web-elements/dist/components/nylas-disable-emails.js"; +import { NylasEditorTabsGroup as NylasEditorTabsGroupElement, defineCustomElement as defineNylasEditorTabsGroup } from "@nylas/web-elements/dist/components/nylas-editor-tabs-group.js"; +import { NylasEditorTabs as NylasEditorTabsElement, defineCustomElement as defineNylasEditorTabs } from "@nylas/web-elements/dist/components/nylas-editor-tabs.js"; +import { NylasEventCalendar as NylasEventCalendarElement, defineCustomElement as defineNylasEventCalendar } from "@nylas/web-elements/dist/components/nylas-event-calendar.js"; +import { NylasEventCapacity as NylasEventCapacityElement, defineCustomElement as defineNylasEventCapacity } from "@nylas/web-elements/dist/components/nylas-event-capacity.js"; +import { NylasEventDescription as NylasEventDescriptionElement, defineCustomElement as defineNylasEventDescription } from "@nylas/web-elements/dist/components/nylas-event-description.js"; +import { NylasEventDuration as NylasEventDurationElement, defineCustomElement as defineNylasEventDuration } from "@nylas/web-elements/dist/components/nylas-event-duration.js"; +import { NylasEventInfo as NylasEventInfoElement, defineCustomElement as defineNylasEventInfo } from "@nylas/web-elements/dist/components/nylas-event-info.js"; +import { NylasEventLimits as NylasEventLimitsElement, defineCustomElement as defineNylasEventLimits } from "@nylas/web-elements/dist/components/nylas-event-limits.js"; +import { NylasEventLocation as NylasEventLocationElement, defineCustomElement as defineNylasEventLocation } from "@nylas/web-elements/dist/components/nylas-event-location.js"; +import { NylasEventTimeslot as NylasEventTimeslotElement, defineCustomElement as defineNylasEventTimeslot } from "@nylas/web-elements/dist/components/nylas-event-timeslot.js"; +import { NylasEventTitle as NylasEventTitleElement, defineCustomElement as defineNylasEventTitle } from "@nylas/web-elements/dist/components/nylas-event-title.js"; +import { NylasFeedbackForm as NylasFeedbackFormElement, defineCustomElement as defineNylasFeedbackForm } from "@nylas/web-elements/dist/components/nylas-feedback-form.js"; +import { NylasFormCard as NylasFormCardElement, defineCustomElement as defineNylasFormCard } from "@nylas/web-elements/dist/components/nylas-form-card.js"; +import { NylasLimitFutureBookings as NylasLimitFutureBookingsElement, defineCustomElement as defineNylasLimitFutureBookings } from "@nylas/web-elements/dist/components/nylas-limit-future-bookings.js"; +import { NylasListConfigurations as NylasListConfigurationsElement, defineCustomElement as defineNylasListConfigurations } from "@nylas/web-elements/dist/components/nylas-list-configurations.js"; +import { NylasLocaleSwitch as NylasLocaleSwitchElement, defineCustomElement as defineNylasLocaleSwitch } from "@nylas/web-elements/dist/components/nylas-locale-switch.js"; +import { NylasLogo as NylasLogoElement, defineCustomElement as defineNylasLogo } from "@nylas/web-elements/dist/components/nylas-logo.js"; +import { NylasMinBookingNotice as NylasMinBookingNoticeElement, defineCustomElement as defineNylasMinBookingNotice } from "@nylas/web-elements/dist/components/nylas-min-booking-notice.js"; +import { NylasMinCancellationNotice as NylasMinCancellationNoticeElement, defineCustomElement as defineNylasMinCancellationNotice } from "@nylas/web-elements/dist/components/nylas-min-cancellation-notice.js"; +import { NylasNotetakerConfig as NylasNotetakerConfigElement, defineCustomElement as defineNylasNotetakerConfig } from "@nylas/web-elements/dist/components/nylas-notetaker-config.js"; +import { NylasNotification as NylasNotificationElement, defineCustomElement as defineNylasNotification } from "@nylas/web-elements/dist/components/nylas-notification.js"; +import { NylasOnlySpecificTimeAvailability as NylasOnlySpecificTimeAvailabilityElement, defineCustomElement as defineNylasOnlySpecificTimeAvailability } from "@nylas/web-elements/dist/components/nylas-only-specific-time-availability.js"; +import { NylasOrganizerConfirmationCard as NylasOrganizerConfirmationCardElement, defineCustomElement as defineNylasOrganizerConfirmationCard } from "@nylas/web-elements/dist/components/nylas-organizer-confirmation-card.js"; +import { NylasPageName as NylasPageNameElement, defineCustomElement as defineNylasPageName } from "@nylas/web-elements/dist/components/nylas-page-name.js"; +import { NylasPageStyling as NylasPageStylingElement, defineCustomElement as defineNylasPageStyling } from "@nylas/web-elements/dist/components/nylas-page-styling.js"; +import { NylasParticipantBookingCalendars as NylasParticipantBookingCalendarsElement, defineCustomElement as defineNylasParticipantBookingCalendars } from "@nylas/web-elements/dist/components/nylas-participant-booking-calendars.js"; +import { NylasParticipantsCustomAvailability as NylasParticipantsCustomAvailabilityElement, defineCustomElement as defineNylasParticipantsCustomAvailability } from "@nylas/web-elements/dist/components/nylas-participants-custom-availability.js"; +import { NylasReminderEmails as NylasReminderEmailsElement, defineCustomElement as defineNylasReminderEmails } from "@nylas/web-elements/dist/components/nylas-reminder-emails.js"; +import { NylasReminderTime as NylasReminderTimeElement, defineCustomElement as defineNylasReminderTime } from "@nylas/web-elements/dist/components/nylas-reminder-time.js"; +import { NylasSchedulerEditor as NylasSchedulerEditorElement, defineCustomElement as defineNylasSchedulerEditor } from "@nylas/web-elements/dist/components/nylas-scheduler-editor.js"; +import { NylasSchedulingMethod as NylasSchedulingMethodElement, defineCustomElement as defineNylasSchedulingMethod } from "@nylas/web-elements/dist/components/nylas-scheduling-method.js"; +import { NylasScheduling as NylasSchedulingElement, defineCustomElement as defineNylasScheduling } from "@nylas/web-elements/dist/components/nylas-scheduling.js"; +import { NylasSelectEventType as NylasSelectEventTypeElement, defineCustomElement as defineNylasSelectEventType } from "@nylas/web-elements/dist/components/nylas-select-event-type.js"; +import { NylasSelectedEventCard as NylasSelectedEventCardElement, defineCustomElement as defineNylasSelectedEventCard } from "@nylas/web-elements/dist/components/nylas-selected-event-card.js"; +import { NylasSpecificTimeAvailabilityPicker as NylasSpecificTimeAvailabilityPickerElement, defineCustomElement as defineNylasSpecificTimeAvailabilityPicker } from "@nylas/web-elements/dist/components/nylas-specific-time-availability-picker.js"; +import { NylasTimeWindowPicker as NylasTimeWindowPickerElement, defineCustomElement as defineNylasTimeWindowPicker } from "@nylas/web-elements/dist/components/nylas-time-window-picker.js"; +import { NylasTimeslotInterval as NylasTimeslotIntervalElement, defineCustomElement as defineNylasTimeslotInterval } from "@nylas/web-elements/dist/components/nylas-timeslot-interval.js"; +import { NylasTimeslotPicker as NylasTimeslotPickerElement, defineCustomElement as defineNylasTimeslotPicker } from "@nylas/web-elements/dist/components/nylas-timeslot-picker.js"; +import { PaintbrushFillIcon as PaintbrushFillIconElement, defineCustomElement as definePaintbrushFillIcon } from "@nylas/web-elements/dist/components/paintbrush-fill-icon.js"; +import { PaintbrushIcon as PaintbrushIconElement, defineCustomElement as definePaintbrushIcon } from "@nylas/web-elements/dist/components/paintbrush-icon.js"; +import { PeopleIcon as PeopleIconElement, defineCustomElement as definePeopleIcon } from "@nylas/web-elements/dist/components/people-icon.js"; +import { PersonClipboardIcon as PersonClipboardIconElement, defineCustomElement as definePersonClipboardIcon } from "@nylas/web-elements/dist/components/person-clipboard-icon.js"; +import { PersonIcon as PersonIconElement, defineCustomElement as definePersonIcon } from "@nylas/web-elements/dist/components/person-icon.js"; +import { PlayIcon as PlayIconElement, defineCustomElement as definePlayIcon } from "@nylas/web-elements/dist/components/play-icon.js"; +import { PlusIcon as PlusIconElement, defineCustomElement as definePlusIcon } from "@nylas/web-elements/dist/components/plus-icon.js"; +import { RadioButtonGroup as RadioButtonGroupElement, defineCustomElement as defineRadioButtonGroup } from "@nylas/web-elements/dist/components/radio-button-group.js"; +import { RefreshIcon as RefreshIconElement, defineCustomElement as defineRefreshIcon } from "@nylas/web-elements/dist/components/refresh-icon.js"; +import { ReplyAllIcon as ReplyAllIconElement, defineCustomElement as defineReplyAllIcon } from "@nylas/web-elements/dist/components/reply-all-icon.js"; +import { ReplyIcon as ReplyIconElement, defineCustomElement as defineReplyIcon } from "@nylas/web-elements/dist/components/reply-icon.js"; +import { SearchIcon as SearchIconElement, defineCustomElement as defineSearchIcon } from "@nylas/web-elements/dist/components/search-icon.js"; +import { SelectDropdown as SelectDropdownElement, defineCustomElement as defineSelectDropdown } from "@nylas/web-elements/dist/components/select-dropdown.js"; +import { SentIcon as SentIconElement, defineCustomElement as defineSentIcon } from "@nylas/web-elements/dist/components/sent-icon.js"; +import { SpamIcon as SpamIconElement, defineCustomElement as defineSpamIcon } from "@nylas/web-elements/dist/components/spam-icon.js"; +import { StarIcon as StarIconElement, defineCustomElement as defineStarIcon } from "@nylas/web-elements/dist/components/star-icon.js"; +import { StopIcon as StopIconElement, defineCustomElement as defineStopIcon } from "@nylas/web-elements/dist/components/stop-icon.js"; +import { TextareaComponent as TextareaComponentElement, defineCustomElement as defineTextareaComponent } from "@nylas/web-elements/dist/components/textarea-component.js"; +import { TimePeriodSelector as TimePeriodSelectorElement, defineCustomElement as defineTimePeriodSelector } from "@nylas/web-elements/dist/components/time-period-selector.js"; +import { ToggleSwitch as ToggleSwitchElement, defineCustomElement as defineToggleSwitch } from "@nylas/web-elements/dist/components/toggle-switch.js"; +import { TooltipComponent as TooltipComponentElement, defineCustomElement as defineTooltipComponent } from "@nylas/web-elements/dist/components/tooltip-component.js"; +import { TranslateIcon as TranslateIconElement, defineCustomElement as defineTranslateIcon } from "@nylas/web-elements/dist/components/translate-icon.js"; +import { TrashFillIcon as TrashFillIconElement, defineCustomElement as defineTrashFillIcon } from "@nylas/web-elements/dist/components/trash-fill-icon.js"; +import { TrashIcon as TrashIconElement, defineCustomElement as defineTrashIcon } from "@nylas/web-elements/dist/components/trash-icon.js"; +import { UnderlineIcon as UnderlineIconElement, defineCustomElement as defineUnderlineIcon } from "@nylas/web-elements/dist/components/underline-icon.js"; +import { WarningIcon as WarningIconElement, defineCustomElement as defineWarningIcon } from "@nylas/web-elements/dist/components/warning-icon.js"; +import { ZoomIcon as ZoomIconElement, defineCustomElement as defineZoomIcon } from "@nylas/web-elements/dist/components/zoom-icon.js"; +import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime'; +import { createComponent } from '@stencil/react-output-target/runtime'; +import React from 'react'; export type AddCircleIconEvents = NonNullable; -export const AddCircleIcon: StencilReactComponent< - AddCircleIconElement, - AddCircleIconEvents -> = /*@__PURE__*/ createComponent({ - tagName: "add-circle-icon", - elementClass: AddCircleIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as AddCircleIconEvents, - defineCustomElement: defineAddCircleIcon, +export const AddCircleIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'add-circle-icon', + elementClass: AddCircleIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as AddCircleIconEvents, + defineCustomElement: defineAddCircleIcon }); export type ArchiveIconEvents = NonNullable; -export const ArchiveIcon: StencilReactComponent< - ArchiveIconElement, - ArchiveIconEvents -> = /*@__PURE__*/ createComponent({ - tagName: "archive-icon", - elementClass: ArchiveIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as ArchiveIconEvents, - defineCustomElement: defineArchiveIcon, +export const ArchiveIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'archive-icon', + elementClass: ArchiveIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as ArchiveIconEvents, + defineCustomElement: defineArchiveIcon }); export type ArrowIconEvents = NonNullable; -export const ArrowIcon: StencilReactComponent< - ArrowIconElement, - ArrowIconEvents -> = /*@__PURE__*/ createComponent({ - tagName: "arrow-icon", - elementClass: ArrowIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as ArrowIconEvents, - defineCustomElement: defineArrowIcon, +export const ArrowIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'arrow-icon', + elementClass: ArrowIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as ArrowIconEvents, + defineCustomElement: defineArrowIcon }); export type BoldIconEvents = NonNullable; -export const BoldIcon: StencilReactComponent = - /*@__PURE__*/ createComponent({ - tagName: "bold-icon", +export const BoldIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'bold-icon', elementClass: BoldIconElement, // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. react: React, events: {} as BoldIconEvents, - defineCustomElement: defineBoldIcon, - }); + defineCustomElement: defineBoldIcon +}); export type ButtonComponentEvents = NonNullable; -export const ButtonComponent: StencilReactComponent< - ButtonComponentElement, - ButtonComponentEvents -> = /*@__PURE__*/ createComponent< - ButtonComponentElement, - ButtonComponentEvents ->({ - tagName: "button-component", - elementClass: ButtonComponentElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as ButtonComponentEvents, - defineCustomElement: defineButtonComponent, +export const ButtonComponent: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'button-component', + elementClass: ButtonComponentElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as ButtonComponentEvents, + defineCustomElement: defineButtonComponent }); export type CalendarAgendaFillIconEvents = NonNullable; -export const CalendarAgendaFillIcon: StencilReactComponent< - CalendarAgendaFillIconElement, - CalendarAgendaFillIconEvents -> = /*@__PURE__*/ createComponent< - CalendarAgendaFillIconElement, - CalendarAgendaFillIconEvents ->({ - tagName: "calendar-agenda-fill-icon", - elementClass: CalendarAgendaFillIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as CalendarAgendaFillIconEvents, - defineCustomElement: defineCalendarAgendaFillIcon, +export const CalendarAgendaFillIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'calendar-agenda-fill-icon', + elementClass: CalendarAgendaFillIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as CalendarAgendaFillIconEvents, + defineCustomElement: defineCalendarAgendaFillIcon }); export type CalendarAgendaIconEvents = NonNullable; -export const CalendarAgendaIcon: StencilReactComponent< - CalendarAgendaIconElement, - CalendarAgendaIconEvents -> = /*@__PURE__*/ createComponent< - CalendarAgendaIconElement, - CalendarAgendaIconEvents ->({ - tagName: "calendar-agenda-icon", - elementClass: CalendarAgendaIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as CalendarAgendaIconEvents, - defineCustomElement: defineCalendarAgendaIcon, +export const CalendarAgendaIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'calendar-agenda-icon', + elementClass: CalendarAgendaIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as CalendarAgendaIconEvents, + defineCustomElement: defineCalendarAgendaIcon }); export type CalendarCancelIconEvents = NonNullable; -export const CalendarCancelIcon: StencilReactComponent< - CalendarCancelIconElement, - CalendarCancelIconEvents -> = /*@__PURE__*/ createComponent< - CalendarCancelIconElement, - CalendarCancelIconEvents ->({ - tagName: "calendar-cancel-icon", - elementClass: CalendarCancelIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as CalendarCancelIconEvents, - defineCustomElement: defineCalendarCancelIcon, +export const CalendarCancelIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'calendar-cancel-icon', + elementClass: CalendarCancelIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as CalendarCancelIconEvents, + defineCustomElement: defineCalendarCancelIcon }); export type CalendarCheckIconEvents = NonNullable; -export const CalendarCheckIcon: StencilReactComponent< - CalendarCheckIconElement, - CalendarCheckIconEvents -> = /*@__PURE__*/ createComponent< - CalendarCheckIconElement, - CalendarCheckIconEvents ->({ - tagName: "calendar-check-icon", - elementClass: CalendarCheckIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as CalendarCheckIconEvents, - defineCustomElement: defineCalendarCheckIcon, +export const CalendarCheckIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'calendar-check-icon', + elementClass: CalendarCheckIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as CalendarCheckIconEvents, + defineCustomElement: defineCalendarCheckIcon }); export type CalendarIconEvents = NonNullable; -export const CalendarIcon: StencilReactComponent< - CalendarIconElement, - CalendarIconEvents -> = /*@__PURE__*/ createComponent({ - tagName: "calendar-icon", - elementClass: CalendarIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as CalendarIconEvents, - defineCustomElement: defineCalendarIcon, +export const CalendarIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'calendar-icon', + elementClass: CalendarIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as CalendarIconEvents, + defineCustomElement: defineCalendarIcon }); export type CalendarInfoIconEvents = NonNullable; -export const CalendarInfoIcon: StencilReactComponent< - CalendarInfoIconElement, - CalendarInfoIconEvents -> = /*@__PURE__*/ createComponent< - CalendarInfoIconElement, - CalendarInfoIconEvents ->({ - tagName: "calendar-info-icon", - elementClass: CalendarInfoIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as CalendarInfoIconEvents, - defineCustomElement: defineCalendarInfoIcon, +export const CalendarInfoIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'calendar-info-icon', + elementClass: CalendarInfoIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as CalendarInfoIconEvents, + defineCustomElement: defineCalendarInfoIcon }); export type CalendarPatternsIconEvents = NonNullable; -export const CalendarPatternsIcon: StencilReactComponent< - CalendarPatternsIconElement, - CalendarPatternsIconEvents -> = /*@__PURE__*/ createComponent< - CalendarPatternsIconElement, - CalendarPatternsIconEvents ->({ - tagName: "calendar-patterns-icon", - elementClass: CalendarPatternsIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as CalendarPatternsIconEvents, - defineCustomElement: defineCalendarPatternsIcon, +export const CalendarPatternsIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'calendar-patterns-icon', + elementClass: CalendarPatternsIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as CalendarPatternsIconEvents, + defineCustomElement: defineCalendarPatternsIcon }); export type CheckboxComponentEvents = { - onNylasFormCheckboxToggled: EventName< - CustomEvent<{ - checked: boolean; - name: string; - label: string; - }> - >; + onNylasFormCheckboxToggled: EventName> }; -export const CheckboxComponent: StencilReactComponent< - CheckboxComponentElement, - CheckboxComponentEvents -> = /*@__PURE__*/ createComponent< - CheckboxComponentElement, - CheckboxComponentEvents ->({ - tagName: "checkbox-component", - elementClass: CheckboxComponentElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { - onNylasFormCheckboxToggled: "nylasFormCheckboxToggled", - } as CheckboxComponentEvents, - defineCustomElement: defineCheckboxComponent, +export const CheckboxComponent: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'checkbox-component', + elementClass: CheckboxComponentElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { onNylasFormCheckboxToggled: 'nylasFormCheckboxToggled' } as CheckboxComponentEvents, + defineCustomElement: defineCheckboxComponent }); export type CheckboxGroupEvents = { - onNylasCheckboxGroupChanged: EventName< - CustomEvent<{ - selectedValues: string[]; - name: string; - }> - >; + onNylasCheckboxGroupChanged: EventName> }; -export const CheckboxGroup: StencilReactComponent< - CheckboxGroupElement, - CheckboxGroupEvents -> = /*@__PURE__*/ createComponent({ - tagName: "checkbox-group", - elementClass: CheckboxGroupElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { - onNylasCheckboxGroupChanged: "nylasCheckboxGroupChanged", - } as CheckboxGroupEvents, - defineCustomElement: defineCheckboxGroup, +export const CheckboxGroup: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'checkbox-group', + elementClass: CheckboxGroupElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { onNylasCheckboxGroupChanged: 'nylasCheckboxGroupChanged' } as CheckboxGroupEvents, + defineCustomElement: defineCheckboxGroup }); export type CheckmarkCircleIconEvents = NonNullable; -export const CheckmarkCircleIcon: StencilReactComponent< - CheckmarkCircleIconElement, - CheckmarkCircleIconEvents -> = /*@__PURE__*/ createComponent< - CheckmarkCircleIconElement, - CheckmarkCircleIconEvents ->({ - tagName: "checkmark-circle-icon", - elementClass: CheckmarkCircleIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as CheckmarkCircleIconEvents, - defineCustomElement: defineCheckmarkCircleIcon, +export const CheckmarkCircleIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'checkmark-circle-icon', + elementClass: CheckmarkCircleIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as CheckmarkCircleIconEvents, + defineCustomElement: defineCheckmarkCircleIcon }); export type CheckmarkIconEvents = NonNullable; -export const CheckmarkIcon: StencilReactComponent< - CheckmarkIconElement, - CheckmarkIconEvents -> = /*@__PURE__*/ createComponent({ - tagName: "checkmark-icon", - elementClass: CheckmarkIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as CheckmarkIconEvents, - defineCustomElement: defineCheckmarkIcon, +export const CheckmarkIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'checkmark-icon', + elementClass: CheckmarkIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as CheckmarkIconEvents, + defineCustomElement: defineCheckmarkIcon }); export type ChevronIconEvents = NonNullable; -export const ChevronIcon: StencilReactComponent< - ChevronIconElement, - ChevronIconEvents -> = /*@__PURE__*/ createComponent({ - tagName: "chevron-icon", - elementClass: ChevronIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as ChevronIconEvents, - defineCustomElement: defineChevronIcon, +export const ChevronIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'chevron-icon', + elementClass: ChevronIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as ChevronIconEvents, + defineCustomElement: defineChevronIcon }); export type ClockIconEvents = NonNullable; -export const ClockIcon: StencilReactComponent< - ClockIconElement, - ClockIconEvents -> = /*@__PURE__*/ createComponent({ - tagName: "clock-icon", - elementClass: ClockIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as ClockIconEvents, - defineCustomElement: defineClockIcon, +export const ClockIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'clock-icon', + elementClass: ClockIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as ClockIconEvents, + defineCustomElement: defineClockIcon }); export type CloseIconEvents = NonNullable; -export const CloseIcon: StencilReactComponent< - CloseIconElement, - CloseIconEvents -> = /*@__PURE__*/ createComponent({ - tagName: "close-icon", - elementClass: CloseIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as CloseIconEvents, - defineCustomElement: defineCloseIcon, +export const CloseIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'close-icon', + elementClass: CloseIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as CloseIconEvents, + defineCustomElement: defineCloseIcon }); export type CopyIconEvents = NonNullable; -export const CopyIcon: StencilReactComponent = - /*@__PURE__*/ createComponent({ - tagName: "copy-icon", +export const CopyIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'copy-icon', elementClass: CopyIconElement, // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. react: React, events: {} as CopyIconEvents, - defineCustomElement: defineCopyIcon, - }); + defineCustomElement: defineCopyIcon +}); export type DeleteIconEvents = NonNullable; -export const DeleteIcon: StencilReactComponent< - DeleteIconElement, - DeleteIconEvents -> = /*@__PURE__*/ createComponent({ - tagName: "delete-icon", - elementClass: DeleteIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as DeleteIconEvents, - defineCustomElement: defineDeleteIcon, +export const DeleteIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'delete-icon', + elementClass: DeleteIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as DeleteIconEvents, + defineCustomElement: defineDeleteIcon }); export type DocumentRefreshIconEvents = NonNullable; -export const DocumentRefreshIcon: StencilReactComponent< - DocumentRefreshIconElement, - DocumentRefreshIconEvents -> = /*@__PURE__*/ createComponent< - DocumentRefreshIconElement, - DocumentRefreshIconEvents ->({ - tagName: "document-refresh-icon", - elementClass: DocumentRefreshIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as DocumentRefreshIconEvents, - defineCustomElement: defineDocumentRefreshIcon, +export const DocumentRefreshIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'document-refresh-icon', + elementClass: DocumentRefreshIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as DocumentRefreshIconEvents, + defineCustomElement: defineDocumentRefreshIcon }); export type DragableIconEvents = NonNullable; -export const DragableIcon: StencilReactComponent< - DragableIconElement, - DragableIconEvents -> = /*@__PURE__*/ createComponent({ - tagName: "dragable-icon", - elementClass: DragableIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as DragableIconEvents, - defineCustomElement: defineDragableIcon, +export const DragableIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'dragable-icon', + elementClass: DragableIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as DragableIconEvents, + defineCustomElement: defineDragableIcon }); export type EditIconEvents = NonNullable; -export const EditIcon: StencilReactComponent = - /*@__PURE__*/ createComponent({ - tagName: "edit-icon", +export const EditIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'edit-icon', elementClass: EditIconElement, // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. react: React, events: {} as EditIconEvents, - defineCustomElement: defineEditIcon, - }); + defineCustomElement: defineEditIcon +}); export type EnvelopeFillIconEvents = NonNullable; -export const EnvelopeFillIcon: StencilReactComponent< - EnvelopeFillIconElement, - EnvelopeFillIconEvents -> = /*@__PURE__*/ createComponent< - EnvelopeFillIconElement, - EnvelopeFillIconEvents ->({ - tagName: "envelope-fill-icon", - elementClass: EnvelopeFillIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as EnvelopeFillIconEvents, - defineCustomElement: defineEnvelopeFillIcon, +export const EnvelopeFillIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'envelope-fill-icon', + elementClass: EnvelopeFillIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as EnvelopeFillIconEvents, + defineCustomElement: defineEnvelopeFillIcon }); export type EnvelopeIconEvents = NonNullable; -export const EnvelopeIcon: StencilReactComponent< - EnvelopeIconElement, - EnvelopeIconEvents -> = /*@__PURE__*/ createComponent({ - tagName: "envelope-icon", - elementClass: EnvelopeIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as EnvelopeIconEvents, - defineCustomElement: defineEnvelopeIcon, +export const EnvelopeIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'envelope-icon', + elementClass: EnvelopeIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as EnvelopeIconEvents, + defineCustomElement: defineEnvelopeIcon }); export type EyeIconEvents = NonNullable; -export const EyeIcon: StencilReactComponent = - /*@__PURE__*/ createComponent({ - tagName: "eye-icon", +export const EyeIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'eye-icon', elementClass: EyeIconElement, // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. react: React, events: {} as EyeIconEvents, - defineCustomElement: defineEyeIcon, - }); + defineCustomElement: defineEyeIcon +}); export type FeedbackIconEvents = NonNullable; -export const FeedbackIcon: StencilReactComponent< - FeedbackIconElement, - FeedbackIconEvents -> = /*@__PURE__*/ createComponent({ - tagName: "feedback-icon", - elementClass: FeedbackIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as FeedbackIconEvents, - defineCustomElement: defineFeedbackIcon, +export const FeedbackIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'feedback-icon', + elementClass: FeedbackIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as FeedbackIconEvents, + defineCustomElement: defineFeedbackIcon }); export type FlowIconEvents = NonNullable; -export const FlowIcon: StencilReactComponent = - /*@__PURE__*/ createComponent({ - tagName: "flow-icon", +export const FlowIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'flow-icon', elementClass: FlowIconElement, // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. react: React, events: {} as FlowIconEvents, - defineCustomElement: defineFlowIcon, - }); + defineCustomElement: defineFlowIcon +}); export type FolderIconEvents = NonNullable; -export const FolderIcon: StencilReactComponent< - FolderIconElement, - FolderIconEvents -> = /*@__PURE__*/ createComponent({ - tagName: "folder-icon", - elementClass: FolderIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as FolderIconEvents, - defineCustomElement: defineFolderIcon, +export const FolderIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'folder-icon', + elementClass: FolderIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as FolderIconEvents, + defineCustomElement: defineFolderIcon }); export type ForwardIconEvents = NonNullable; -export const ForwardIcon: StencilReactComponent< - ForwardIconElement, - ForwardIconEvents -> = /*@__PURE__*/ createComponent({ - tagName: "forward-icon", - elementClass: ForwardIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as ForwardIconEvents, - defineCustomElement: defineForwardIcon, +export const ForwardIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'forward-icon', + elementClass: ForwardIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as ForwardIconEvents, + defineCustomElement: defineForwardIcon }); export type GlobeIconEvents = NonNullable; -export const GlobeIcon: StencilReactComponent< - GlobeIconElement, - GlobeIconEvents -> = /*@__PURE__*/ createComponent({ - tagName: "globe-icon", - elementClass: GlobeIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as GlobeIconEvents, - defineCustomElement: defineGlobeIcon, +export const GlobeIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'globe-icon', + elementClass: GlobeIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as GlobeIconEvents, + defineCustomElement: defineGlobeIcon }); export type GoogleLogoIconEvents = NonNullable; -export const GoogleLogoIcon: StencilReactComponent< - GoogleLogoIconElement, - GoogleLogoIconEvents -> = /*@__PURE__*/ createComponent({ - tagName: "google-logo-icon", - elementClass: GoogleLogoIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as GoogleLogoIconEvents, - defineCustomElement: defineGoogleLogoIcon, +export const GoogleLogoIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'google-logo-icon', + elementClass: GoogleLogoIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as GoogleLogoIconEvents, + defineCustomElement: defineGoogleLogoIcon }); export type GoogleMeetIconEvents = NonNullable; -export const GoogleMeetIcon: StencilReactComponent< - GoogleMeetIconElement, - GoogleMeetIconEvents -> = /*@__PURE__*/ createComponent({ - tagName: "google-meet-icon", - elementClass: GoogleMeetIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as GoogleMeetIconEvents, - defineCustomElement: defineGoogleMeetIcon, +export const GoogleMeetIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'google-meet-icon', + elementClass: GoogleMeetIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as GoogleMeetIconEvents, + defineCustomElement: defineGoogleMeetIcon }); export type InboxIconEvents = NonNullable; -export const InboxIcon: StencilReactComponent< - InboxIconElement, - InboxIconEvents -> = /*@__PURE__*/ createComponent({ - tagName: "inbox-icon", - elementClass: InboxIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as InboxIconEvents, - defineCustomElement: defineInboxIcon, +export const InboxIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'inbox-icon', + elementClass: InboxIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as InboxIconEvents, + defineCustomElement: defineInboxIcon }); export type InfoIconEvents = NonNullable; -export const InfoIcon: StencilReactComponent = - /*@__PURE__*/ createComponent({ - tagName: "info-icon", +export const InfoIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'info-icon', elementClass: InfoIconElement, // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. react: React, events: {} as InfoIconEvents, - defineCustomElement: defineInfoIcon, - }); + defineCustomElement: defineInfoIcon +}); export type InputColorPickerEvents = { - onNylasFormDropdownChanged: EventName< - CustomEvent<{ - value: string; - name: string; - error?: string; - label?: string; - }> - >; + onNylasFormDropdownChanged: EventName> }; -export const InputColorPicker: StencilReactComponent< - InputColorPickerElement, - InputColorPickerEvents -> = /*@__PURE__*/ createComponent< - InputColorPickerElement, - InputColorPickerEvents ->({ - tagName: "input-color-picker", - elementClass: InputColorPickerElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { - onNylasFormDropdownChanged: "nylasFormDropdownChanged", - } as InputColorPickerEvents, - defineCustomElement: defineInputColorPicker, +export const InputColorPicker: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'input-color-picker', + elementClass: InputColorPickerElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { onNylasFormDropdownChanged: 'nylasFormDropdownChanged' } as InputColorPickerEvents, + defineCustomElement: defineInputColorPicker }); export type InputComponentEvents = { - onNylasFormInputChanged: EventName< - CustomEvent<{ - value: string; - name: string; - label: string; - type: string; - error: string; - }> - >; - onNylasFormInputFocused: EventName< - CustomEvent<{ - value: string; - name: string; - }> - >; - onNylasFormInputBlurred: EventName< - CustomEvent<{ - value: string; - name: string; - }> - >; -}; - -export const InputComponent: StencilReactComponent< - InputComponentElement, - InputComponentEvents -> = /*@__PURE__*/ createComponent({ - tagName: "input-component", - elementClass: InputComponentElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { - onNylasFormInputChanged: "nylasFormInputChanged", - onNylasFormInputFocused: "nylasFormInputFocused", - onNylasFormInputBlurred: "nylasFormInputBlurred", - } as InputComponentEvents, - defineCustomElement: defineInputComponent, + onNylasFormInputChanged: EventName>, + onNylasFormInputFocused: EventName>, + onNylasFormInputBlurred: EventName> +}; + +export const InputComponent: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'input-component', + elementClass: InputComponentElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { + onNylasFormInputChanged: 'nylasFormInputChanged', + onNylasFormInputFocused: 'nylasFormInputFocused', + onNylasFormInputBlurred: 'nylasFormInputBlurred' + } as InputComponentEvents, + defineCustomElement: defineInputComponent }); export type InputDropdownEvents = { - onInputOptionChanged: EventName< - InputDropdownCustomEvent<{ - value: DropdownOption["value"]; - name: string; - }> - >; + onInputOptionChanged: EventName> }; -export const InputDropdown: StencilReactComponent< - InputDropdownElement, - InputDropdownEvents -> = /*@__PURE__*/ createComponent({ - tagName: "input-dropdown", - elementClass: InputDropdownElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { onInputOptionChanged: "inputOptionChanged" } as InputDropdownEvents, - defineCustomElement: defineInputDropdown, +export const InputDropdown: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'input-dropdown', + elementClass: InputDropdownElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { onInputOptionChanged: 'inputOptionChanged' } as InputDropdownEvents, + defineCustomElement: defineInputDropdown }); export type InputImageUrlEvents = { - onNylasFormInputImageUrlInvalid: EventName< - CustomEvent<{ value: string; name: string }> - >; - onValueChanged: EventName< - InputImageUrlCustomEvent<{ - value: string; - name: string; - valueChanged?: ( - event: CustomEvent<{ value: string; name: string }>, - ) => void; - }> - >; + onNylasFormInputImageUrlInvalid: EventName>, + onValueChanged: EventName) => void; + }>> }; -export const InputImageUrl: StencilReactComponent< - InputImageUrlElement, - InputImageUrlEvents -> = /*@__PURE__*/ createComponent({ - tagName: "input-image-url", - elementClass: InputImageUrlElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { - onNylasFormInputImageUrlInvalid: "nylasFormInputImageUrlInvalid", - onValueChanged: "valueChanged", - } as InputImageUrlEvents, - defineCustomElement: defineInputImageUrl, +export const InputImageUrl: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'input-image-url', + elementClass: InputImageUrlElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { + onNylasFormInputImageUrlInvalid: 'nylasFormInputImageUrlInvalid', + onValueChanged: 'valueChanged' + } as InputImageUrlEvents, + defineCustomElement: defineInputImageUrl }); export type ItalicIconEvents = NonNullable; -export const ItalicIcon: StencilReactComponent< - ItalicIconElement, - ItalicIconEvents -> = /*@__PURE__*/ createComponent({ - tagName: "italic-icon", - elementClass: ItalicIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as ItalicIconEvents, - defineCustomElement: defineItalicIcon, +export const ItalicIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'italic-icon', + elementClass: ItalicIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as ItalicIconEvents, + defineCustomElement: defineItalicIcon }); export type LoadingIconEvents = NonNullable; -export const LoadingIcon: StencilReactComponent< - LoadingIconElement, - LoadingIconEvents -> = /*@__PURE__*/ createComponent({ - tagName: "loading-icon", - elementClass: LoadingIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as LoadingIconEvents, - defineCustomElement: defineLoadingIcon, +export const LoadingIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'loading-icon', + elementClass: LoadingIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as LoadingIconEvents, + defineCustomElement: defineLoadingIcon }); export type LocationIconEvents = NonNullable; -export const LocationIcon: StencilReactComponent< - LocationIconElement, - LocationIconEvents -> = /*@__PURE__*/ createComponent({ - tagName: "location-icon", - elementClass: LocationIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as LocationIconEvents, - defineCustomElement: defineLocationIcon, +export const LocationIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'location-icon', + elementClass: LocationIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as LocationIconEvents, + defineCustomElement: defineLocationIcon }); export type LocationOffIconEvents = NonNullable; -export const LocationOffIcon: StencilReactComponent< - LocationOffIconElement, - LocationOffIconEvents -> = /*@__PURE__*/ createComponent< - LocationOffIconElement, - LocationOffIconEvents ->({ - tagName: "location-off-icon", - elementClass: LocationOffIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as LocationOffIconEvents, - defineCustomElement: defineLocationOffIcon, +export const LocationOffIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'location-off-icon', + elementClass: LocationOffIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as LocationOffIconEvents, + defineCustomElement: defineLocationOffIcon }); export type MicrosoftLogoIconEvents = NonNullable; -export const MicrosoftLogoIcon: StencilReactComponent< - MicrosoftLogoIconElement, - MicrosoftLogoIconEvents -> = /*@__PURE__*/ createComponent< - MicrosoftLogoIconElement, - MicrosoftLogoIconEvents ->({ - tagName: "microsoft-logo-icon", - elementClass: MicrosoftLogoIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as MicrosoftLogoIconEvents, - defineCustomElement: defineMicrosoftLogoIcon, +export const MicrosoftLogoIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'microsoft-logo-icon', + elementClass: MicrosoftLogoIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as MicrosoftLogoIconEvents, + defineCustomElement: defineMicrosoftLogoIcon }); export type MicrosoftTeamsIconEvents = NonNullable; -export const MicrosoftTeamsIcon: StencilReactComponent< - MicrosoftTeamsIconElement, - MicrosoftTeamsIconEvents -> = /*@__PURE__*/ createComponent< - MicrosoftTeamsIconElement, - MicrosoftTeamsIconEvents ->({ - tagName: "microsoft-teams-icon", - elementClass: MicrosoftTeamsIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as MicrosoftTeamsIconEvents, - defineCustomElement: defineMicrosoftTeamsIcon, +export const MicrosoftTeamsIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'microsoft-teams-icon', + elementClass: MicrosoftTeamsIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as MicrosoftTeamsIconEvents, + defineCustomElement: defineMicrosoftTeamsIcon }); export type MultiSelectDropdownEvents = { - onSelectedOptionsChanged: EventName< - CustomEvent<{ - value: string[]; - name: string; - }> - >; + onSelectedOptionsChanged: EventName> }; -export const MultiSelectDropdown: StencilReactComponent< - MultiSelectDropdownElement, - MultiSelectDropdownEvents -> = /*@__PURE__*/ createComponent< - MultiSelectDropdownElement, - MultiSelectDropdownEvents ->({ - tagName: "multi-select-dropdown", - elementClass: MultiSelectDropdownElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { - onSelectedOptionsChanged: "selectedOptionsChanged", - } as MultiSelectDropdownEvents, - defineCustomElement: defineMultiSelectDropdown, +export const MultiSelectDropdown: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'multi-select-dropdown', + elementClass: MultiSelectDropdownElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { onSelectedOptionsChanged: 'selectedOptionsChanged' } as MultiSelectDropdownEvents, + defineCustomElement: defineMultiSelectDropdown }); export type NylasAdditionalParticipantsEvents = { - onValueChanged: EventName< - CustomEvent<{ - value: string; - name: string; - }> - >; + onValueChanged: EventName>, + onParticipantSearchResultSelected: EventName> }; -export const NylasAdditionalParticipants: StencilReactComponent< - NylasAdditionalParticipantsElement, - NylasAdditionalParticipantsEvents -> = /*@__PURE__*/ createComponent< - NylasAdditionalParticipantsElement, - NylasAdditionalParticipantsEvents ->({ - tagName: "nylas-additional-participants", - elementClass: NylasAdditionalParticipantsElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { - onValueChanged: "valueChanged", - } as NylasAdditionalParticipantsEvents, - defineCustomElement: defineNylasAdditionalParticipants, +export const NylasAdditionalParticipants: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'nylas-additional-participants', + elementClass: NylasAdditionalParticipantsElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { + onValueChanged: 'valueChanged', + onParticipantSearchResultSelected: 'participantSearchResultSelected' + } as NylasAdditionalParticipantsEvents, + defineCustomElement: defineNylasAdditionalParticipants }); export type NylasAvailabilityPickerEvents = { - onValueChanged: EventName< - CustomEvent<{ - value: string; - name: string; - }> - >; + onValueChanged: EventName> }; -export const NylasAvailabilityPicker: StencilReactComponent< - NylasAvailabilityPickerElement, - NylasAvailabilityPickerEvents -> = /*@__PURE__*/ createComponent< - NylasAvailabilityPickerElement, - NylasAvailabilityPickerEvents ->({ - tagName: "nylas-availability-picker", - elementClass: NylasAvailabilityPickerElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { onValueChanged: "valueChanged" } as NylasAvailabilityPickerEvents, - defineCustomElement: defineNylasAvailabilityPicker, +export const NylasAvailabilityPicker: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'nylas-availability-picker', + elementClass: NylasAvailabilityPickerElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { onValueChanged: 'valueChanged' } as NylasAvailabilityPickerEvents, + defineCustomElement: defineNylasAvailabilityPicker }); export type NylasBookedEventCardEvents = { - onCancelBookingButtonClicked: EventName>; - onRescheduleButtonClicked: EventName< - NylasBookedEventCardCustomEvent<{ - bookingId: string; - errorHandler?: (error: NylasSchedulerErrorResponse) => void; - }> - >; - onRescheduleBookedEventError: EventName< - NylasBookedEventCardCustomEvent - >; - onCancelBookedEventValidationError: EventName< - CustomEvent<{ - error: { - title: string; - message: string; - }; - }> - >; -}; - -export const NylasBookedEventCard: StencilReactComponent< - NylasBookedEventCardElement, - NylasBookedEventCardEvents -> = /*@__PURE__*/ createComponent< - NylasBookedEventCardElement, - NylasBookedEventCardEvents ->({ - tagName: "nylas-booked-event-card", - elementClass: NylasBookedEventCardElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { - onCancelBookingButtonClicked: "cancelBookingButtonClicked", - onRescheduleButtonClicked: "rescheduleButtonClicked", - onRescheduleBookedEventError: "rescheduleBookedEventError", - onCancelBookedEventValidationError: "cancelBookedEventValidationError", - } as NylasBookedEventCardEvents, - defineCustomElement: defineNylasBookedEventCard, + onCancelBookingButtonClicked: EventName>, + onRescheduleButtonClicked: EventName void }>>, + onRescheduleBookedEventError: EventName>, + onCancelBookedEventValidationError: EventName> +}; + +export const NylasBookedEventCard: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'nylas-booked-event-card', + elementClass: NylasBookedEventCardElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { + onCancelBookingButtonClicked: 'cancelBookingButtonClicked', + onRescheduleButtonClicked: 'rescheduleButtonClicked', + onRescheduleBookedEventError: 'rescheduleBookedEventError', + onCancelBookedEventValidationError: 'cancelBookedEventValidationError' + } as NylasBookedEventCardEvents, + defineCustomElement: defineNylasBookedEventCard }); export type NylasBookingCalendarPickerEvents = { - onValueChanged: EventName< - NylasBookingCalendarPickerCustomEvent<{ - value: string; - name: string; - valueChanged?: ( - event: CustomEvent<{ value: string; name: string }>, - ) => void; - }> - >; + onValueChanged: EventName) => void; + }>> }; -export const NylasBookingCalendarPicker: StencilReactComponent< - NylasBookingCalendarPickerElement, - NylasBookingCalendarPickerEvents -> = /*@__PURE__*/ createComponent< - NylasBookingCalendarPickerElement, - NylasBookingCalendarPickerEvents ->({ - tagName: "nylas-booking-calendar-picker", - elementClass: NylasBookingCalendarPickerElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { - onValueChanged: "valueChanged", - } as NylasBookingCalendarPickerEvents, - defineCustomElement: defineNylasBookingCalendarPicker, +export const NylasBookingCalendarPicker: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'nylas-booking-calendar-picker', + elementClass: NylasBookingCalendarPickerElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { onValueChanged: 'valueChanged' } as NylasBookingCalendarPickerEvents, + defineCustomElement: defineNylasBookingCalendarPicker }); export type NylasBookingConfirmationRedirectEvents = { - onValueChanged: EventName< - NylasBookingConfirmationRedirectCustomEvent<{ - value: string; - name: string; - valueChanged?: ( - event: CustomEvent<{ value: string; name: string }>, - ) => void; - }> - >; + onValueChanged: EventName) => void; + }>> }; -export const NylasBookingConfirmationRedirect: StencilReactComponent< - NylasBookingConfirmationRedirectElement, - NylasBookingConfirmationRedirectEvents -> = /*@__PURE__*/ createComponent< - NylasBookingConfirmationRedirectElement, - NylasBookingConfirmationRedirectEvents ->({ - tagName: "nylas-booking-confirmation-redirect", - elementClass: NylasBookingConfirmationRedirectElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { - onValueChanged: "valueChanged", - } as NylasBookingConfirmationRedirectEvents, - defineCustomElement: defineNylasBookingConfirmationRedirect, +export const NylasBookingConfirmationRedirect: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'nylas-booking-confirmation-redirect', + elementClass: NylasBookingConfirmationRedirectElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { onValueChanged: 'valueChanged' } as NylasBookingConfirmationRedirectEvents, + defineCustomElement: defineNylasBookingConfirmationRedirect }); export type NylasBookingConfirmationTypeEvents = { - onValueChanged: EventName< - NylasBookingConfirmationTypeCustomEvent<{ - value: string; - name: string; - valueChanged?: ( - event: CustomEvent<{ value: string; name: string }>, - ) => void; - }> - >; + onValueChanged: EventName) => void; + }>> }; -export const NylasBookingConfirmationType: StencilReactComponent< - NylasBookingConfirmationTypeElement, - NylasBookingConfirmationTypeEvents -> = /*@__PURE__*/ createComponent< - NylasBookingConfirmationTypeElement, - NylasBookingConfirmationTypeEvents ->({ - tagName: "nylas-booking-confirmation-type", - elementClass: NylasBookingConfirmationTypeElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { - onValueChanged: "valueChanged", - } as NylasBookingConfirmationTypeEvents, - defineCustomElement: defineNylasBookingConfirmationType, +export const NylasBookingConfirmationType: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'nylas-booking-confirmation-type', + elementClass: NylasBookingConfirmationTypeElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { onValueChanged: 'valueChanged' } as NylasBookingConfirmationTypeEvents, + defineCustomElement: defineNylasBookingConfirmationType }); export type NylasBookingFormEvents = { - onNameChanged: EventName>; - onEmailChanged: EventName>; - onBackButtonClicked: EventName>; - onDetailsConfirmed: EventName< - NylasBookingFormCustomEvent - >; - onBookingFormError: EventName< - NylasBookingFormCustomEvent> - >; - onBookingFormSubmitted: EventName>; + onNameChanged: EventName>, + onEmailChanged: EventName>, + onBackButtonClicked: EventName>, + onDetailsConfirmed: EventName>, + onBookingFormError: EventName>>, + onBookingFormSubmitted: EventName> }; -export const NylasBookingForm: StencilReactComponent< - NylasBookingFormElement, - NylasBookingFormEvents -> = /*@__PURE__*/ createComponent< - NylasBookingFormElement, - NylasBookingFormEvents ->({ - tagName: "nylas-booking-form", - elementClass: NylasBookingFormElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { - onNameChanged: "nameChanged", - onEmailChanged: "emailChanged", - onBackButtonClicked: "backButtonClicked", - onDetailsConfirmed: "detailsConfirmed", - onBookingFormError: "bookingFormError", - onBookingFormSubmitted: "bookingFormSubmitted", - } as NylasBookingFormEvents, - defineCustomElement: defineNylasBookingForm, +export const NylasBookingForm: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'nylas-booking-form', + elementClass: NylasBookingFormElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { + onNameChanged: 'nameChanged', + onEmailChanged: 'emailChanged', + onBackButtonClicked: 'backButtonClicked', + onDetailsConfirmed: 'detailsConfirmed', + onBookingFormError: 'bookingFormError', + onBookingFormSubmitted: 'bookingFormSubmitted' + } as NylasBookingFormEvents, + defineCustomElement: defineNylasBookingForm }); export type NylasBookingFormConfigEvents = { - onValueChanged: EventName< - CustomEvent<{ - value: string; - name: string; - }> - >; + onValueChanged: EventName> }; -export const NylasBookingFormConfig: StencilReactComponent< - NylasBookingFormConfigElement, - NylasBookingFormConfigEvents -> = /*@__PURE__*/ createComponent< - NylasBookingFormConfigElement, - NylasBookingFormConfigEvents ->({ - tagName: "nylas-booking-form-config", - elementClass: NylasBookingFormConfigElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { onValueChanged: "valueChanged" } as NylasBookingFormConfigEvents, - defineCustomElement: defineNylasBookingFormConfig, +export const NylasBookingFormConfig: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'nylas-booking-form-config', + elementClass: NylasBookingFormConfigElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { onValueChanged: 'valueChanged' } as NylasBookingFormConfigEvents, + defineCustomElement: defineNylasBookingFormConfig }); export type NylasBufferTimeEvents = { - onValueChanged: EventName< - NylasBufferTimeCustomEvent<{ - value: string; - name: string; - valueChanged?: ( - event: CustomEvent<{ value: string; name: string }>, - ) => void; - }> - >; + onValueChanged: EventName) => void; + }>> }; -export const NylasBufferTime: StencilReactComponent< - NylasBufferTimeElement, - NylasBufferTimeEvents -> = /*@__PURE__*/ createComponent< - NylasBufferTimeElement, - NylasBufferTimeEvents ->({ - tagName: "nylas-buffer-time", - elementClass: NylasBufferTimeElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { onValueChanged: "valueChanged" } as NylasBufferTimeEvents, - defineCustomElement: defineNylasBufferTime, +export const NylasBufferTime: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'nylas-buffer-time', + elementClass: NylasBufferTimeElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { onValueChanged: 'valueChanged' } as NylasBufferTimeEvents, + defineCustomElement: defineNylasBufferTime }); export type NylasCalendarPickerEvents = { - onValueChanged: EventName< - NylasCalendarPickerCustomEvent<{ - value: string[]; - name: string; - valueChangedHandler?: ( - event: CustomEvent<{ value: string[]; name: string }>, - ) => void; - }> - >; + onValueChanged: EventName) => void; + }>> }; -export const NylasCalendarPicker: StencilReactComponent< - NylasCalendarPickerElement, - NylasCalendarPickerEvents -> = /*@__PURE__*/ createComponent< - NylasCalendarPickerElement, - NylasCalendarPickerEvents ->({ - tagName: "nylas-calendar-picker", - elementClass: NylasCalendarPickerElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { onValueChanged: "valueChanged" } as NylasCalendarPickerEvents, - defineCustomElement: defineNylasCalendarPicker, +export const NylasCalendarPicker: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'nylas-calendar-picker', + elementClass: NylasCalendarPickerElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { onValueChanged: 'valueChanged' } as NylasCalendarPickerEvents, + defineCustomElement: defineNylasCalendarPicker }); export type NylasCancelBookingFormEvents = { - onGoBackButtonClicked: EventName>; - onCancelBookingFormSubmitted: EventName< - NylasCancelBookingFormCustomEvent<{ - bookingId: string; - action: "reject" | "cancel"; - reason: string; - errorHandler?: (error: NylasSchedulerErrorResponse) => void; - }> - >; - onTriggerValidation: EventName>; - onCancelBookedEventError: EventName< - NylasCancelBookingFormCustomEvent - >; - onCancelBookingFormError: EventName< - NylasCancelBookingFormCustomEvent> - >; -}; - -export const NylasCancelBookingForm: StencilReactComponent< - NylasCancelBookingFormElement, - NylasCancelBookingFormEvents -> = /*@__PURE__*/ createComponent< - NylasCancelBookingFormElement, - NylasCancelBookingFormEvents ->({ - tagName: "nylas-cancel-booking-form", - elementClass: NylasCancelBookingFormElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { - onGoBackButtonClicked: "goBackButtonClicked", - onCancelBookingFormSubmitted: "cancelBookingFormSubmitted", - onTriggerValidation: "triggerValidation", - onCancelBookedEventError: "cancelBookedEventError", - onCancelBookingFormError: "cancelBookingFormError", - } as NylasCancelBookingFormEvents, - defineCustomElement: defineNylasCancelBookingForm, + onGoBackButtonClicked: EventName>, + onCancelBookingFormSubmitted: EventName void; + }>>, + onTriggerValidation: EventName>, + onCancelBookedEventError: EventName>, + onCancelBookingFormError: EventName>> +}; + +export const NylasCancelBookingForm: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'nylas-cancel-booking-form', + elementClass: NylasCancelBookingFormElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { + onGoBackButtonClicked: 'goBackButtonClicked', + onCancelBookingFormSubmitted: 'cancelBookingFormSubmitted', + onTriggerValidation: 'triggerValidation', + onCancelBookedEventError: 'cancelBookedEventError', + onCancelBookingFormError: 'cancelBookingFormError' + } as NylasCancelBookingFormEvents, + defineCustomElement: defineNylasCancelBookingForm }); export type NylasCancellationPolicyEvents = { - onValueChanged: EventName< - CustomEvent<{ - value: string; - name: string; - }> - >; + onValueChanged: EventName> }; -export const NylasCancellationPolicy: StencilReactComponent< - NylasCancellationPolicyElement, - NylasCancellationPolicyEvents -> = /*@__PURE__*/ createComponent< - NylasCancellationPolicyElement, - NylasCancellationPolicyEvents ->({ - tagName: "nylas-cancellation-policy", - elementClass: NylasCancellationPolicyElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { onValueChanged: "valueChanged" } as NylasCancellationPolicyEvents, - defineCustomElement: defineNylasCancellationPolicy, +export const NylasCancellationPolicy: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'nylas-cancellation-policy', + elementClass: NylasCancellationPolicyElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { onValueChanged: 'valueChanged' } as NylasCancellationPolicyEvents, + defineCustomElement: defineNylasCancellationPolicy }); export type NylasCancelledEventCardEvents = { - onCloseCancelEventCardClicked: EventName< - NylasCancelledEventCardCustomEvent<{ - errorHandler?: (error: NylasSchedulerErrorResponse) => void; - }> - >; - onCancelledEventCardError: EventName< - NylasCancelledEventCardCustomEvent - >; + onCloseCancelEventCardClicked: EventName void }>>, + onCancelledEventCardError: EventName> }; -export const NylasCancelledEventCard: StencilReactComponent< - NylasCancelledEventCardElement, - NylasCancelledEventCardEvents -> = /*@__PURE__*/ createComponent< - NylasCancelledEventCardElement, - NylasCancelledEventCardEvents ->({ - tagName: "nylas-cancelled-event-card", - elementClass: NylasCancelledEventCardElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { - onCloseCancelEventCardClicked: "closeCancelEventCardClicked", - onCancelledEventCardError: "cancelledEventCardError", - } as NylasCancelledEventCardEvents, - defineCustomElement: defineNylasCancelledEventCard, +export const NylasCancelledEventCard: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'nylas-cancelled-event-card', + elementClass: NylasCancelledEventCardElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { + onCloseCancelEventCardClicked: 'closeCancelEventCardClicked', + onCancelledEventCardError: 'cancelledEventCardError' + } as NylasCancelledEventCardEvents, + defineCustomElement: defineNylasCancelledEventCard }); export type NylasConfirmationEmailEvents = { - onValueChanged: EventName< - NylasConfirmationEmailCustomEvent<{ - value: string; - name: string; - valueChanged?: ( - event: CustomEvent<{ value: string; name: string }>, - ) => void; - }> - >; + onValueChanged: EventName) => void; + }>> }; -export const NylasConfirmationEmail: StencilReactComponent< - NylasConfirmationEmailElement, - NylasConfirmationEmailEvents -> = /*@__PURE__*/ createComponent< - NylasConfirmationEmailElement, - NylasConfirmationEmailEvents ->({ - tagName: "nylas-confirmation-email", - elementClass: NylasConfirmationEmailElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { onValueChanged: "valueChanged" } as NylasConfirmationEmailEvents, - defineCustomElement: defineNylasConfirmationEmail, +export const NylasConfirmationEmail: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'nylas-confirmation-email', + elementClass: NylasConfirmationEmailElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { onValueChanged: 'valueChanged' } as NylasConfirmationEmailEvents, + defineCustomElement: defineNylasConfirmationEmail }); export type NylasConfirmedEventCardEvents = { - onCloseConfirmEventCardClicked: EventName< - NylasConfirmedEventCardCustomEvent<{ - errorHandler?: (error: NylasSchedulerErrorResponse) => void; - }> - >; - onConfirmedEventCardError: EventName< - NylasConfirmedEventCardCustomEvent - >; + onCloseConfirmEventCardClicked: EventName void }>>, + onConfirmedEventCardError: EventName> }; -export const NylasConfirmedEventCard: StencilReactComponent< - NylasConfirmedEventCardElement, - NylasConfirmedEventCardEvents -> = /*@__PURE__*/ createComponent< - NylasConfirmedEventCardElement, - NylasConfirmedEventCardEvents ->({ - tagName: "nylas-confirmed-event-card", - elementClass: NylasConfirmedEventCardElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { - onCloseConfirmEventCardClicked: "closeConfirmEventCardClicked", - onConfirmedEventCardError: "confirmedEventCardError", - } as NylasConfirmedEventCardEvents, - defineCustomElement: defineNylasConfirmedEventCard, +export const NylasConfirmedEventCard: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'nylas-confirmed-event-card', + elementClass: NylasConfirmedEventCardElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { + onCloseConfirmEventCardClicked: 'closeConfirmEventCardClicked', + onConfirmedEventCardError: 'confirmedEventCardError' + } as NylasConfirmedEventCardEvents, + defineCustomElement: defineNylasConfirmedEventCard }); export type NylasConnectedCalendarsEvents = { - onValueChanged: EventName< - CustomEvent<{ - value: string; - name: string; - }> - >; + onValueChanged: EventName> }; -export const NylasConnectedCalendars: StencilReactComponent< - NylasConnectedCalendarsElement, - NylasConnectedCalendarsEvents -> = /*@__PURE__*/ createComponent< - NylasConnectedCalendarsElement, - NylasConnectedCalendarsEvents ->({ - tagName: "nylas-connected-calendars", - elementClass: NylasConnectedCalendarsElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { onValueChanged: "valueChanged" } as NylasConnectedCalendarsEvents, - defineCustomElement: defineNylasConnectedCalendars, +export const NylasConnectedCalendars: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'nylas-connected-calendars', + elementClass: NylasConnectedCalendarsElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { onValueChanged: 'valueChanged' } as NylasConnectedCalendarsEvents, + defineCustomElement: defineNylasConnectedCalendars }); export type NylasCustomBookingFlowEvents = NonNullable; -export const NylasCustomBookingFlow: StencilReactComponent< - NylasCustomBookingFlowElement, - NylasCustomBookingFlowEvents -> = /*@__PURE__*/ createComponent< - NylasCustomBookingFlowElement, - NylasCustomBookingFlowEvents ->({ - tagName: "nylas-custom-booking-flow", - elementClass: NylasCustomBookingFlowElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as NylasCustomBookingFlowEvents, - defineCustomElement: defineNylasCustomBookingFlow, +export const NylasCustomBookingFlow: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'nylas-custom-booking-flow', + elementClass: NylasCustomBookingFlowElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as NylasCustomBookingFlowEvents, + defineCustomElement: defineNylasCustomBookingFlow }); export type NylasCustomEventSlugEvents = { - onValueChanged: EventName< - NylasCustomEventSlugCustomEvent<{ - value: string; - name: string; - valueChanged?: ( - event: CustomEvent<{ value: string; name: string }>, - ) => void; - }> - >; + onValueChanged: EventName) => void; + }>> }; -export const NylasCustomEventSlug: StencilReactComponent< - NylasCustomEventSlugElement, - NylasCustomEventSlugEvents -> = /*@__PURE__*/ createComponent< - NylasCustomEventSlugElement, - NylasCustomEventSlugEvents ->({ - tagName: "nylas-custom-event-slug", - elementClass: NylasCustomEventSlugElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { onValueChanged: "valueChanged" } as NylasCustomEventSlugEvents, - defineCustomElement: defineNylasCustomEventSlug, +export const NylasCustomEventSlug: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'nylas-custom-event-slug', + elementClass: NylasCustomEventSlugElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { onValueChanged: 'valueChanged' } as NylasCustomEventSlugEvents, + defineCustomElement: defineNylasCustomEventSlug }); export type NylasCustomizeBookingSettingsEvents = { - onValueChanged: EventName< - NylasCustomizeBookingSettingsCustomEvent<{ - value: string; - name: string; - valueChanged?: ( - event: CustomEvent<{ value: string; name: string }>, - ) => void; - }> - >; + onValueChanged: EventName) => void; + }>> }; -export const NylasCustomizeBookingSettings: StencilReactComponent< - NylasCustomizeBookingSettingsElement, - NylasCustomizeBookingSettingsEvents -> = /*@__PURE__*/ createComponent< - NylasCustomizeBookingSettingsElement, - NylasCustomizeBookingSettingsEvents ->({ - tagName: "nylas-customize-booking-settings", - elementClass: NylasCustomizeBookingSettingsElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { - onValueChanged: "valueChanged", - } as NylasCustomizeBookingSettingsEvents, - defineCustomElement: defineNylasCustomizeBookingSettings, +export const NylasCustomizeBookingSettings: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'nylas-customize-booking-settings', + elementClass: NylasCustomizeBookingSettingsElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { onValueChanged: 'valueChanged' } as NylasCustomizeBookingSettingsEvents, + defineCustomElement: defineNylasCustomizeBookingSettings }); export type NylasDateComponentEvents = { - onNylasFormInputChanged: EventName< - CustomEvent<{ - value: string; - name: string; - label: string; - type: string; - error: string; - }> - >; - onNylasFormInputFocused: EventName< - CustomEvent<{ - value: string; - name: string; - }> - >; - onNylasFormInputBlurred: EventName< - CustomEvent<{ - value: string; - name: string; - }> - >; -}; - -export const NylasDateComponent: StencilReactComponent< - NylasDateComponentElement, - NylasDateComponentEvents -> = /*@__PURE__*/ createComponent< - NylasDateComponentElement, - NylasDateComponentEvents ->({ - tagName: "nylas-date-component", - elementClass: NylasDateComponentElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { - onNylasFormInputChanged: "nylasFormInputChanged", - onNylasFormInputFocused: "nylasFormInputFocused", - onNylasFormInputBlurred: "nylasFormInputBlurred", - } as NylasDateComponentEvents, - defineCustomElement: defineNylasDateComponent, + onNylasFormInputChanged: EventName>, + onNylasFormInputFocused: EventName>, + onNylasFormInputBlurred: EventName> +}; + +export const NylasDateComponent: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'nylas-date-component', + elementClass: NylasDateComponentElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { + onNylasFormInputChanged: 'nylasFormInputChanged', + onNylasFormInputFocused: 'nylasFormInputFocused', + onNylasFormInputBlurred: 'nylasFormInputBlurred' + } as NylasDateComponentEvents, + defineCustomElement: defineNylasDateComponent }); export type NylasDatePickerEvents = { - onDateSelected: EventName>; - onMonthChanged: EventName>; + onDateSelected: EventName>, + onMonthChanged: EventName> }; -export const NylasDatePicker: StencilReactComponent< - NylasDatePickerElement, - NylasDatePickerEvents -> = /*@__PURE__*/ createComponent< - NylasDatePickerElement, - NylasDatePickerEvents ->({ - tagName: "nylas-date-picker", - elementClass: NylasDatePickerElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { - onDateSelected: "dateSelected", - onMonthChanged: "monthChanged", - } as NylasDatePickerEvents, - defineCustomElement: defineNylasDatePicker, +export const NylasDatePicker: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'nylas-date-picker', + elementClass: NylasDatePickerElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { + onDateSelected: 'dateSelected', + onMonthChanged: 'monthChanged' + } as NylasDatePickerEvents, + defineCustomElement: defineNylasDatePicker }); export type NylasDisableEmailsEvents = { - onValueChanged: EventName< - NylasDisableEmailsCustomEvent<{ - value: string; - name: string; - valueChanged?: ( - event: CustomEvent<{ value: string; name: string }>, - ) => void; - }> - >; + onValueChanged: EventName) => void; + }>> }; -export const NylasDisableEmails: StencilReactComponent< - NylasDisableEmailsElement, - NylasDisableEmailsEvents -> = /*@__PURE__*/ createComponent< - NylasDisableEmailsElement, - NylasDisableEmailsEvents ->({ - tagName: "nylas-disable-emails", - elementClass: NylasDisableEmailsElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { onValueChanged: "valueChanged" } as NylasDisableEmailsEvents, - defineCustomElement: defineNylasDisableEmails, +export const NylasDisableEmails: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'nylas-disable-emails', + elementClass: NylasDisableEmailsElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { onValueChanged: 'valueChanged' } as NylasDisableEmailsEvents, + defineCustomElement: defineNylasDisableEmails }); export type NylasEditorTabsEvents = { - onSchedulerConfigChanged: EventName< - NylasEditorTabsCustomEvent - >; - onSchedulerConfigCreated: EventName< - NylasEditorTabsCustomEvent - >; - onCancelButtonClick: EventName>; - onFormSubmitted: EventName>; - onPreviewButtonClicked: EventName< - NylasEditorTabsCustomEvent - >; - onSchedulerEditorFormUpdated: EventName< - CustomEvent<{ value: string; name: string }> - >; - onNylasSchedulerError: EventName< - NylasEditorTabsCustomEvent<{ - notification: Notification; - host: HTMLElement; - }> - >; - onDismissNotification: EventName< - NylasEditorTabsCustomEvent<{ id: string; host: HTMLNylasEditorTabsElement }> - >; -}; - -export const NylasEditorTabs: StencilReactComponent< - NylasEditorTabsElement, - NylasEditorTabsEvents -> = /*@__PURE__*/ createComponent< - NylasEditorTabsElement, - NylasEditorTabsEvents ->({ - tagName: "nylas-editor-tabs", - elementClass: NylasEditorTabsElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { - onSchedulerConfigChanged: "schedulerConfigChanged", - onSchedulerConfigCreated: "schedulerConfigCreated", - onCancelButtonClick: "cancelButtonClick", - onFormSubmitted: "formSubmitted", - onPreviewButtonClicked: "previewButtonClicked", - onSchedulerEditorFormUpdated: "schedulerEditorFormUpdated", - onNylasSchedulerError: "nylasSchedulerError", - onDismissNotification: "dismissNotification", - } as NylasEditorTabsEvents, - defineCustomElement: defineNylasEditorTabs, + onSchedulerConfigChanged: EventName>, + onSchedulerConfigCreated: EventName>, + onCancelButtonClick: EventName>, + onFormSubmitted: EventName>, + onPreviewButtonClicked: EventName>, + onSchedulerEditorFormUpdated: EventName>, + onNylasSchedulerError: EventName>, + onDismissNotification: EventName> +}; + +export const NylasEditorTabs: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'nylas-editor-tabs', + elementClass: NylasEditorTabsElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { + onSchedulerConfigChanged: 'schedulerConfigChanged', + onSchedulerConfigCreated: 'schedulerConfigCreated', + onCancelButtonClick: 'cancelButtonClick', + onFormSubmitted: 'formSubmitted', + onPreviewButtonClicked: 'previewButtonClicked', + onSchedulerEditorFormUpdated: 'schedulerEditorFormUpdated', + onNylasSchedulerError: 'nylasSchedulerError', + onDismissNotification: 'dismissNotification' + } as NylasEditorTabsEvents, + defineCustomElement: defineNylasEditorTabs }); export type NylasEditorTabsGroupEvents = { - onSchedulerConfigChanged: EventName< - NylasEditorTabsGroupCustomEvent< - SchedulerGroupEventDetail & { host: HTMLNylasEditorTabsGroupElement } - > - >; - onSchedulerConfigCreated: EventName< - NylasEditorTabsGroupCustomEvent< - SchedulerGroupEventDetail & { host: HTMLNylasEditorTabsGroupElement } - > - >; - onCancelButtonClick: EventName>; - onFormSubmitted: EventName>; - onPreviewButtonClicked: EventName< - NylasEditorTabsGroupCustomEvent - >; - onSchedulerEditorFormUpdated: EventName< - CustomEvent<{ value: string; name: string }> - >; - onGroupEventCreateTriggered: EventName< - NylasEditorTabsGroupCustomEvent<{ - groupEvent: Partial; - configId: string; - host: HTMLNylasEditorTabsGroupElement; - }> - >; - onGroupEventUpdateTriggered: EventName< - NylasEditorTabsGroupCustomEvent<{ - groupEvent: GroupEvent; - chosenOption: RecurrenceUpdateOption; - configId: string; - host: HTMLNylasEditorTabsGroupElement; - }> - >; - onGroupEventDeleteTriggered: EventName< - NylasEditorTabsGroupCustomEvent<{ - groupEvent: GroupEvent; - chosenOption: RecurrenceDeleteOption; - configId: string; - host: HTMLNylasEditorTabsGroupElement; - }> - >; - onGroupEventImportTriggered: EventName< - NylasEditorTabsGroupCustomEvent<{ - groupEvent: ImportGroupEventDetails; - configId: string; - host: HTMLNylasEditorTabsGroupElement; - }> - >; - onSaveGroupEventChangesError: EventName< - NylasEditorTabsGroupCustomEvent<{ - error: string; - configId: string; - host: HTMLNylasEditorTabsGroupElement; - }> - >; - onNylasSchedulerError: EventName< - NylasEditorTabsGroupCustomEvent<{ - notification: Notification; - host: HTMLElement; - }> - >; - onDismissNotification: EventName< - NylasEditorTabsGroupCustomEvent<{ - id: string; - host: HTMLNylasEditorTabsGroupElement; - }> - >; -}; - -export const NylasEditorTabsGroup: StencilReactComponent< - NylasEditorTabsGroupElement, - NylasEditorTabsGroupEvents -> = /*@__PURE__*/ createComponent< - NylasEditorTabsGroupElement, - NylasEditorTabsGroupEvents ->({ - tagName: "nylas-editor-tabs-group", - elementClass: NylasEditorTabsGroupElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { - onSchedulerConfigChanged: "schedulerConfigChanged", - onSchedulerConfigCreated: "schedulerConfigCreated", - onCancelButtonClick: "cancelButtonClick", - onFormSubmitted: "formSubmitted", - onPreviewButtonClicked: "previewButtonClicked", - onSchedulerEditorFormUpdated: "schedulerEditorFormUpdated", - onGroupEventCreateTriggered: "groupEventCreateTriggered", - onGroupEventUpdateTriggered: "groupEventUpdateTriggered", - onGroupEventDeleteTriggered: "groupEventDeleteTriggered", - onGroupEventImportTriggered: "groupEventImportTriggered", - onSaveGroupEventChangesError: "saveGroupEventChangesError", - onNylasSchedulerError: "nylasSchedulerError", - onDismissNotification: "dismissNotification", - } as NylasEditorTabsGroupEvents, - defineCustomElement: defineNylasEditorTabsGroup, + onSchedulerConfigChanged: EventName>, + onSchedulerConfigCreated: EventName>, + onCancelButtonClick: EventName>, + onFormSubmitted: EventName>, + onPreviewButtonClicked: EventName>, + onSchedulerEditorFormUpdated: EventName>, + onGroupEventCreateTriggered: EventName; configId: string; host: HTMLNylasEditorTabsGroupElement }>>, + onGroupEventUpdateTriggered: EventName>, + onGroupEventDeleteTriggered: EventName>, + onGroupEventImportTriggered: EventName>, + onSaveGroupEventChangesError: EventName>, + onNylasSchedulerError: EventName>, + onDismissNotification: EventName> +}; + +export const NylasEditorTabsGroup: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'nylas-editor-tabs-group', + elementClass: NylasEditorTabsGroupElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { + onSchedulerConfigChanged: 'schedulerConfigChanged', + onSchedulerConfigCreated: 'schedulerConfigCreated', + onCancelButtonClick: 'cancelButtonClick', + onFormSubmitted: 'formSubmitted', + onPreviewButtonClicked: 'previewButtonClicked', + onSchedulerEditorFormUpdated: 'schedulerEditorFormUpdated', + onGroupEventCreateTriggered: 'groupEventCreateTriggered', + onGroupEventUpdateTriggered: 'groupEventUpdateTriggered', + onGroupEventDeleteTriggered: 'groupEventDeleteTriggered', + onGroupEventImportTriggered: 'groupEventImportTriggered', + onSaveGroupEventChangesError: 'saveGroupEventChangesError', + onNylasSchedulerError: 'nylasSchedulerError', + onDismissNotification: 'dismissNotification' + } as NylasEditorTabsGroupEvents, + defineCustomElement: defineNylasEditorTabsGroup }); export type NylasEventCalendarEvents = { - onFetchMasterGroupEvent: EventName>; - onSaveGroupEventChanges: EventName< - NylasEventCalendarCustomEvent<{ - data: GroupEventAPIData; - action: "this" | "future" | "all"; - }> - >; - onDeleteGroupEvent: EventName< - NylasEventCalendarCustomEvent<{ - data: GroupEventAPIData; - action: "this" | "future" | "all"; - }> - >; - onGroupEventSelected: EventName< - NylasEventCalendarCustomEvent - >; - onCreateGroupEvent: EventName< - NylasEventCalendarCustomEvent - >; - onCalendarViewChanged: EventName< - CustomEvent<{ startTime: number; endTime: number }> - >; - onPreviosNextClicked: EventName< - CustomEvent<{ - direction: "prev" | "next"; - view: "day" | "week" | "month"; - currentViewRange: { startTime: number; endTime: number }; - }> - >; - onSetCalendarViewDateRange: EventName< - CustomEvent<{ startTime: number; endTime: number }> - >; - onImportGroupEvent: EventName< - CustomEvent<{ - event_id: string; - calendar_id: string; - }> - >; -}; - -export const NylasEventCalendar: StencilReactComponent< - NylasEventCalendarElement, - NylasEventCalendarEvents -> = /*@__PURE__*/ createComponent< - NylasEventCalendarElement, - NylasEventCalendarEvents ->({ - tagName: "nylas-event-calendar", - elementClass: NylasEventCalendarElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { - onFetchMasterGroupEvent: "fetchMasterGroupEvent", - onSaveGroupEventChanges: "saveGroupEventChanges", - onDeleteGroupEvent: "deleteGroupEvent", - onGroupEventSelected: "groupEventSelected", - onCreateGroupEvent: "createGroupEvent", - onCalendarViewChanged: "calendarViewChanged", - onPreviosNextClicked: "previosNextClicked", - onSetCalendarViewDateRange: "setCalendarViewDateRange", - onImportGroupEvent: "importGroupEvent", - } as NylasEventCalendarEvents, - defineCustomElement: defineNylasEventCalendar, + onFetchMasterGroupEvent: EventName>, + onSaveGroupEventChanges: EventName>, + onDeleteGroupEvent: EventName>, + onGroupEventSelected: EventName>, + onCreateGroupEvent: EventName>, + onCalendarViewChanged: EventName>, + onPreviosNextClicked: EventName>, + onSetCalendarViewDateRange: EventName>, + onImportGroupEvent: EventName> +}; + +export const NylasEventCalendar: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'nylas-event-calendar', + elementClass: NylasEventCalendarElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { + onFetchMasterGroupEvent: 'fetchMasterGroupEvent', + onSaveGroupEventChanges: 'saveGroupEventChanges', + onDeleteGroupEvent: 'deleteGroupEvent', + onGroupEventSelected: 'groupEventSelected', + onCreateGroupEvent: 'createGroupEvent', + onCalendarViewChanged: 'calendarViewChanged', + onPreviosNextClicked: 'previosNextClicked', + onSetCalendarViewDateRange: 'setCalendarViewDateRange', + onImportGroupEvent: 'importGroupEvent' + } as NylasEventCalendarEvents, + defineCustomElement: defineNylasEventCalendar }); export type NylasEventCapacityEvents = { - onValueChanged: EventName< - NylasEventCapacityCustomEvent<{ - value: string; - name: string; - valueChanged?: ( - event: CustomEvent<{ value: string; name: string }>, - ) => void; - }> - >; + onValueChanged: EventName) => void; + }>> }; -export const NylasEventCapacity: StencilReactComponent< - NylasEventCapacityElement, - NylasEventCapacityEvents -> = /*@__PURE__*/ createComponent< - NylasEventCapacityElement, - NylasEventCapacityEvents ->({ - tagName: "nylas-event-capacity", - elementClass: NylasEventCapacityElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { onValueChanged: "valueChanged" } as NylasEventCapacityEvents, - defineCustomElement: defineNylasEventCapacity, +export const NylasEventCapacity: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'nylas-event-capacity', + elementClass: NylasEventCapacityElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { onValueChanged: 'valueChanged' } as NylasEventCapacityEvents, + defineCustomElement: defineNylasEventCapacity }); export type NylasEventDescriptionEvents = { - onValueChanged: EventName< - CustomEvent<{ - value: string; - name: string; - }> - >; + onValueChanged: EventName> }; -export const NylasEventDescription: StencilReactComponent< - NylasEventDescriptionElement, - NylasEventDescriptionEvents -> = /*@__PURE__*/ createComponent< - NylasEventDescriptionElement, - NylasEventDescriptionEvents ->({ - tagName: "nylas-event-description", - elementClass: NylasEventDescriptionElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { onValueChanged: "valueChanged" } as NylasEventDescriptionEvents, - defineCustomElement: defineNylasEventDescription, +export const NylasEventDescription: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'nylas-event-description', + elementClass: NylasEventDescriptionElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { onValueChanged: 'valueChanged' } as NylasEventDescriptionEvents, + defineCustomElement: defineNylasEventDescription }); export type NylasEventDurationEvents = { - onValueChanged: EventName< - CustomEvent<{ - value: string; - name: string; - }> - >; + onValueChanged: EventName> }; -export const NylasEventDuration: StencilReactComponent< - NylasEventDurationElement, - NylasEventDurationEvents -> = /*@__PURE__*/ createComponent< - NylasEventDurationElement, - NylasEventDurationEvents ->({ - tagName: "nylas-event-duration", - elementClass: NylasEventDurationElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { onValueChanged: "valueChanged" } as NylasEventDurationEvents, - defineCustomElement: defineNylasEventDuration, +export const NylasEventDuration: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'nylas-event-duration', + elementClass: NylasEventDurationElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { onValueChanged: 'valueChanged' } as NylasEventDurationEvents, + defineCustomElement: defineNylasEventDuration }); export type NylasEventInfoEvents = NonNullable; -export const NylasEventInfo: StencilReactComponent< - NylasEventInfoElement, - NylasEventInfoEvents -> = /*@__PURE__*/ createComponent({ - tagName: "nylas-event-info", - elementClass: NylasEventInfoElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as NylasEventInfoEvents, - defineCustomElement: defineNylasEventInfo, +export const NylasEventInfo: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'nylas-event-info', + elementClass: NylasEventInfoElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as NylasEventInfoEvents, + defineCustomElement: defineNylasEventInfo }); export type NylasEventLimitsEvents = NonNullable; -export const NylasEventLimits: StencilReactComponent< - NylasEventLimitsElement, - NylasEventLimitsEvents -> = /*@__PURE__*/ createComponent< - NylasEventLimitsElement, - NylasEventLimitsEvents ->({ - tagName: "nylas-event-limits", - elementClass: NylasEventLimitsElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as NylasEventLimitsEvents, - defineCustomElement: defineNylasEventLimits, +export const NylasEventLimits: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'nylas-event-limits', + elementClass: NylasEventLimitsElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as NylasEventLimitsEvents, + defineCustomElement: defineNylasEventLimits }); export type NylasEventLocationEvents = { - onValueChanged: EventName< - CustomEvent<{ - value: string; - name: string; - }> - >; + onValueChanged: EventName> }; -export const NylasEventLocation: StencilReactComponent< - NylasEventLocationElement, - NylasEventLocationEvents -> = /*@__PURE__*/ createComponent< - NylasEventLocationElement, - NylasEventLocationEvents ->({ - tagName: "nylas-event-location", - elementClass: NylasEventLocationElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { onValueChanged: "valueChanged" } as NylasEventLocationEvents, - defineCustomElement: defineNylasEventLocation, +export const NylasEventLocation: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'nylas-event-location', + elementClass: NylasEventLocationElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { onValueChanged: 'valueChanged' } as NylasEventLocationEvents, + defineCustomElement: defineNylasEventLocation }); export type NylasEventTimeslotEvents = { - onValueChanged: EventName< - CustomEvent<{ - value: string; - name: string; - }> - >; - onTimeWindowFormError: EventName< - CustomEvent<{ - key: string; - message: string; - uniqueIdentifier?: string; - }> - >; - onDateTimeInputError: EventName< - CustomEvent<{ - key: string; - message: string; - }> - >; + onValueChanged: EventName>, + onTimeWindowFormError: EventName>, + onDateTimeInputError: EventName> }; -export const NylasEventTimeslot: StencilReactComponent< - NylasEventTimeslotElement, - NylasEventTimeslotEvents -> = /*@__PURE__*/ createComponent< - NylasEventTimeslotElement, - NylasEventTimeslotEvents ->({ - tagName: "nylas-event-timeslot", - elementClass: NylasEventTimeslotElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { - onValueChanged: "valueChanged", - onTimeWindowFormError: "timeWindowFormError", - onDateTimeInputError: "dateTimeInputError", - } as NylasEventTimeslotEvents, - defineCustomElement: defineNylasEventTimeslot, +export const NylasEventTimeslot: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'nylas-event-timeslot', + elementClass: NylasEventTimeslotElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { + onValueChanged: 'valueChanged', + onTimeWindowFormError: 'timeWindowFormError', + onDateTimeInputError: 'dateTimeInputError' + } as NylasEventTimeslotEvents, + defineCustomElement: defineNylasEventTimeslot }); export type NylasEventTitleEvents = { - onValueChanged: EventName< - CustomEvent<{ - value: string; - name: string; - }> - >; + onValueChanged: EventName> }; -export const NylasEventTitle: StencilReactComponent< - NylasEventTitleElement, - NylasEventTitleEvents -> = /*@__PURE__*/ createComponent< - NylasEventTitleElement, - NylasEventTitleEvents ->({ - tagName: "nylas-event-title", - elementClass: NylasEventTitleElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { onValueChanged: "valueChanged" } as NylasEventTitleEvents, - defineCustomElement: defineNylasEventTitle, +export const NylasEventTitle: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'nylas-event-title', + elementClass: NylasEventTitleElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { onValueChanged: 'valueChanged' } as NylasEventTitleEvents, + defineCustomElement: defineNylasEventTitle }); export type NylasFeedbackFormEvents = { - onFeedbackModalClosed: EventName>; - onFeedbackSubmitted: EventName>; - onTriggerValidation: EventName>; + onFeedbackModalClosed: EventName>, + onFeedbackSubmitted: EventName>, + onTriggerValidation: EventName> }; -export const NylasFeedbackForm: StencilReactComponent< - NylasFeedbackFormElement, - NylasFeedbackFormEvents -> = /*@__PURE__*/ createComponent< - NylasFeedbackFormElement, - NylasFeedbackFormEvents ->({ - tagName: "nylas-feedback-form", - elementClass: NylasFeedbackFormElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { - onFeedbackModalClosed: "feedbackModalClosed", - onFeedbackSubmitted: "feedbackSubmitted", - onTriggerValidation: "triggerValidation", - } as NylasFeedbackFormEvents, - defineCustomElement: defineNylasFeedbackForm, +export const NylasFeedbackForm: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'nylas-feedback-form', + elementClass: NylasFeedbackFormElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { + onFeedbackModalClosed: 'feedbackModalClosed', + onFeedbackSubmitted: 'feedbackSubmitted', + onTriggerValidation: 'triggerValidation' + } as NylasFeedbackFormEvents, + defineCustomElement: defineNylasFeedbackForm }); export type NylasFormCardEvents = NonNullable; -export const NylasFormCard: StencilReactComponent< - NylasFormCardElement, - NylasFormCardEvents -> = /*@__PURE__*/ createComponent({ - tagName: "nylas-form-card", - elementClass: NylasFormCardElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as NylasFormCardEvents, - defineCustomElement: defineNylasFormCard, +export const NylasFormCard: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'nylas-form-card', + elementClass: NylasFormCardElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as NylasFormCardEvents, + defineCustomElement: defineNylasFormCard }); export type NylasLimitFutureBookingsEvents = { - onValueChanged: EventName< - CustomEvent<{ - value: string; - name: string; - }> - >; + onValueChanged: EventName> }; -export const NylasLimitFutureBookings: StencilReactComponent< - NylasLimitFutureBookingsElement, - NylasLimitFutureBookingsEvents -> = /*@__PURE__*/ createComponent< - NylasLimitFutureBookingsElement, - NylasLimitFutureBookingsEvents ->({ - tagName: "nylas-limit-future-bookings", - elementClass: NylasLimitFutureBookingsElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { onValueChanged: "valueChanged" } as NylasLimitFutureBookingsEvents, - defineCustomElement: defineNylasLimitFutureBookings, +export const NylasLimitFutureBookings: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'nylas-limit-future-bookings', + elementClass: NylasLimitFutureBookingsElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { onValueChanged: 'valueChanged' } as NylasLimitFutureBookingsEvents, + defineCustomElement: defineNylasLimitFutureBookings }); export type NylasListConfigurationsEvents = { - onInitListConfigurations: EventName< - NylasListConfigurationsCustomEvent<{ - host: HTMLNylasListConfigurationsElement; - cursor?: string; - }> - >; - onCreateButtonClick: EventName< - NylasListConfigurationsCustomEvent - >; - onEditButtonClick: EventName< - NylasListConfigurationsCustomEvent<{ - host: HTMLNylasListConfigurationsElement; - configuration: Configuration | GroupConfiguration; - }> - >; - onDeleteButtonClick: EventName< - NylasListConfigurationsCustomEvent<{ - host: HTMLNylasListConfigurationsElement; - configuration: Configuration | GroupConfiguration; - }> - >; - onNylasSchedulerError: EventName< - NylasListConfigurationsCustomEvent<{ - notification: Notification; - host: HTMLElement; - }> - >; - onDismissNotification: EventName< - NylasListConfigurationsCustomEvent<{ - id: string; - host: HTMLNylasListConfigurationsElement; - }> - >; -}; - -export const NylasListConfigurations: StencilReactComponent< - NylasListConfigurationsElement, - NylasListConfigurationsEvents -> = /*@__PURE__*/ createComponent< - NylasListConfigurationsElement, - NylasListConfigurationsEvents ->({ - tagName: "nylas-list-configurations", - elementClass: NylasListConfigurationsElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { - onInitListConfigurations: "initListConfigurations", - onCreateButtonClick: "createButtonClick", - onEditButtonClick: "editButtonClick", - onDeleteButtonClick: "deleteButtonClick", - onNylasSchedulerError: "nylasSchedulerError", - onDismissNotification: "dismissNotification", - } as NylasListConfigurationsEvents, - defineCustomElement: defineNylasListConfigurations, + onInitListConfigurations: EventName>, + onCreateButtonClick: EventName>, + onEditButtonClick: EventName>, + onDeleteButtonClick: EventName>, + onNylasSchedulerError: EventName>, + onDismissNotification: EventName> +}; + +export const NylasListConfigurations: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'nylas-list-configurations', + elementClass: NylasListConfigurationsElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { + onInitListConfigurations: 'initListConfigurations', + onCreateButtonClick: 'createButtonClick', + onEditButtonClick: 'editButtonClick', + onDeleteButtonClick: 'deleteButtonClick', + onNylasSchedulerError: 'nylasSchedulerError', + onDismissNotification: 'dismissNotification' + } as NylasListConfigurationsEvents, + defineCustomElement: defineNylasListConfigurations }); export type NylasLocaleSwitchEvents = { - onTimezoneChanged: EventName>; - onLanguageChanged: EventName>; + onTimezoneChanged: EventName>, + onLanguageChanged: EventName> }; -export const NylasLocaleSwitch: StencilReactComponent< - NylasLocaleSwitchElement, - NylasLocaleSwitchEvents -> = /*@__PURE__*/ createComponent< - NylasLocaleSwitchElement, - NylasLocaleSwitchEvents ->({ - tagName: "nylas-locale-switch", - elementClass: NylasLocaleSwitchElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { - onTimezoneChanged: "timezoneChanged", - onLanguageChanged: "languageChanged", - } as NylasLocaleSwitchEvents, - defineCustomElement: defineNylasLocaleSwitch, +export const NylasLocaleSwitch: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'nylas-locale-switch', + elementClass: NylasLocaleSwitchElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { + onTimezoneChanged: 'timezoneChanged', + onLanguageChanged: 'languageChanged' + } as NylasLocaleSwitchEvents, + defineCustomElement: defineNylasLocaleSwitch }); export type NylasLogoEvents = NonNullable; -export const NylasLogo: StencilReactComponent< - NylasLogoElement, - NylasLogoEvents -> = /*@__PURE__*/ createComponent({ - tagName: "nylas-logo", - elementClass: NylasLogoElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as NylasLogoEvents, - defineCustomElement: defineNylasLogo, +export const NylasLogo: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'nylas-logo', + elementClass: NylasLogoElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as NylasLogoEvents, + defineCustomElement: defineNylasLogo }); export type NylasMinBookingNoticeEvents = { - onValueChanged: EventName< - CustomEvent<{ - value: string; - name: string; - }> - >; + onValueChanged: EventName> }; -export const NylasMinBookingNotice: StencilReactComponent< - NylasMinBookingNoticeElement, - NylasMinBookingNoticeEvents -> = /*@__PURE__*/ createComponent< - NylasMinBookingNoticeElement, - NylasMinBookingNoticeEvents ->({ - tagName: "nylas-min-booking-notice", - elementClass: NylasMinBookingNoticeElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { onValueChanged: "valueChanged" } as NylasMinBookingNoticeEvents, - defineCustomElement: defineNylasMinBookingNotice, +export const NylasMinBookingNotice: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'nylas-min-booking-notice', + elementClass: NylasMinBookingNoticeElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { onValueChanged: 'valueChanged' } as NylasMinBookingNoticeEvents, + defineCustomElement: defineNylasMinBookingNotice }); export type NylasMinCancellationNoticeEvents = { - onValueChanged: EventName< - CustomEvent<{ - value: string; - name: string; - }> - >; + onValueChanged: EventName> }; -export const NylasMinCancellationNotice: StencilReactComponent< - NylasMinCancellationNoticeElement, - NylasMinCancellationNoticeEvents -> = /*@__PURE__*/ createComponent< - NylasMinCancellationNoticeElement, - NylasMinCancellationNoticeEvents ->({ - tagName: "nylas-min-cancellation-notice", - elementClass: NylasMinCancellationNoticeElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { - onValueChanged: "valueChanged", - } as NylasMinCancellationNoticeEvents, - defineCustomElement: defineNylasMinCancellationNotice, +export const NylasMinCancellationNotice: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'nylas-min-cancellation-notice', + elementClass: NylasMinCancellationNoticeElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { onValueChanged: 'valueChanged' } as NylasMinCancellationNoticeEvents, + defineCustomElement: defineNylasMinCancellationNotice }); export type NylasNotetakerConfigEvents = { - onValueChanged: EventName< - CustomEvent<{ - value: string; - name: string; - }> - >; - onNotetakerError: EventName< - NylasNotetakerConfigCustomEvent<{ - error: string; - reason: string; - context?: Record; - }> - >; -}; - -export const NylasNotetakerConfig: StencilReactComponent< - NylasNotetakerConfigElement, - NylasNotetakerConfigEvents -> = /*@__PURE__*/ createComponent< - NylasNotetakerConfigElement, - NylasNotetakerConfigEvents ->({ - tagName: "nylas-notetaker-config", - elementClass: NylasNotetakerConfigElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { - onValueChanged: "valueChanged", - onNotetakerError: "notetakerError", - } as NylasNotetakerConfigEvents, - defineCustomElement: defineNylasNotetakerConfig, + onValueChanged: EventName>, + onNotetakerError: EventName; + }>> +}; + +export const NylasNotetakerConfig: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'nylas-notetaker-config', + elementClass: NylasNotetakerConfigElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { + onValueChanged: 'valueChanged', + onNotetakerError: 'notetakerError' + } as NylasNotetakerConfigEvents, + defineCustomElement: defineNylasNotetakerConfig }); export type NylasNotificationEvents = NonNullable; -export const NylasNotification: StencilReactComponent< - NylasNotificationElement, - NylasNotificationEvents -> = /*@__PURE__*/ createComponent< - NylasNotificationElement, - NylasNotificationEvents ->({ - tagName: "nylas-notification", - elementClass: NylasNotificationElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as NylasNotificationEvents, - defineCustomElement: defineNylasNotification, +export const NylasNotification: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'nylas-notification', + elementClass: NylasNotificationElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as NylasNotificationEvents, + defineCustomElement: defineNylasNotification }); export type NylasOnlySpecificTimeAvailabilityEvents = { - onValueChanged: EventName< - CustomEvent<{ - value: string; - name: string; - }> - >; + onValueChanged: EventName> }; -export const NylasOnlySpecificTimeAvailability: StencilReactComponent< - NylasOnlySpecificTimeAvailabilityElement, - NylasOnlySpecificTimeAvailabilityEvents -> = /*@__PURE__*/ createComponent< - NylasOnlySpecificTimeAvailabilityElement, - NylasOnlySpecificTimeAvailabilityEvents ->({ - tagName: "nylas-only-specific-time-availability", - elementClass: NylasOnlySpecificTimeAvailabilityElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { - onValueChanged: "valueChanged", - } as NylasOnlySpecificTimeAvailabilityEvents, - defineCustomElement: defineNylasOnlySpecificTimeAvailability, +export const NylasOnlySpecificTimeAvailability: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'nylas-only-specific-time-availability', + elementClass: NylasOnlySpecificTimeAvailabilityElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { onValueChanged: 'valueChanged' } as NylasOnlySpecificTimeAvailabilityEvents, + defineCustomElement: defineNylasOnlySpecificTimeAvailability }); export type NylasOrganizerConfirmationCardEvents = { - onRejectBookingButtonClicked: EventName< - NylasOrganizerConfirmationCardCustomEvent<{ - bookingId: string; - host: HTMLNylasOrganizerConfirmationCardElement; - }> - >; - onConfirmBookingButtonClicked: EventName< - NylasOrganizerConfirmationCardCustomEvent<{ - bookingId: string; - host: HTMLNylasOrganizerConfirmationCardElement; - errorHandler?: (error: NylasSchedulerErrorResponse) => void; - }> - >; - onConfirmBookingError: EventName< - NylasOrganizerConfirmationCardCustomEvent - >; -}; - -export const NylasOrganizerConfirmationCard: StencilReactComponent< - NylasOrganizerConfirmationCardElement, - NylasOrganizerConfirmationCardEvents -> = /*@__PURE__*/ createComponent< - NylasOrganizerConfirmationCardElement, - NylasOrganizerConfirmationCardEvents ->({ - tagName: "nylas-organizer-confirmation-card", - elementClass: NylasOrganizerConfirmationCardElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { - onRejectBookingButtonClicked: "rejectBookingButtonClicked", - onConfirmBookingButtonClicked: "confirmBookingButtonClicked", - onConfirmBookingError: "confirmBookingError", - } as NylasOrganizerConfirmationCardEvents, - defineCustomElement: defineNylasOrganizerConfirmationCard, + onRejectBookingButtonClicked: EventName>, + onConfirmBookingButtonClicked: EventName void; + }>>, + onConfirmBookingError: EventName> +}; + +export const NylasOrganizerConfirmationCard: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'nylas-organizer-confirmation-card', + elementClass: NylasOrganizerConfirmationCardElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { + onRejectBookingButtonClicked: 'rejectBookingButtonClicked', + onConfirmBookingButtonClicked: 'confirmBookingButtonClicked', + onConfirmBookingError: 'confirmBookingError' + } as NylasOrganizerConfirmationCardEvents, + defineCustomElement: defineNylasOrganizerConfirmationCard }); export type NylasPageNameEvents = { - onValueChanged: EventName< - NylasPageNameCustomEvent<{ - value: string; - name: string; - valueChanged?: ( - event: CustomEvent<{ value: string; name: string }>, - ) => void; - }> - >; + onValueChanged: EventName) => void; + }>> }; -export const NylasPageName: StencilReactComponent< - NylasPageNameElement, - NylasPageNameEvents -> = /*@__PURE__*/ createComponent({ - tagName: "nylas-page-name", - elementClass: NylasPageNameElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { onValueChanged: "valueChanged" } as NylasPageNameEvents, - defineCustomElement: defineNylasPageName, +export const NylasPageName: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'nylas-page-name', + elementClass: NylasPageNameElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { onValueChanged: 'valueChanged' } as NylasPageNameEvents, + defineCustomElement: defineNylasPageName }); export type NylasPageStylingEvents = { - onValueChanged: EventName< - NylasPageStylingCustomEvent<{ - value: string; - name: string; - valueChanged?: ( - event: CustomEvent<{ value: string; name: string }>, - ) => void; - }> - >; - onBookingFormSubmitted: EventName>; + onValueChanged: EventName) => void; + }>>, + onBookingFormSubmitted: EventName> }; -export const NylasPageStyling: StencilReactComponent< - NylasPageStylingElement, - NylasPageStylingEvents -> = /*@__PURE__*/ createComponent< - NylasPageStylingElement, - NylasPageStylingEvents ->({ - tagName: "nylas-page-styling", - elementClass: NylasPageStylingElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { - onValueChanged: "valueChanged", - onBookingFormSubmitted: "bookingFormSubmitted", - } as NylasPageStylingEvents, - defineCustomElement: defineNylasPageStyling, +export const NylasPageStyling: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'nylas-page-styling', + elementClass: NylasPageStylingElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { + onValueChanged: 'valueChanged', + onBookingFormSubmitted: 'bookingFormSubmitted' + } as NylasPageStylingEvents, + defineCustomElement: defineNylasPageStyling }); export type NylasParticipantBookingCalendarsEvents = { - onValueChanged: EventName< - CustomEvent<{ - value: string; - name: string; - }> - >; + onValueChanged: EventName> }; -export const NylasParticipantBookingCalendars: StencilReactComponent< - NylasParticipantBookingCalendarsElement, - NylasParticipantBookingCalendarsEvents -> = /*@__PURE__*/ createComponent< - NylasParticipantBookingCalendarsElement, - NylasParticipantBookingCalendarsEvents ->({ - tagName: "nylas-participant-booking-calendars", - elementClass: NylasParticipantBookingCalendarsElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { - onValueChanged: "valueChanged", - } as NylasParticipantBookingCalendarsEvents, - defineCustomElement: defineNylasParticipantBookingCalendars, +export const NylasParticipantBookingCalendars: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'nylas-participant-booking-calendars', + elementClass: NylasParticipantBookingCalendarsElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { onValueChanged: 'valueChanged' } as NylasParticipantBookingCalendarsEvents, + defineCustomElement: defineNylasParticipantBookingCalendars }); export type NylasParticipantsCustomAvailabilityEvents = { - onValueChanged: EventName< - CustomEvent<{ - value: string; - name: string; - }> - >; + onValueChanged: EventName> }; -export const NylasParticipantsCustomAvailability: StencilReactComponent< - NylasParticipantsCustomAvailabilityElement, - NylasParticipantsCustomAvailabilityEvents -> = /*@__PURE__*/ createComponent< - NylasParticipantsCustomAvailabilityElement, - NylasParticipantsCustomAvailabilityEvents ->({ - tagName: "nylas-participants-custom-availability", - elementClass: NylasParticipantsCustomAvailabilityElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { - onValueChanged: "valueChanged", - } as NylasParticipantsCustomAvailabilityEvents, - defineCustomElement: defineNylasParticipantsCustomAvailability, +export const NylasParticipantsCustomAvailability: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'nylas-participants-custom-availability', + elementClass: NylasParticipantsCustomAvailabilityElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { onValueChanged: 'valueChanged' } as NylasParticipantsCustomAvailabilityEvents, + defineCustomElement: defineNylasParticipantsCustomAvailability }); export type NylasReminderEmailsEvents = { - onValueChanged: EventName< - NylasReminderEmailsCustomEvent<{ - value: string; - name: string; - valueChanged?: ( - event: CustomEvent<{ value: string; name: string }>, - ) => void; - }> - >; - onNylasSuggestReminderMinutes: EventName>; + onValueChanged: EventName) => void; + }>>, + onNylasSuggestReminderMinutes: EventName> }; -export const NylasReminderEmails: StencilReactComponent< - NylasReminderEmailsElement, - NylasReminderEmailsEvents -> = /*@__PURE__*/ createComponent< - NylasReminderEmailsElement, - NylasReminderEmailsEvents ->({ - tagName: "nylas-reminder-emails", - elementClass: NylasReminderEmailsElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { - onValueChanged: "valueChanged", - onNylasSuggestReminderMinutes: "nylasSuggestReminderMinutes", - } as NylasReminderEmailsEvents, - defineCustomElement: defineNylasReminderEmails, +export const NylasReminderEmails: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'nylas-reminder-emails', + elementClass: NylasReminderEmailsElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { + onValueChanged: 'valueChanged', + onNylasSuggestReminderMinutes: 'nylasSuggestReminderMinutes' + } as NylasReminderEmailsEvents, + defineCustomElement: defineNylasReminderEmails }); export type NylasReminderTimeEvents = { - onValueChanged: EventName< - CustomEvent<{ - value: string; - name: string; - }> - >; + onValueChanged: EventName> }; -export const NylasReminderTime: StencilReactComponent< - NylasReminderTimeElement, - NylasReminderTimeEvents -> = /*@__PURE__*/ createComponent< - NylasReminderTimeElement, - NylasReminderTimeEvents ->({ - tagName: "nylas-reminder-time", - elementClass: NylasReminderTimeElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { onValueChanged: "valueChanged" } as NylasReminderTimeEvents, - defineCustomElement: defineNylasReminderTime, +export const NylasReminderTime: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'nylas-reminder-time', + elementClass: NylasReminderTimeElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { onValueChanged: 'valueChanged' } as NylasReminderTimeEvents, + defineCustomElement: defineNylasReminderTime }); export type NylasSchedulerEditorEvents = { - onInit: EventName< - NylasSchedulerEditorCustomEvent - >; - onLoggedIn: EventName< - NylasSchedulerEditorCustomEvent - >; - onLoggedOut: EventName< - NylasSchedulerEditorCustomEvent - >; - onSchedulerConfigCloseClicked: EventName< - NylasSchedulerEditorCustomEvent - >; + onInit: EventName>, + onLoggedIn: EventName>, + onLoggedOut: EventName>, + onSchedulerConfigCloseClicked: EventName>, + onNylasSchedulerEditorError: EventName> }; -export const NylasSchedulerEditor: StencilReactComponent< - NylasSchedulerEditorElement, - NylasSchedulerEditorEvents -> = /*@__PURE__*/ createComponent< - NylasSchedulerEditorElement, - NylasSchedulerEditorEvents ->({ - tagName: "nylas-scheduler-editor", - elementClass: NylasSchedulerEditorElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { - onInit: "init", - onLoggedIn: "loggedIn", - onLoggedOut: "loggedOut", - onSchedulerConfigCloseClicked: "schedulerConfigCloseClicked", - } as NylasSchedulerEditorEvents, - defineCustomElement: defineNylasSchedulerEditor, +export const NylasSchedulerEditor: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'nylas-scheduler-editor', + elementClass: NylasSchedulerEditorElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { + onInit: 'init', + onLoggedIn: 'loggedIn', + onLoggedOut: 'loggedOut', + onSchedulerConfigCloseClicked: 'schedulerConfigCloseClicked', + onNylasSchedulerEditorError: 'nylasSchedulerEditorError' + } as NylasSchedulerEditorEvents, + defineCustomElement: defineNylasSchedulerEditor }); export type NylasSchedulingEvents = { - onInit: EventName>; - onSchedulerWillLoad: EventName< - NylasSchedulingCustomEvent - >; - onSchedulerDidLoad: EventName< - NylasSchedulingCustomEvent - >; - onNylasSchedulerError: EventName< - NylasSchedulingCustomEvent<{ - notification: Notification; - host: HTMLElement; - }> - >; - onNylasSchedulerInfo: EventName< - NylasSchedulingCustomEvent<{ - notification: Notification; - host: HTMLElement; - }> - >; - onConfigSettingsLoaded: EventName< - NylasSchedulingCustomEvent<{ - settings: NylasSchedulerResponse; - }> - >; - onBookingRefExtracted: EventName< - CustomEvent<{ configurationId: string; bookingId: string; salt?: string }> - >; - onBookedEventInfo: EventName< - NylasSchedulingCustomEvent> - >; -}; - -export const NylasScheduling: StencilReactComponent< - NylasSchedulingElement, - NylasSchedulingEvents -> = /*@__PURE__*/ createComponent< - NylasSchedulingElement, - NylasSchedulingEvents ->({ - tagName: "nylas-scheduling", - elementClass: NylasSchedulingElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { - onInit: "init", - onSchedulerWillLoad: "schedulerWillLoad", - onSchedulerDidLoad: "schedulerDidLoad", - onNylasSchedulerError: "nylasSchedulerError", - onNylasSchedulerInfo: "nylasSchedulerInfo", - onConfigSettingsLoaded: "configSettingsLoaded", - onBookingRefExtracted: "bookingRefExtracted", - onBookedEventInfo: "bookedEventInfo", - } as NylasSchedulingEvents, - defineCustomElement: defineNylasScheduling, + onInit: EventName>, + onSchedulerWillLoad: EventName>, + onSchedulerDidLoad: EventName>, + onNylasSchedulerError: EventName>, + onNylasSchedulerInfo: EventName>, + onConfigSettingsLoaded: EventName }>>, + onBookingRefExtracted: EventName>, + onBookedEventInfo: EventName>> +}; + +export const NylasScheduling: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'nylas-scheduling', + elementClass: NylasSchedulingElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { + onInit: 'init', + onSchedulerWillLoad: 'schedulerWillLoad', + onSchedulerDidLoad: 'schedulerDidLoad', + onNylasSchedulerError: 'nylasSchedulerError', + onNylasSchedulerInfo: 'nylasSchedulerInfo', + onConfigSettingsLoaded: 'configSettingsLoaded', + onBookingRefExtracted: 'bookingRefExtracted', + onBookedEventInfo: 'bookedEventInfo' + } as NylasSchedulingEvents, + defineCustomElement: defineNylasScheduling }); export type NylasSchedulingMethodEvents = { - onValueChanged: EventName< - NylasSchedulingMethodCustomEvent<{ - value: string; - name: string; - valueChanged?: ( - event: CustomEvent<{ value: string; name: string }>, - ) => void; - }> - >; + onValueChanged: EventName) => void; + }>> }; -export const NylasSchedulingMethod: StencilReactComponent< - NylasSchedulingMethodElement, - NylasSchedulingMethodEvents -> = /*@__PURE__*/ createComponent< - NylasSchedulingMethodElement, - NylasSchedulingMethodEvents ->({ - tagName: "nylas-scheduling-method", - elementClass: NylasSchedulingMethodElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { onValueChanged: "valueChanged" } as NylasSchedulingMethodEvents, - defineCustomElement: defineNylasSchedulingMethod, +export const NylasSchedulingMethod: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'nylas-scheduling-method', + elementClass: NylasSchedulingMethodElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { onValueChanged: 'valueChanged' } as NylasSchedulingMethodEvents, + defineCustomElement: defineNylasSchedulingMethod }); export type NylasSelectEventTypeEvents = { - onReturnToAllSchedulingPagesEvent: EventName>; - onCreateEventTypeSelected: EventName< - NylasSelectEventTypeCustomEvent<{ eventType: CONFIGURATION_EVENT_TYPE }> - >; + onReturnToAllSchedulingPagesEvent: EventName>, + onCreateEventTypeSelected: EventName> }; -export const NylasSelectEventType: StencilReactComponent< - NylasSelectEventTypeElement, - NylasSelectEventTypeEvents -> = /*@__PURE__*/ createComponent< - NylasSelectEventTypeElement, - NylasSelectEventTypeEvents ->({ - tagName: "nylas-select-event-type", - elementClass: NylasSelectEventTypeElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { - onReturnToAllSchedulingPagesEvent: "returnToAllSchedulingPagesEvent", - onCreateEventTypeSelected: "createEventTypeSelected", - } as NylasSelectEventTypeEvents, - defineCustomElement: defineNylasSelectEventType, +export const NylasSelectEventType: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'nylas-select-event-type', + elementClass: NylasSelectEventTypeElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { + onReturnToAllSchedulingPagesEvent: 'returnToAllSchedulingPagesEvent', + onCreateEventTypeSelected: 'createEventTypeSelected' + } as NylasSelectEventTypeEvents, + defineCustomElement: defineNylasSelectEventType }); export type NylasSelectedEventCardEvents = NonNullable; -export const NylasSelectedEventCard: StencilReactComponent< - NylasSelectedEventCardElement, - NylasSelectedEventCardEvents -> = /*@__PURE__*/ createComponent< - NylasSelectedEventCardElement, - NylasSelectedEventCardEvents ->({ - tagName: "nylas-selected-event-card", - elementClass: NylasSelectedEventCardElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as NylasSelectedEventCardEvents, - defineCustomElement: defineNylasSelectedEventCard, +export const NylasSelectedEventCard: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'nylas-selected-event-card', + elementClass: NylasSelectedEventCardElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as NylasSelectedEventCardEvents, + defineCustomElement: defineNylasSelectedEventCard }); export type NylasSpecificTimeAvailabilityPickerEvents = { - onValueChanged: EventName< - CustomEvent<{ - value: string; - name: string; - }> - >; + onValueChanged: EventName> }; -export const NylasSpecificTimeAvailabilityPicker: StencilReactComponent< - NylasSpecificTimeAvailabilityPickerElement, - NylasSpecificTimeAvailabilityPickerEvents -> = /*@__PURE__*/ createComponent< - NylasSpecificTimeAvailabilityPickerElement, - NylasSpecificTimeAvailabilityPickerEvents ->({ - tagName: "nylas-specific-time-availability-picker", - elementClass: NylasSpecificTimeAvailabilityPickerElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { - onValueChanged: "valueChanged", - } as NylasSpecificTimeAvailabilityPickerEvents, - defineCustomElement: defineNylasSpecificTimeAvailabilityPicker, +export const NylasSpecificTimeAvailabilityPicker: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'nylas-specific-time-availability-picker', + elementClass: NylasSpecificTimeAvailabilityPickerElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { onValueChanged: 'valueChanged' } as NylasSpecificTimeAvailabilityPickerEvents, + defineCustomElement: defineNylasSpecificTimeAvailabilityPicker }); export type NylasTimeWindowPickerEvents = { - onTimeChange: EventName< - CustomEvent<{ - key: string; - value: string; - }> - >; - onTimeWindowFormError: EventName< - CustomEvent<{ - key: string; - message: string; - }> - >; + onTimeChange: EventName>, + onTimeWindowFormError: EventName> }; -export const NylasTimeWindowPicker: StencilReactComponent< - NylasTimeWindowPickerElement, - NylasTimeWindowPickerEvents -> = /*@__PURE__*/ createComponent< - NylasTimeWindowPickerElement, - NylasTimeWindowPickerEvents ->({ - tagName: "nylas-time-window-picker", - elementClass: NylasTimeWindowPickerElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { - onTimeChange: "timeChange", - onTimeWindowFormError: "timeWindowFormError", - } as NylasTimeWindowPickerEvents, - defineCustomElement: defineNylasTimeWindowPicker, +export const NylasTimeWindowPicker: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'nylas-time-window-picker', + elementClass: NylasTimeWindowPickerElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { + onTimeChange: 'timeChange', + onTimeWindowFormError: 'timeWindowFormError' + } as NylasTimeWindowPickerEvents, + defineCustomElement: defineNylasTimeWindowPicker }); export type NylasTimeslotIntervalEvents = { - onValueChanged: EventName< - CustomEvent<{ - value: string; - name: string; - }> - >; + onValueChanged: EventName> }; -export const NylasTimeslotInterval: StencilReactComponent< - NylasTimeslotIntervalElement, - NylasTimeslotIntervalEvents -> = /*@__PURE__*/ createComponent< - NylasTimeslotIntervalElement, - NylasTimeslotIntervalEvents ->({ - tagName: "nylas-timeslot-interval", - elementClass: NylasTimeslotIntervalElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { onValueChanged: "valueChanged" } as NylasTimeslotIntervalEvents, - defineCustomElement: defineNylasTimeslotInterval, +export const NylasTimeslotInterval: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'nylas-timeslot-interval', + elementClass: NylasTimeslotIntervalElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { onValueChanged: 'valueChanged' } as NylasTimeslotIntervalEvents, + defineCustomElement: defineNylasTimeslotInterval }); export type NylasTimeslotPickerEvents = { - onTimeslotSelected: EventName>; - onTimeslotConfirmed: EventName< - NylasTimeslotPickerCustomEvent<{ - timeslot: Timeslot; - host: HTMLNylasTimeslotPickerElement; - }> - >; - onValidateTimeslotError: EventName< - CustomEvent<{ error: string; type: "error" | "info" }> - >; + onTimeslotSelected: EventName>, + onTimeslotConfirmed: EventName>, + onValidateTimeslotError: EventName> }; -export const NylasTimeslotPicker: StencilReactComponent< - NylasTimeslotPickerElement, - NylasTimeslotPickerEvents -> = /*@__PURE__*/ createComponent< - NylasTimeslotPickerElement, - NylasTimeslotPickerEvents ->({ - tagName: "nylas-timeslot-picker", - elementClass: NylasTimeslotPickerElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { - onTimeslotSelected: "timeslotSelected", - onTimeslotConfirmed: "timeslotConfirmed", - onValidateTimeslotError: "validateTimeslotError", - } as NylasTimeslotPickerEvents, - defineCustomElement: defineNylasTimeslotPicker, +export const NylasTimeslotPicker: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'nylas-timeslot-picker', + elementClass: NylasTimeslotPickerElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { + onTimeslotSelected: 'timeslotSelected', + onTimeslotConfirmed: 'timeslotConfirmed', + onValidateTimeslotError: 'validateTimeslotError' + } as NylasTimeslotPickerEvents, + defineCustomElement: defineNylasTimeslotPicker }); export type PaintbrushFillIconEvents = NonNullable; -export const PaintbrushFillIcon: StencilReactComponent< - PaintbrushFillIconElement, - PaintbrushFillIconEvents -> = /*@__PURE__*/ createComponent< - PaintbrushFillIconElement, - PaintbrushFillIconEvents ->({ - tagName: "paintbrush-fill-icon", - elementClass: PaintbrushFillIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as PaintbrushFillIconEvents, - defineCustomElement: definePaintbrushFillIcon, +export const PaintbrushFillIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'paintbrush-fill-icon', + elementClass: PaintbrushFillIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as PaintbrushFillIconEvents, + defineCustomElement: definePaintbrushFillIcon }); export type PaintbrushIconEvents = NonNullable; -export const PaintbrushIcon: StencilReactComponent< - PaintbrushIconElement, - PaintbrushIconEvents -> = /*@__PURE__*/ createComponent({ - tagName: "paintbrush-icon", - elementClass: PaintbrushIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as PaintbrushIconEvents, - defineCustomElement: definePaintbrushIcon, +export const PaintbrushIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'paintbrush-icon', + elementClass: PaintbrushIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as PaintbrushIconEvents, + defineCustomElement: definePaintbrushIcon }); export type PeopleIconEvents = NonNullable; -export const PeopleIcon: StencilReactComponent< - PeopleIconElement, - PeopleIconEvents -> = /*@__PURE__*/ createComponent({ - tagName: "people-icon", - elementClass: PeopleIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as PeopleIconEvents, - defineCustomElement: definePeopleIcon, +export const PeopleIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'people-icon', + elementClass: PeopleIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as PeopleIconEvents, + defineCustomElement: definePeopleIcon }); export type PersonClipboardIconEvents = NonNullable; -export const PersonClipboardIcon: StencilReactComponent< - PersonClipboardIconElement, - PersonClipboardIconEvents -> = /*@__PURE__*/ createComponent< - PersonClipboardIconElement, - PersonClipboardIconEvents ->({ - tagName: "person-clipboard-icon", - elementClass: PersonClipboardIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as PersonClipboardIconEvents, - defineCustomElement: definePersonClipboardIcon, +export const PersonClipboardIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'person-clipboard-icon', + elementClass: PersonClipboardIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as PersonClipboardIconEvents, + defineCustomElement: definePersonClipboardIcon }); export type PersonIconEvents = NonNullable; -export const PersonIcon: StencilReactComponent< - PersonIconElement, - PersonIconEvents -> = /*@__PURE__*/ createComponent({ - tagName: "person-icon", - elementClass: PersonIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as PersonIconEvents, - defineCustomElement: definePersonIcon, +export const PersonIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'person-icon', + elementClass: PersonIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as PersonIconEvents, + defineCustomElement: definePersonIcon }); export type PlayIconEvents = NonNullable; -export const PlayIcon: StencilReactComponent = - /*@__PURE__*/ createComponent({ - tagName: "play-icon", +export const PlayIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'play-icon', elementClass: PlayIconElement, // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. react: React, events: {} as PlayIconEvents, - defineCustomElement: definePlayIcon, - }); + defineCustomElement: definePlayIcon +}); export type PlusIconEvents = NonNullable; -export const PlusIcon: StencilReactComponent = - /*@__PURE__*/ createComponent({ - tagName: "plus-icon", +export const PlusIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'plus-icon', elementClass: PlusIconElement, // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. react: React, events: {} as PlusIconEvents, - defineCustomElement: definePlusIcon, - }); + defineCustomElement: definePlusIcon +}); export type RadioButtonGroupEvents = { - onNylasFormRadioChanged: EventName< - CustomEvent<{ - value: string; - name: string; - label?: string; - }> - >; + onNylasFormRadioChanged: EventName> }; -export const RadioButtonGroup: StencilReactComponent< - RadioButtonGroupElement, - RadioButtonGroupEvents -> = /*@__PURE__*/ createComponent< - RadioButtonGroupElement, - RadioButtonGroupEvents ->({ - tagName: "radio-button-group", - elementClass: RadioButtonGroupElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { - onNylasFormRadioChanged: "nylasFormRadioChanged", - } as RadioButtonGroupEvents, - defineCustomElement: defineRadioButtonGroup, +export const RadioButtonGroup: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'radio-button-group', + elementClass: RadioButtonGroupElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { onNylasFormRadioChanged: 'nylasFormRadioChanged' } as RadioButtonGroupEvents, + defineCustomElement: defineRadioButtonGroup }); export type RefreshIconEvents = NonNullable; -export const RefreshIcon: StencilReactComponent< - RefreshIconElement, - RefreshIconEvents -> = /*@__PURE__*/ createComponent({ - tagName: "refresh-icon", - elementClass: RefreshIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as RefreshIconEvents, - defineCustomElement: defineRefreshIcon, +export const RefreshIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'refresh-icon', + elementClass: RefreshIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as RefreshIconEvents, + defineCustomElement: defineRefreshIcon }); export type ReplyAllIconEvents = NonNullable; -export const ReplyAllIcon: StencilReactComponent< - ReplyAllIconElement, - ReplyAllIconEvents -> = /*@__PURE__*/ createComponent({ - tagName: "reply-all-icon", - elementClass: ReplyAllIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as ReplyAllIconEvents, - defineCustomElement: defineReplyAllIcon, +export const ReplyAllIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'reply-all-icon', + elementClass: ReplyAllIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as ReplyAllIconEvents, + defineCustomElement: defineReplyAllIcon }); export type ReplyIconEvents = NonNullable; -export const ReplyIcon: StencilReactComponent< - ReplyIconElement, - ReplyIconEvents -> = /*@__PURE__*/ createComponent({ - tagName: "reply-icon", - elementClass: ReplyIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as ReplyIconEvents, - defineCustomElement: defineReplyIcon, +export const ReplyIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'reply-icon', + elementClass: ReplyIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as ReplyIconEvents, + defineCustomElement: defineReplyIcon }); export type SearchIconEvents = NonNullable; -export const SearchIcon: StencilReactComponent< - SearchIconElement, - SearchIconEvents -> = /*@__PURE__*/ createComponent({ - tagName: "search-icon", - elementClass: SearchIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as SearchIconEvents, - defineCustomElement: defineSearchIcon, +export const SearchIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'search-icon', + elementClass: SearchIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as SearchIconEvents, + defineCustomElement: defineSearchIcon }); export type SelectDropdownEvents = { - onNylasFormDropdownChanged: EventName< - SelectDropdownCustomEvent<{ - value: DropdownOption["value"]; - name: string; - error?: string; - label?: string; - }> - >; - onNylasFormDropdownDefaultSelected: EventName< - SelectDropdownCustomEvent<{ - value: DropdownOption["value"]; - name: string; - error?: string; - label?: string; - }> - >; -}; - -export const SelectDropdown: StencilReactComponent< - SelectDropdownElement, - SelectDropdownEvents -> = /*@__PURE__*/ createComponent({ - tagName: "select-dropdown", - elementClass: SelectDropdownElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { - onNylasFormDropdownChanged: "nylasFormDropdownChanged", - onNylasFormDropdownDefaultSelected: "nylasFormDropdownDefaultSelected", - } as SelectDropdownEvents, - defineCustomElement: defineSelectDropdown, + onNylasFormDropdownChanged: EventName>, + onNylasFormDropdownDefaultSelected: EventName> +}; + +export const SelectDropdown: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'select-dropdown', + elementClass: SelectDropdownElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { + onNylasFormDropdownChanged: 'nylasFormDropdownChanged', + onNylasFormDropdownDefaultSelected: 'nylasFormDropdownDefaultSelected' + } as SelectDropdownEvents, + defineCustomElement: defineSelectDropdown }); export type SentIconEvents = NonNullable; -export const SentIcon: StencilReactComponent = - /*@__PURE__*/ createComponent({ - tagName: "sent-icon", +export const SentIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'sent-icon', elementClass: SentIconElement, // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. react: React, events: {} as SentIconEvents, - defineCustomElement: defineSentIcon, - }); + defineCustomElement: defineSentIcon +}); export type SpamIconEvents = NonNullable; -export const SpamIcon: StencilReactComponent = - /*@__PURE__*/ createComponent({ - tagName: "spam-icon", +export const SpamIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'spam-icon', elementClass: SpamIconElement, // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. react: React, events: {} as SpamIconEvents, - defineCustomElement: defineSpamIcon, - }); + defineCustomElement: defineSpamIcon +}); export type StarIconEvents = NonNullable; -export const StarIcon: StencilReactComponent = - /*@__PURE__*/ createComponent({ - tagName: "star-icon", +export const StarIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'star-icon', elementClass: StarIconElement, // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. react: React, events: {} as StarIconEvents, - defineCustomElement: defineStarIcon, - }); + defineCustomElement: defineStarIcon +}); export type StopIconEvents = NonNullable; -export const StopIcon: StencilReactComponent = - /*@__PURE__*/ createComponent({ - tagName: "stop-icon", +export const StopIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'stop-icon', elementClass: StopIconElement, // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. react: React, events: {} as StopIconEvents, - defineCustomElement: defineStopIcon, - }); - -export type TextareaComponentEvents = { - onNylasFormInputChanged: EventName< - CustomEvent<{ - value: string; - name: string; - error: string; - label: string; - type: string; - }> - >; -}; + defineCustomElement: defineStopIcon +}); -export const TextareaComponent: StencilReactComponent< - TextareaComponentElement, - TextareaComponentEvents -> = /*@__PURE__*/ createComponent< - TextareaComponentElement, - TextareaComponentEvents ->({ - tagName: "textarea-component", - elementClass: TextareaComponentElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { - onNylasFormInputChanged: "nylasFormInputChanged", - } as TextareaComponentEvents, - defineCustomElement: defineTextareaComponent, -}); - -export type TimePeriodSelectorEvents = { - onTimePeriodChanged: EventName< - CustomEvent<{ number: number; period: string }> - >; -}; +export type TextareaComponentEvents = { onNylasFormInputChanged: EventName> }; + +export const TextareaComponent: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'textarea-component', + elementClass: TextareaComponentElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { onNylasFormInputChanged: 'nylasFormInputChanged' } as TextareaComponentEvents, + defineCustomElement: defineTextareaComponent +}); -export const TimePeriodSelector: StencilReactComponent< - TimePeriodSelectorElement, - TimePeriodSelectorEvents -> = /*@__PURE__*/ createComponent< - TimePeriodSelectorElement, - TimePeriodSelectorEvents ->({ - tagName: "time-period-selector", - elementClass: TimePeriodSelectorElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { - onTimePeriodChanged: "timePeriodChanged", - } as TimePeriodSelectorEvents, - defineCustomElement: defineTimePeriodSelector, +export type TimePeriodSelectorEvents = { onTimePeriodChanged: EventName> }; + +export const TimePeriodSelector: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'time-period-selector', + elementClass: TimePeriodSelectorElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { onTimePeriodChanged: 'timePeriodChanged' } as TimePeriodSelectorEvents, + defineCustomElement: defineTimePeriodSelector }); export type ToggleSwitchEvents = { - onNylasFormSwitchToggled: EventName< - CustomEvent<{ - checked: boolean; - name: string; - label: string; - }> - >; + onNylasFormSwitchToggled: EventName> }; -export const ToggleSwitch: StencilReactComponent< - ToggleSwitchElement, - ToggleSwitchEvents -> = /*@__PURE__*/ createComponent({ - tagName: "toggle-switch", - elementClass: ToggleSwitchElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { - onNylasFormSwitchToggled: "nylasFormSwitchToggled", - } as ToggleSwitchEvents, - defineCustomElement: defineToggleSwitch, +export const ToggleSwitch: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'toggle-switch', + elementClass: ToggleSwitchElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { onNylasFormSwitchToggled: 'nylasFormSwitchToggled' } as ToggleSwitchEvents, + defineCustomElement: defineToggleSwitch }); export type TooltipComponentEvents = NonNullable; -export const TooltipComponent: StencilReactComponent< - TooltipComponentElement, - TooltipComponentEvents -> = /*@__PURE__*/ createComponent< - TooltipComponentElement, - TooltipComponentEvents ->({ - tagName: "tooltip-component", - elementClass: TooltipComponentElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as TooltipComponentEvents, - defineCustomElement: defineTooltipComponent, +export const TooltipComponent: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'tooltip-component', + elementClass: TooltipComponentElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as TooltipComponentEvents, + defineCustomElement: defineTooltipComponent }); export type TranslateIconEvents = NonNullable; -export const TranslateIcon: StencilReactComponent< - TranslateIconElement, - TranslateIconEvents -> = /*@__PURE__*/ createComponent({ - tagName: "translate-icon", - elementClass: TranslateIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as TranslateIconEvents, - defineCustomElement: defineTranslateIcon, +export const TranslateIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'translate-icon', + elementClass: TranslateIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as TranslateIconEvents, + defineCustomElement: defineTranslateIcon }); export type TrashFillIconEvents = NonNullable; -export const TrashFillIcon: StencilReactComponent< - TrashFillIconElement, - TrashFillIconEvents -> = /*@__PURE__*/ createComponent({ - tagName: "trash-fill-icon", - elementClass: TrashFillIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as TrashFillIconEvents, - defineCustomElement: defineTrashFillIcon, +export const TrashFillIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'trash-fill-icon', + elementClass: TrashFillIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as TrashFillIconEvents, + defineCustomElement: defineTrashFillIcon }); export type TrashIconEvents = NonNullable; -export const TrashIcon: StencilReactComponent< - TrashIconElement, - TrashIconEvents -> = /*@__PURE__*/ createComponent({ - tagName: "trash-icon", - elementClass: TrashIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as TrashIconEvents, - defineCustomElement: defineTrashIcon, +export const TrashIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'trash-icon', + elementClass: TrashIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as TrashIconEvents, + defineCustomElement: defineTrashIcon }); export type UnderlineIconEvents = NonNullable; -export const UnderlineIcon: StencilReactComponent< - UnderlineIconElement, - UnderlineIconEvents -> = /*@__PURE__*/ createComponent({ - tagName: "underline-icon", - elementClass: UnderlineIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as UnderlineIconEvents, - defineCustomElement: defineUnderlineIcon, +export const UnderlineIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'underline-icon', + elementClass: UnderlineIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as UnderlineIconEvents, + defineCustomElement: defineUnderlineIcon }); export type WarningIconEvents = NonNullable; -export const WarningIcon: StencilReactComponent< - WarningIconElement, - WarningIconEvents -> = /*@__PURE__*/ createComponent({ - tagName: "warning-icon", - elementClass: WarningIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as WarningIconEvents, - defineCustomElement: defineWarningIcon, +export const WarningIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'warning-icon', + elementClass: WarningIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as WarningIconEvents, + defineCustomElement: defineWarningIcon }); export type ZoomIconEvents = NonNullable; -export const ZoomIcon: StencilReactComponent = - /*@__PURE__*/ createComponent({ - tagName: "zoom-icon", +export const ZoomIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ + tagName: 'zoom-icon', elementClass: ZoomIconElement, // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. react: React, events: {} as ZoomIconEvents, - defineCustomElement: defineZoomIcon, - }); + defineCustomElement: defineZoomIcon +}); diff --git a/scripts/sync-web-elements-types.sh b/scripts/sync-web-elements-types.sh new file mode 100755 index 0000000..975c26e --- /dev/null +++ b/scripts/sync-web-elements-types.sh @@ -0,0 +1,38 @@ +#!/usr/bin/env bash +# +# Syncs the auto-generated React component wrappers from the nylas/ repo +# (source of truth: @nylas/web-elements Stencil build output) into this repo. +# +# Usage: +# ./scripts/sync-web-elements-types.sh [path-to-nylas-repo] +# +# If no path is given, defaults to ../nylas (sibling directory). +# +# This script should be run whenever @nylas/web-elements is upgraded in +# packages/react/package.json to keep the generated types in sync. + +set -euo pipefail + +SCRIPT_DIR="$(cd "$(dirname "$0")" && pwd)" +REPO_ROOT="$(cd "$SCRIPT_DIR/.." && pwd)" + +NYLAS_REPO="${1:-$(cd "$REPO_ROOT/.." && pwd)/nylas}" +SOURCE="$NYLAS_REPO/packages/nylas-react/lib/elements/components.ts" +TARGET="$REPO_ROOT/packages/react/src/elements/components.ts" + +if [ ! -f "$SOURCE" ]; then + echo "ERROR: Source file not found: $SOURCE" + echo "" + echo "Make sure the nylas/ repo is cloned as a sibling and @nylas/web-elements has been built:" + echo " cd $NYLAS_REPO && pnpm install && pnpm nx run @nylas/web-elements:build" + exit 1 +fi + +cp "$SOURCE" "$TARGET" + +SOURCE_LINES=$(wc -l < "$SOURCE" | tr -d ' ') +TARGET_LINES=$(wc -l < "$TARGET" | tr -d ' ') + +echo "Synced components.ts ($TARGET_LINES lines)" +echo " From: $SOURCE" +echo " To: $TARGET" From 79946f7d9bf2fe7295c3dde4347c00155adc31c3 Mon Sep 17 00:00:00 2001 From: Aaron de Mello Date: Thu, 26 Mar 2026 12:05:51 -0400 Subject: [PATCH 2/3] [TW-4727] chore(@nylas/react): remove sync script (moved to nylas/nylas) The sync script belongs in the nylas/nylas repo where the Stencil build output lives, not in the consumer repo. Co-Authored-By: Claude Opus 4.6 (1M context) --- package.json | 3 +-- scripts/sync-web-elements-types.sh | 38 ------------------------------ 2 files changed, 1 insertion(+), 40 deletions(-) delete mode 100755 scripts/sync-web-elements-types.sh diff --git a/package.json b/package.json index 9935eea..de5c7ee 100644 --- a/package.json +++ b/package.json @@ -26,8 +26,7 @@ "publish:dry-run": "nx run-many -t build && changeset publish --dry-run", "publish:no-build": "changeset publish", "postinstall": "husky install", - "slack:notify": "node ./scripts/send-slack-notification.mjs", - "sync:web-elements": "./scripts/sync-web-elements-types.sh" + "slack:notify": "node ./scripts/send-slack-notification.mjs" }, "keywords": [ "nylas", diff --git a/scripts/sync-web-elements-types.sh b/scripts/sync-web-elements-types.sh deleted file mode 100755 index 975c26e..0000000 --- a/scripts/sync-web-elements-types.sh +++ /dev/null @@ -1,38 +0,0 @@ -#!/usr/bin/env bash -# -# Syncs the auto-generated React component wrappers from the nylas/ repo -# (source of truth: @nylas/web-elements Stencil build output) into this repo. -# -# Usage: -# ./scripts/sync-web-elements-types.sh [path-to-nylas-repo] -# -# If no path is given, defaults to ../nylas (sibling directory). -# -# This script should be run whenever @nylas/web-elements is upgraded in -# packages/react/package.json to keep the generated types in sync. - -set -euo pipefail - -SCRIPT_DIR="$(cd "$(dirname "$0")" && pwd)" -REPO_ROOT="$(cd "$SCRIPT_DIR/.." && pwd)" - -NYLAS_REPO="${1:-$(cd "$REPO_ROOT/.." && pwd)/nylas}" -SOURCE="$NYLAS_REPO/packages/nylas-react/lib/elements/components.ts" -TARGET="$REPO_ROOT/packages/react/src/elements/components.ts" - -if [ ! -f "$SOURCE" ]; then - echo "ERROR: Source file not found: $SOURCE" - echo "" - echo "Make sure the nylas/ repo is cloned as a sibling and @nylas/web-elements has been built:" - echo " cd $NYLAS_REPO && pnpm install && pnpm nx run @nylas/web-elements:build" - exit 1 -fi - -cp "$SOURCE" "$TARGET" - -SOURCE_LINES=$(wc -l < "$SOURCE" | tr -d ' ') -TARGET_LINES=$(wc -l < "$TARGET" | tr -d ' ') - -echo "Synced components.ts ($TARGET_LINES lines)" -echo " From: $SOURCE" -echo " To: $TARGET" From 9eb6ceb8564a99ffa0c18cdce746f377da7c68c6 Mon Sep 17 00:00:00 2001 From: Aaron de Mello Date: Thu, 26 Mar 2026 12:08:10 -0400 Subject: [PATCH 3/3] [TW-4727] fix(@nylas/react): format generated components.ts with Prettier The pre-commit hook formatted the file but didn't re-stage it, so the committed version was unformatted. Co-Authored-By: Claude Opus 4.6 (1M context) --- packages/react/src/elements/components.ts | 4607 ++++++++++++++------- 1 file changed, 3024 insertions(+), 1583 deletions(-) diff --git a/packages/react/src/elements/components.ts b/packages/react/src/elements/components.ts index e7a298a..060b824 100644 --- a/packages/react/src/elements/components.ts +++ b/packages/react/src/elements/components.ts @@ -1,4 +1,4 @@ -'use client'; +"use client"; /** * This file was automatically generated by the Stencil React Output Target. @@ -7,2194 +7,3635 @@ /* eslint-disable */ -import { type AdditionalParticipant, type BookedEventInfo, type CONFIGURATION_EVENT_TYPE, type Configuration, type CreateGroupEventFormState, type DropdownOption, type GroupConfiguration, type GroupEvent, type GroupEventAPIData, type ImportGroupEventDetails, type InputDropdownCustomEvent, type InputImageUrlCustomEvent, type Notification, type NylasAdditionalParticipantsCustomEvent, type NylasBookedEventCardCustomEvent, type NylasBookingCalendarPickerCustomEvent, type NylasBookingConfirmationRedirectCustomEvent, type NylasBookingConfirmationTypeCustomEvent, type NylasBookingFormCustomEvent, type NylasBufferTimeCustomEvent, type NylasCalendarPickerCustomEvent, type NylasCancelBookingFormCustomEvent, type NylasCancelledEventCardCustomEvent, type NylasConfirmationEmailCustomEvent, type NylasConfirmedEventCardCustomEvent, type NylasCustomEventSlugCustomEvent, type NylasCustomizeBookingSettingsCustomEvent, type NylasDatePickerCustomEvent, type NylasDisableEmailsCustomEvent, type NylasEditorTabsCustomEvent, type NylasEditorTabsGroupCustomEvent, type NylasEventCalendarCustomEvent, type NylasEventCapacityCustomEvent, type NylasListConfigurationsCustomEvent, type NylasNotetakerConfigCustomEvent, type NylasOrganizerConfirmationCardCustomEvent, type NylasPageNameCustomEvent, type NylasPageStylingCustomEvent, type NylasReminderEmailsCustomEvent, type NylasSchedulerBookingDataWithFlatFields, type NylasSchedulerEditorCustomEvent, type NylasSchedulerErrorResponse, type NylasSchedulerResponse, type NylasSchedulingCustomEvent, type NylasSchedulingMethodCustomEvent, type NylasSelectEventTypeCustomEvent, type NylasTimeslotPickerCustomEvent, type RecurrenceDeleteOption, type RecurrenceUpdateOption, type SchedulerEventDetail, type SchedulerGroupEventDetail, type SelectDropdownCustomEvent, type Timeslot, type UISettingsResponse } from "@nylas/web-elements"; -import { AddCircleIcon as AddCircleIconElement, defineCustomElement as defineAddCircleIcon } from "@nylas/web-elements/dist/components/add-circle-icon.js"; -import { ArchiveIcon as ArchiveIconElement, defineCustomElement as defineArchiveIcon } from "@nylas/web-elements/dist/components/archive-icon.js"; -import { ArrowIcon as ArrowIconElement, defineCustomElement as defineArrowIcon } from "@nylas/web-elements/dist/components/arrow-icon.js"; -import { BoldIcon as BoldIconElement, defineCustomElement as defineBoldIcon } from "@nylas/web-elements/dist/components/bold-icon.js"; -import { ButtonComponent as ButtonComponentElement, defineCustomElement as defineButtonComponent } from "@nylas/web-elements/dist/components/button-component.js"; -import { CalendarAgendaFillIcon as CalendarAgendaFillIconElement, defineCustomElement as defineCalendarAgendaFillIcon } from "@nylas/web-elements/dist/components/calendar-agenda-fill-icon.js"; -import { CalendarAgendaIcon as CalendarAgendaIconElement, defineCustomElement as defineCalendarAgendaIcon } from "@nylas/web-elements/dist/components/calendar-agenda-icon.js"; -import { CalendarCancelIcon as CalendarCancelIconElement, defineCustomElement as defineCalendarCancelIcon } from "@nylas/web-elements/dist/components/calendar-cancel-icon.js"; -import { CalendarCheckIcon as CalendarCheckIconElement, defineCustomElement as defineCalendarCheckIcon } from "@nylas/web-elements/dist/components/calendar-check-icon.js"; -import { CalendarIcon as CalendarIconElement, defineCustomElement as defineCalendarIcon } from "@nylas/web-elements/dist/components/calendar-icon.js"; -import { CalendarInfoIcon as CalendarInfoIconElement, defineCustomElement as defineCalendarInfoIcon } from "@nylas/web-elements/dist/components/calendar-info-icon.js"; -import { CalendarPatternsIcon as CalendarPatternsIconElement, defineCustomElement as defineCalendarPatternsIcon } from "@nylas/web-elements/dist/components/calendar-patterns-icon.js"; -import { CheckboxComponent as CheckboxComponentElement, defineCustomElement as defineCheckboxComponent } from "@nylas/web-elements/dist/components/checkbox-component.js"; -import { CheckboxGroup as CheckboxGroupElement, defineCustomElement as defineCheckboxGroup } from "@nylas/web-elements/dist/components/checkbox-group.js"; -import { CheckmarkCircleIcon as CheckmarkCircleIconElement, defineCustomElement as defineCheckmarkCircleIcon } from "@nylas/web-elements/dist/components/checkmark-circle-icon.js"; -import { CheckmarkIcon as CheckmarkIconElement, defineCustomElement as defineCheckmarkIcon } from "@nylas/web-elements/dist/components/checkmark-icon.js"; -import { ChevronIcon as ChevronIconElement, defineCustomElement as defineChevronIcon } from "@nylas/web-elements/dist/components/chevron-icon.js"; -import { ClockIcon as ClockIconElement, defineCustomElement as defineClockIcon } from "@nylas/web-elements/dist/components/clock-icon.js"; -import { CloseIcon as CloseIconElement, defineCustomElement as defineCloseIcon } from "@nylas/web-elements/dist/components/close-icon.js"; -import { CopyIcon as CopyIconElement, defineCustomElement as defineCopyIcon } from "@nylas/web-elements/dist/components/copy-icon.js"; -import { DeleteIcon as DeleteIconElement, defineCustomElement as defineDeleteIcon } from "@nylas/web-elements/dist/components/delete-icon.js"; -import { DocumentRefreshIcon as DocumentRefreshIconElement, defineCustomElement as defineDocumentRefreshIcon } from "@nylas/web-elements/dist/components/document-refresh-icon.js"; -import { DragableIcon as DragableIconElement, defineCustomElement as defineDragableIcon } from "@nylas/web-elements/dist/components/dragable-icon.js"; -import { EditIcon as EditIconElement, defineCustomElement as defineEditIcon } from "@nylas/web-elements/dist/components/edit-icon.js"; -import { EnvelopeFillIcon as EnvelopeFillIconElement, defineCustomElement as defineEnvelopeFillIcon } from "@nylas/web-elements/dist/components/envelope-fill-icon.js"; -import { EnvelopeIcon as EnvelopeIconElement, defineCustomElement as defineEnvelopeIcon } from "@nylas/web-elements/dist/components/envelope-icon.js"; -import { EyeIcon as EyeIconElement, defineCustomElement as defineEyeIcon } from "@nylas/web-elements/dist/components/eye-icon.js"; -import { FeedbackIcon as FeedbackIconElement, defineCustomElement as defineFeedbackIcon } from "@nylas/web-elements/dist/components/feedback-icon.js"; -import { FlowIcon as FlowIconElement, defineCustomElement as defineFlowIcon } from "@nylas/web-elements/dist/components/flow-icon.js"; -import { FolderIcon as FolderIconElement, defineCustomElement as defineFolderIcon } from "@nylas/web-elements/dist/components/folder-icon.js"; -import { ForwardIcon as ForwardIconElement, defineCustomElement as defineForwardIcon } from "@nylas/web-elements/dist/components/forward-icon.js"; -import { GlobeIcon as GlobeIconElement, defineCustomElement as defineGlobeIcon } from "@nylas/web-elements/dist/components/globe-icon.js"; -import { GoogleLogoIcon as GoogleLogoIconElement, defineCustomElement as defineGoogleLogoIcon } from "@nylas/web-elements/dist/components/google-logo-icon.js"; -import { GoogleMeetIcon as GoogleMeetIconElement, defineCustomElement as defineGoogleMeetIcon } from "@nylas/web-elements/dist/components/google-meet-icon.js"; -import { InboxIcon as InboxIconElement, defineCustomElement as defineInboxIcon } from "@nylas/web-elements/dist/components/inbox-icon.js"; -import { InfoIcon as InfoIconElement, defineCustomElement as defineInfoIcon } from "@nylas/web-elements/dist/components/info-icon.js"; -import { InputColorPicker as InputColorPickerElement, defineCustomElement as defineInputColorPicker } from "@nylas/web-elements/dist/components/input-color-picker.js"; -import { InputComponent as InputComponentElement, defineCustomElement as defineInputComponent } from "@nylas/web-elements/dist/components/input-component.js"; -import { InputDropdown as InputDropdownElement, defineCustomElement as defineInputDropdown } from "@nylas/web-elements/dist/components/input-dropdown.js"; -import { InputImageUrl as InputImageUrlElement, defineCustomElement as defineInputImageUrl } from "@nylas/web-elements/dist/components/input-image-url.js"; -import { ItalicIcon as ItalicIconElement, defineCustomElement as defineItalicIcon } from "@nylas/web-elements/dist/components/italic-icon.js"; -import { LoadingIcon as LoadingIconElement, defineCustomElement as defineLoadingIcon } from "@nylas/web-elements/dist/components/loading-icon.js"; -import { LocationIcon as LocationIconElement, defineCustomElement as defineLocationIcon } from "@nylas/web-elements/dist/components/location-icon.js"; -import { LocationOffIcon as LocationOffIconElement, defineCustomElement as defineLocationOffIcon } from "@nylas/web-elements/dist/components/location-off-icon.js"; -import { MicrosoftLogoIcon as MicrosoftLogoIconElement, defineCustomElement as defineMicrosoftLogoIcon } from "@nylas/web-elements/dist/components/microsoft-logo-icon.js"; -import { MicrosoftTeamsIcon as MicrosoftTeamsIconElement, defineCustomElement as defineMicrosoftTeamsIcon } from "@nylas/web-elements/dist/components/microsoft-teams-icon.js"; -import { MultiSelectDropdown as MultiSelectDropdownElement, defineCustomElement as defineMultiSelectDropdown } from "@nylas/web-elements/dist/components/multi-select-dropdown.js"; -import { NylasAdditionalParticipants as NylasAdditionalParticipantsElement, defineCustomElement as defineNylasAdditionalParticipants } from "@nylas/web-elements/dist/components/nylas-additional-participants.js"; -import { NylasAvailabilityPicker as NylasAvailabilityPickerElement, defineCustomElement as defineNylasAvailabilityPicker } from "@nylas/web-elements/dist/components/nylas-availability-picker.js"; -import { NylasBookedEventCard as NylasBookedEventCardElement, defineCustomElement as defineNylasBookedEventCard } from "@nylas/web-elements/dist/components/nylas-booked-event-card.js"; -import { NylasBookingCalendarPicker as NylasBookingCalendarPickerElement, defineCustomElement as defineNylasBookingCalendarPicker } from "@nylas/web-elements/dist/components/nylas-booking-calendar-picker.js"; -import { NylasBookingConfirmationRedirect as NylasBookingConfirmationRedirectElement, defineCustomElement as defineNylasBookingConfirmationRedirect } from "@nylas/web-elements/dist/components/nylas-booking-confirmation-redirect.js"; -import { NylasBookingConfirmationType as NylasBookingConfirmationTypeElement, defineCustomElement as defineNylasBookingConfirmationType } from "@nylas/web-elements/dist/components/nylas-booking-confirmation-type.js"; -import { NylasBookingFormConfig as NylasBookingFormConfigElement, defineCustomElement as defineNylasBookingFormConfig } from "@nylas/web-elements/dist/components/nylas-booking-form-config.js"; -import { NylasBookingForm as NylasBookingFormElement, defineCustomElement as defineNylasBookingForm } from "@nylas/web-elements/dist/components/nylas-booking-form.js"; -import { NylasBufferTime as NylasBufferTimeElement, defineCustomElement as defineNylasBufferTime } from "@nylas/web-elements/dist/components/nylas-buffer-time.js"; -import { NylasCalendarPicker as NylasCalendarPickerElement, defineCustomElement as defineNylasCalendarPicker } from "@nylas/web-elements/dist/components/nylas-calendar-picker.js"; -import { NylasCancelBookingForm as NylasCancelBookingFormElement, defineCustomElement as defineNylasCancelBookingForm } from "@nylas/web-elements/dist/components/nylas-cancel-booking-form.js"; -import { NylasCancellationPolicy as NylasCancellationPolicyElement, defineCustomElement as defineNylasCancellationPolicy } from "@nylas/web-elements/dist/components/nylas-cancellation-policy.js"; -import { NylasCancelledEventCard as NylasCancelledEventCardElement, defineCustomElement as defineNylasCancelledEventCard } from "@nylas/web-elements/dist/components/nylas-cancelled-event-card.js"; -import { NylasConfirmationEmail as NylasConfirmationEmailElement, defineCustomElement as defineNylasConfirmationEmail } from "@nylas/web-elements/dist/components/nylas-confirmation-email.js"; -import { NylasConfirmedEventCard as NylasConfirmedEventCardElement, defineCustomElement as defineNylasConfirmedEventCard } from "@nylas/web-elements/dist/components/nylas-confirmed-event-card.js"; -import { NylasConnectedCalendars as NylasConnectedCalendarsElement, defineCustomElement as defineNylasConnectedCalendars } from "@nylas/web-elements/dist/components/nylas-connected-calendars.js"; -import { NylasCustomBookingFlow as NylasCustomBookingFlowElement, defineCustomElement as defineNylasCustomBookingFlow } from "@nylas/web-elements/dist/components/nylas-custom-booking-flow.js"; -import { NylasCustomEventSlug as NylasCustomEventSlugElement, defineCustomElement as defineNylasCustomEventSlug } from "@nylas/web-elements/dist/components/nylas-custom-event-slug.js"; -import { NylasCustomizeBookingSettings as NylasCustomizeBookingSettingsElement, defineCustomElement as defineNylasCustomizeBookingSettings } from "@nylas/web-elements/dist/components/nylas-customize-booking-settings.js"; -import { NylasDateComponent as NylasDateComponentElement, defineCustomElement as defineNylasDateComponent } from "@nylas/web-elements/dist/components/nylas-date-component.js"; -import { NylasDatePicker as NylasDatePickerElement, defineCustomElement as defineNylasDatePicker } from "@nylas/web-elements/dist/components/nylas-date-picker.js"; -import { NylasDisableEmails as NylasDisableEmailsElement, defineCustomElement as defineNylasDisableEmails } from "@nylas/web-elements/dist/components/nylas-disable-emails.js"; -import { NylasEditorTabsGroup as NylasEditorTabsGroupElement, defineCustomElement as defineNylasEditorTabsGroup } from "@nylas/web-elements/dist/components/nylas-editor-tabs-group.js"; -import { NylasEditorTabs as NylasEditorTabsElement, defineCustomElement as defineNylasEditorTabs } from "@nylas/web-elements/dist/components/nylas-editor-tabs.js"; -import { NylasEventCalendar as NylasEventCalendarElement, defineCustomElement as defineNylasEventCalendar } from "@nylas/web-elements/dist/components/nylas-event-calendar.js"; -import { NylasEventCapacity as NylasEventCapacityElement, defineCustomElement as defineNylasEventCapacity } from "@nylas/web-elements/dist/components/nylas-event-capacity.js"; -import { NylasEventDescription as NylasEventDescriptionElement, defineCustomElement as defineNylasEventDescription } from "@nylas/web-elements/dist/components/nylas-event-description.js"; -import { NylasEventDuration as NylasEventDurationElement, defineCustomElement as defineNylasEventDuration } from "@nylas/web-elements/dist/components/nylas-event-duration.js"; -import { NylasEventInfo as NylasEventInfoElement, defineCustomElement as defineNylasEventInfo } from "@nylas/web-elements/dist/components/nylas-event-info.js"; -import { NylasEventLimits as NylasEventLimitsElement, defineCustomElement as defineNylasEventLimits } from "@nylas/web-elements/dist/components/nylas-event-limits.js"; -import { NylasEventLocation as NylasEventLocationElement, defineCustomElement as defineNylasEventLocation } from "@nylas/web-elements/dist/components/nylas-event-location.js"; -import { NylasEventTimeslot as NylasEventTimeslotElement, defineCustomElement as defineNylasEventTimeslot } from "@nylas/web-elements/dist/components/nylas-event-timeslot.js"; -import { NylasEventTitle as NylasEventTitleElement, defineCustomElement as defineNylasEventTitle } from "@nylas/web-elements/dist/components/nylas-event-title.js"; -import { NylasFeedbackForm as NylasFeedbackFormElement, defineCustomElement as defineNylasFeedbackForm } from "@nylas/web-elements/dist/components/nylas-feedback-form.js"; -import { NylasFormCard as NylasFormCardElement, defineCustomElement as defineNylasFormCard } from "@nylas/web-elements/dist/components/nylas-form-card.js"; -import { NylasLimitFutureBookings as NylasLimitFutureBookingsElement, defineCustomElement as defineNylasLimitFutureBookings } from "@nylas/web-elements/dist/components/nylas-limit-future-bookings.js"; -import { NylasListConfigurations as NylasListConfigurationsElement, defineCustomElement as defineNylasListConfigurations } from "@nylas/web-elements/dist/components/nylas-list-configurations.js"; -import { NylasLocaleSwitch as NylasLocaleSwitchElement, defineCustomElement as defineNylasLocaleSwitch } from "@nylas/web-elements/dist/components/nylas-locale-switch.js"; -import { NylasLogo as NylasLogoElement, defineCustomElement as defineNylasLogo } from "@nylas/web-elements/dist/components/nylas-logo.js"; -import { NylasMinBookingNotice as NylasMinBookingNoticeElement, defineCustomElement as defineNylasMinBookingNotice } from "@nylas/web-elements/dist/components/nylas-min-booking-notice.js"; -import { NylasMinCancellationNotice as NylasMinCancellationNoticeElement, defineCustomElement as defineNylasMinCancellationNotice } from "@nylas/web-elements/dist/components/nylas-min-cancellation-notice.js"; -import { NylasNotetakerConfig as NylasNotetakerConfigElement, defineCustomElement as defineNylasNotetakerConfig } from "@nylas/web-elements/dist/components/nylas-notetaker-config.js"; -import { NylasNotification as NylasNotificationElement, defineCustomElement as defineNylasNotification } from "@nylas/web-elements/dist/components/nylas-notification.js"; -import { NylasOnlySpecificTimeAvailability as NylasOnlySpecificTimeAvailabilityElement, defineCustomElement as defineNylasOnlySpecificTimeAvailability } from "@nylas/web-elements/dist/components/nylas-only-specific-time-availability.js"; -import { NylasOrganizerConfirmationCard as NylasOrganizerConfirmationCardElement, defineCustomElement as defineNylasOrganizerConfirmationCard } from "@nylas/web-elements/dist/components/nylas-organizer-confirmation-card.js"; -import { NylasPageName as NylasPageNameElement, defineCustomElement as defineNylasPageName } from "@nylas/web-elements/dist/components/nylas-page-name.js"; -import { NylasPageStyling as NylasPageStylingElement, defineCustomElement as defineNylasPageStyling } from "@nylas/web-elements/dist/components/nylas-page-styling.js"; -import { NylasParticipantBookingCalendars as NylasParticipantBookingCalendarsElement, defineCustomElement as defineNylasParticipantBookingCalendars } from "@nylas/web-elements/dist/components/nylas-participant-booking-calendars.js"; -import { NylasParticipantsCustomAvailability as NylasParticipantsCustomAvailabilityElement, defineCustomElement as defineNylasParticipantsCustomAvailability } from "@nylas/web-elements/dist/components/nylas-participants-custom-availability.js"; -import { NylasReminderEmails as NylasReminderEmailsElement, defineCustomElement as defineNylasReminderEmails } from "@nylas/web-elements/dist/components/nylas-reminder-emails.js"; -import { NylasReminderTime as NylasReminderTimeElement, defineCustomElement as defineNylasReminderTime } from "@nylas/web-elements/dist/components/nylas-reminder-time.js"; -import { NylasSchedulerEditor as NylasSchedulerEditorElement, defineCustomElement as defineNylasSchedulerEditor } from "@nylas/web-elements/dist/components/nylas-scheduler-editor.js"; -import { NylasSchedulingMethod as NylasSchedulingMethodElement, defineCustomElement as defineNylasSchedulingMethod } from "@nylas/web-elements/dist/components/nylas-scheduling-method.js"; -import { NylasScheduling as NylasSchedulingElement, defineCustomElement as defineNylasScheduling } from "@nylas/web-elements/dist/components/nylas-scheduling.js"; -import { NylasSelectEventType as NylasSelectEventTypeElement, defineCustomElement as defineNylasSelectEventType } from "@nylas/web-elements/dist/components/nylas-select-event-type.js"; -import { NylasSelectedEventCard as NylasSelectedEventCardElement, defineCustomElement as defineNylasSelectedEventCard } from "@nylas/web-elements/dist/components/nylas-selected-event-card.js"; -import { NylasSpecificTimeAvailabilityPicker as NylasSpecificTimeAvailabilityPickerElement, defineCustomElement as defineNylasSpecificTimeAvailabilityPicker } from "@nylas/web-elements/dist/components/nylas-specific-time-availability-picker.js"; -import { NylasTimeWindowPicker as NylasTimeWindowPickerElement, defineCustomElement as defineNylasTimeWindowPicker } from "@nylas/web-elements/dist/components/nylas-time-window-picker.js"; -import { NylasTimeslotInterval as NylasTimeslotIntervalElement, defineCustomElement as defineNylasTimeslotInterval } from "@nylas/web-elements/dist/components/nylas-timeslot-interval.js"; -import { NylasTimeslotPicker as NylasTimeslotPickerElement, defineCustomElement as defineNylasTimeslotPicker } from "@nylas/web-elements/dist/components/nylas-timeslot-picker.js"; -import { PaintbrushFillIcon as PaintbrushFillIconElement, defineCustomElement as definePaintbrushFillIcon } from "@nylas/web-elements/dist/components/paintbrush-fill-icon.js"; -import { PaintbrushIcon as PaintbrushIconElement, defineCustomElement as definePaintbrushIcon } from "@nylas/web-elements/dist/components/paintbrush-icon.js"; -import { PeopleIcon as PeopleIconElement, defineCustomElement as definePeopleIcon } from "@nylas/web-elements/dist/components/people-icon.js"; -import { PersonClipboardIcon as PersonClipboardIconElement, defineCustomElement as definePersonClipboardIcon } from "@nylas/web-elements/dist/components/person-clipboard-icon.js"; -import { PersonIcon as PersonIconElement, defineCustomElement as definePersonIcon } from "@nylas/web-elements/dist/components/person-icon.js"; -import { PlayIcon as PlayIconElement, defineCustomElement as definePlayIcon } from "@nylas/web-elements/dist/components/play-icon.js"; -import { PlusIcon as PlusIconElement, defineCustomElement as definePlusIcon } from "@nylas/web-elements/dist/components/plus-icon.js"; -import { RadioButtonGroup as RadioButtonGroupElement, defineCustomElement as defineRadioButtonGroup } from "@nylas/web-elements/dist/components/radio-button-group.js"; -import { RefreshIcon as RefreshIconElement, defineCustomElement as defineRefreshIcon } from "@nylas/web-elements/dist/components/refresh-icon.js"; -import { ReplyAllIcon as ReplyAllIconElement, defineCustomElement as defineReplyAllIcon } from "@nylas/web-elements/dist/components/reply-all-icon.js"; -import { ReplyIcon as ReplyIconElement, defineCustomElement as defineReplyIcon } from "@nylas/web-elements/dist/components/reply-icon.js"; -import { SearchIcon as SearchIconElement, defineCustomElement as defineSearchIcon } from "@nylas/web-elements/dist/components/search-icon.js"; -import { SelectDropdown as SelectDropdownElement, defineCustomElement as defineSelectDropdown } from "@nylas/web-elements/dist/components/select-dropdown.js"; -import { SentIcon as SentIconElement, defineCustomElement as defineSentIcon } from "@nylas/web-elements/dist/components/sent-icon.js"; -import { SpamIcon as SpamIconElement, defineCustomElement as defineSpamIcon } from "@nylas/web-elements/dist/components/spam-icon.js"; -import { StarIcon as StarIconElement, defineCustomElement as defineStarIcon } from "@nylas/web-elements/dist/components/star-icon.js"; -import { StopIcon as StopIconElement, defineCustomElement as defineStopIcon } from "@nylas/web-elements/dist/components/stop-icon.js"; -import { TextareaComponent as TextareaComponentElement, defineCustomElement as defineTextareaComponent } from "@nylas/web-elements/dist/components/textarea-component.js"; -import { TimePeriodSelector as TimePeriodSelectorElement, defineCustomElement as defineTimePeriodSelector } from "@nylas/web-elements/dist/components/time-period-selector.js"; -import { ToggleSwitch as ToggleSwitchElement, defineCustomElement as defineToggleSwitch } from "@nylas/web-elements/dist/components/toggle-switch.js"; -import { TooltipComponent as TooltipComponentElement, defineCustomElement as defineTooltipComponent } from "@nylas/web-elements/dist/components/tooltip-component.js"; -import { TranslateIcon as TranslateIconElement, defineCustomElement as defineTranslateIcon } from "@nylas/web-elements/dist/components/translate-icon.js"; -import { TrashFillIcon as TrashFillIconElement, defineCustomElement as defineTrashFillIcon } from "@nylas/web-elements/dist/components/trash-fill-icon.js"; -import { TrashIcon as TrashIconElement, defineCustomElement as defineTrashIcon } from "@nylas/web-elements/dist/components/trash-icon.js"; -import { UnderlineIcon as UnderlineIconElement, defineCustomElement as defineUnderlineIcon } from "@nylas/web-elements/dist/components/underline-icon.js"; -import { WarningIcon as WarningIconElement, defineCustomElement as defineWarningIcon } from "@nylas/web-elements/dist/components/warning-icon.js"; -import { ZoomIcon as ZoomIconElement, defineCustomElement as defineZoomIcon } from "@nylas/web-elements/dist/components/zoom-icon.js"; -import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime'; -import { createComponent } from '@stencil/react-output-target/runtime'; -import React from 'react'; +import { + type AdditionalParticipant, + type BookedEventInfo, + type CONFIGURATION_EVENT_TYPE, + type Configuration, + type CreateGroupEventFormState, + type DropdownOption, + type GroupConfiguration, + type GroupEvent, + type GroupEventAPIData, + type ImportGroupEventDetails, + type InputDropdownCustomEvent, + type InputImageUrlCustomEvent, + type Notification, + type NylasAdditionalParticipantsCustomEvent, + type NylasBookedEventCardCustomEvent, + type NylasBookingCalendarPickerCustomEvent, + type NylasBookingConfirmationRedirectCustomEvent, + type NylasBookingConfirmationTypeCustomEvent, + type NylasBookingFormCustomEvent, + type NylasBufferTimeCustomEvent, + type NylasCalendarPickerCustomEvent, + type NylasCancelBookingFormCustomEvent, + type NylasCancelledEventCardCustomEvent, + type NylasConfirmationEmailCustomEvent, + type NylasConfirmedEventCardCustomEvent, + type NylasCustomEventSlugCustomEvent, + type NylasCustomizeBookingSettingsCustomEvent, + type NylasDatePickerCustomEvent, + type NylasDisableEmailsCustomEvent, + type NylasEditorTabsCustomEvent, + type NylasEditorTabsGroupCustomEvent, + type NylasEventCalendarCustomEvent, + type NylasEventCapacityCustomEvent, + type NylasListConfigurationsCustomEvent, + type NylasNotetakerConfigCustomEvent, + type NylasOrganizerConfirmationCardCustomEvent, + type NylasPageNameCustomEvent, + type NylasPageStylingCustomEvent, + type NylasReminderEmailsCustomEvent, + type NylasSchedulerBookingDataWithFlatFields, + type NylasSchedulerEditorCustomEvent, + type NylasSchedulerErrorResponse, + type NylasSchedulerResponse, + type NylasSchedulingCustomEvent, + type NylasSchedulingMethodCustomEvent, + type NylasSelectEventTypeCustomEvent, + type NylasTimeslotPickerCustomEvent, + type RecurrenceDeleteOption, + type RecurrenceUpdateOption, + type SchedulerEventDetail, + type SchedulerGroupEventDetail, + type SelectDropdownCustomEvent, + type Timeslot, + type UISettingsResponse, +} from "@nylas/web-elements"; +import { + AddCircleIcon as AddCircleIconElement, + defineCustomElement as defineAddCircleIcon, +} from "@nylas/web-elements/dist/components/add-circle-icon.js"; +import { + ArchiveIcon as ArchiveIconElement, + defineCustomElement as defineArchiveIcon, +} from "@nylas/web-elements/dist/components/archive-icon.js"; +import { + ArrowIcon as ArrowIconElement, + defineCustomElement as defineArrowIcon, +} from "@nylas/web-elements/dist/components/arrow-icon.js"; +import { + BoldIcon as BoldIconElement, + defineCustomElement as defineBoldIcon, +} from "@nylas/web-elements/dist/components/bold-icon.js"; +import { + ButtonComponent as ButtonComponentElement, + defineCustomElement as defineButtonComponent, +} from "@nylas/web-elements/dist/components/button-component.js"; +import { + CalendarAgendaFillIcon as CalendarAgendaFillIconElement, + defineCustomElement as defineCalendarAgendaFillIcon, +} from "@nylas/web-elements/dist/components/calendar-agenda-fill-icon.js"; +import { + CalendarAgendaIcon as CalendarAgendaIconElement, + defineCustomElement as defineCalendarAgendaIcon, +} from "@nylas/web-elements/dist/components/calendar-agenda-icon.js"; +import { + CalendarCancelIcon as CalendarCancelIconElement, + defineCustomElement as defineCalendarCancelIcon, +} from "@nylas/web-elements/dist/components/calendar-cancel-icon.js"; +import { + CalendarCheckIcon as CalendarCheckIconElement, + defineCustomElement as defineCalendarCheckIcon, +} from "@nylas/web-elements/dist/components/calendar-check-icon.js"; +import { + CalendarIcon as CalendarIconElement, + defineCustomElement as defineCalendarIcon, +} from "@nylas/web-elements/dist/components/calendar-icon.js"; +import { + CalendarInfoIcon as CalendarInfoIconElement, + defineCustomElement as defineCalendarInfoIcon, +} from "@nylas/web-elements/dist/components/calendar-info-icon.js"; +import { + CalendarPatternsIcon as CalendarPatternsIconElement, + defineCustomElement as defineCalendarPatternsIcon, +} from "@nylas/web-elements/dist/components/calendar-patterns-icon.js"; +import { + CheckboxComponent as CheckboxComponentElement, + defineCustomElement as defineCheckboxComponent, +} from "@nylas/web-elements/dist/components/checkbox-component.js"; +import { + CheckboxGroup as CheckboxGroupElement, + defineCustomElement as defineCheckboxGroup, +} from "@nylas/web-elements/dist/components/checkbox-group.js"; +import { + CheckmarkCircleIcon as CheckmarkCircleIconElement, + defineCustomElement as defineCheckmarkCircleIcon, +} from "@nylas/web-elements/dist/components/checkmark-circle-icon.js"; +import { + CheckmarkIcon as CheckmarkIconElement, + defineCustomElement as defineCheckmarkIcon, +} from "@nylas/web-elements/dist/components/checkmark-icon.js"; +import { + ChevronIcon as ChevronIconElement, + defineCustomElement as defineChevronIcon, +} from "@nylas/web-elements/dist/components/chevron-icon.js"; +import { + ClockIcon as ClockIconElement, + defineCustomElement as defineClockIcon, +} from "@nylas/web-elements/dist/components/clock-icon.js"; +import { + CloseIcon as CloseIconElement, + defineCustomElement as defineCloseIcon, +} from "@nylas/web-elements/dist/components/close-icon.js"; +import { + CopyIcon as CopyIconElement, + defineCustomElement as defineCopyIcon, +} from "@nylas/web-elements/dist/components/copy-icon.js"; +import { + DeleteIcon as DeleteIconElement, + defineCustomElement as defineDeleteIcon, +} from "@nylas/web-elements/dist/components/delete-icon.js"; +import { + DocumentRefreshIcon as DocumentRefreshIconElement, + defineCustomElement as defineDocumentRefreshIcon, +} from "@nylas/web-elements/dist/components/document-refresh-icon.js"; +import { + DragableIcon as DragableIconElement, + defineCustomElement as defineDragableIcon, +} from "@nylas/web-elements/dist/components/dragable-icon.js"; +import { + EditIcon as EditIconElement, + defineCustomElement as defineEditIcon, +} from "@nylas/web-elements/dist/components/edit-icon.js"; +import { + EnvelopeFillIcon as EnvelopeFillIconElement, + defineCustomElement as defineEnvelopeFillIcon, +} from "@nylas/web-elements/dist/components/envelope-fill-icon.js"; +import { + EnvelopeIcon as EnvelopeIconElement, + defineCustomElement as defineEnvelopeIcon, +} from "@nylas/web-elements/dist/components/envelope-icon.js"; +import { + EyeIcon as EyeIconElement, + defineCustomElement as defineEyeIcon, +} from "@nylas/web-elements/dist/components/eye-icon.js"; +import { + FeedbackIcon as FeedbackIconElement, + defineCustomElement as defineFeedbackIcon, +} from "@nylas/web-elements/dist/components/feedback-icon.js"; +import { + FlowIcon as FlowIconElement, + defineCustomElement as defineFlowIcon, +} from "@nylas/web-elements/dist/components/flow-icon.js"; +import { + FolderIcon as FolderIconElement, + defineCustomElement as defineFolderIcon, +} from "@nylas/web-elements/dist/components/folder-icon.js"; +import { + ForwardIcon as ForwardIconElement, + defineCustomElement as defineForwardIcon, +} from "@nylas/web-elements/dist/components/forward-icon.js"; +import { + GlobeIcon as GlobeIconElement, + defineCustomElement as defineGlobeIcon, +} from "@nylas/web-elements/dist/components/globe-icon.js"; +import { + GoogleLogoIcon as GoogleLogoIconElement, + defineCustomElement as defineGoogleLogoIcon, +} from "@nylas/web-elements/dist/components/google-logo-icon.js"; +import { + GoogleMeetIcon as GoogleMeetIconElement, + defineCustomElement as defineGoogleMeetIcon, +} from "@nylas/web-elements/dist/components/google-meet-icon.js"; +import { + InboxIcon as InboxIconElement, + defineCustomElement as defineInboxIcon, +} from "@nylas/web-elements/dist/components/inbox-icon.js"; +import { + InfoIcon as InfoIconElement, + defineCustomElement as defineInfoIcon, +} from "@nylas/web-elements/dist/components/info-icon.js"; +import { + InputColorPicker as InputColorPickerElement, + defineCustomElement as defineInputColorPicker, +} from "@nylas/web-elements/dist/components/input-color-picker.js"; +import { + InputComponent as InputComponentElement, + defineCustomElement as defineInputComponent, +} from "@nylas/web-elements/dist/components/input-component.js"; +import { + InputDropdown as InputDropdownElement, + defineCustomElement as defineInputDropdown, +} from "@nylas/web-elements/dist/components/input-dropdown.js"; +import { + InputImageUrl as InputImageUrlElement, + defineCustomElement as defineInputImageUrl, +} from "@nylas/web-elements/dist/components/input-image-url.js"; +import { + ItalicIcon as ItalicIconElement, + defineCustomElement as defineItalicIcon, +} from "@nylas/web-elements/dist/components/italic-icon.js"; +import { + LoadingIcon as LoadingIconElement, + defineCustomElement as defineLoadingIcon, +} from "@nylas/web-elements/dist/components/loading-icon.js"; +import { + LocationIcon as LocationIconElement, + defineCustomElement as defineLocationIcon, +} from "@nylas/web-elements/dist/components/location-icon.js"; +import { + LocationOffIcon as LocationOffIconElement, + defineCustomElement as defineLocationOffIcon, +} from "@nylas/web-elements/dist/components/location-off-icon.js"; +import { + MicrosoftLogoIcon as MicrosoftLogoIconElement, + defineCustomElement as defineMicrosoftLogoIcon, +} from "@nylas/web-elements/dist/components/microsoft-logo-icon.js"; +import { + MicrosoftTeamsIcon as MicrosoftTeamsIconElement, + defineCustomElement as defineMicrosoftTeamsIcon, +} from "@nylas/web-elements/dist/components/microsoft-teams-icon.js"; +import { + MultiSelectDropdown as MultiSelectDropdownElement, + defineCustomElement as defineMultiSelectDropdown, +} from "@nylas/web-elements/dist/components/multi-select-dropdown.js"; +import { + NylasAdditionalParticipants as NylasAdditionalParticipantsElement, + defineCustomElement as defineNylasAdditionalParticipants, +} from "@nylas/web-elements/dist/components/nylas-additional-participants.js"; +import { + NylasAvailabilityPicker as NylasAvailabilityPickerElement, + defineCustomElement as defineNylasAvailabilityPicker, +} from "@nylas/web-elements/dist/components/nylas-availability-picker.js"; +import { + NylasBookedEventCard as NylasBookedEventCardElement, + defineCustomElement as defineNylasBookedEventCard, +} from "@nylas/web-elements/dist/components/nylas-booked-event-card.js"; +import { + NylasBookingCalendarPicker as NylasBookingCalendarPickerElement, + defineCustomElement as defineNylasBookingCalendarPicker, +} from "@nylas/web-elements/dist/components/nylas-booking-calendar-picker.js"; +import { + NylasBookingConfirmationRedirect as NylasBookingConfirmationRedirectElement, + defineCustomElement as defineNylasBookingConfirmationRedirect, +} from "@nylas/web-elements/dist/components/nylas-booking-confirmation-redirect.js"; +import { + NylasBookingConfirmationType as NylasBookingConfirmationTypeElement, + defineCustomElement as defineNylasBookingConfirmationType, +} from "@nylas/web-elements/dist/components/nylas-booking-confirmation-type.js"; +import { + NylasBookingFormConfig as NylasBookingFormConfigElement, + defineCustomElement as defineNylasBookingFormConfig, +} from "@nylas/web-elements/dist/components/nylas-booking-form-config.js"; +import { + NylasBookingForm as NylasBookingFormElement, + defineCustomElement as defineNylasBookingForm, +} from "@nylas/web-elements/dist/components/nylas-booking-form.js"; +import { + NylasBufferTime as NylasBufferTimeElement, + defineCustomElement as defineNylasBufferTime, +} from "@nylas/web-elements/dist/components/nylas-buffer-time.js"; +import { + NylasCalendarPicker as NylasCalendarPickerElement, + defineCustomElement as defineNylasCalendarPicker, +} from "@nylas/web-elements/dist/components/nylas-calendar-picker.js"; +import { + NylasCancelBookingForm as NylasCancelBookingFormElement, + defineCustomElement as defineNylasCancelBookingForm, +} from "@nylas/web-elements/dist/components/nylas-cancel-booking-form.js"; +import { + NylasCancellationPolicy as NylasCancellationPolicyElement, + defineCustomElement as defineNylasCancellationPolicy, +} from "@nylas/web-elements/dist/components/nylas-cancellation-policy.js"; +import { + NylasCancelledEventCard as NylasCancelledEventCardElement, + defineCustomElement as defineNylasCancelledEventCard, +} from "@nylas/web-elements/dist/components/nylas-cancelled-event-card.js"; +import { + NylasConfirmationEmail as NylasConfirmationEmailElement, + defineCustomElement as defineNylasConfirmationEmail, +} from "@nylas/web-elements/dist/components/nylas-confirmation-email.js"; +import { + NylasConfirmedEventCard as NylasConfirmedEventCardElement, + defineCustomElement as defineNylasConfirmedEventCard, +} from "@nylas/web-elements/dist/components/nylas-confirmed-event-card.js"; +import { + NylasConnectedCalendars as NylasConnectedCalendarsElement, + defineCustomElement as defineNylasConnectedCalendars, +} from "@nylas/web-elements/dist/components/nylas-connected-calendars.js"; +import { + NylasCustomBookingFlow as NylasCustomBookingFlowElement, + defineCustomElement as defineNylasCustomBookingFlow, +} from "@nylas/web-elements/dist/components/nylas-custom-booking-flow.js"; +import { + NylasCustomEventSlug as NylasCustomEventSlugElement, + defineCustomElement as defineNylasCustomEventSlug, +} from "@nylas/web-elements/dist/components/nylas-custom-event-slug.js"; +import { + NylasCustomizeBookingSettings as NylasCustomizeBookingSettingsElement, + defineCustomElement as defineNylasCustomizeBookingSettings, +} from "@nylas/web-elements/dist/components/nylas-customize-booking-settings.js"; +import { + NylasDateComponent as NylasDateComponentElement, + defineCustomElement as defineNylasDateComponent, +} from "@nylas/web-elements/dist/components/nylas-date-component.js"; +import { + NylasDatePicker as NylasDatePickerElement, + defineCustomElement as defineNylasDatePicker, +} from "@nylas/web-elements/dist/components/nylas-date-picker.js"; +import { + NylasDisableEmails as NylasDisableEmailsElement, + defineCustomElement as defineNylasDisableEmails, +} from "@nylas/web-elements/dist/components/nylas-disable-emails.js"; +import { + NylasEditorTabsGroup as NylasEditorTabsGroupElement, + defineCustomElement as defineNylasEditorTabsGroup, +} from "@nylas/web-elements/dist/components/nylas-editor-tabs-group.js"; +import { + NylasEditorTabs as NylasEditorTabsElement, + defineCustomElement as defineNylasEditorTabs, +} from "@nylas/web-elements/dist/components/nylas-editor-tabs.js"; +import { + NylasEventCalendar as NylasEventCalendarElement, + defineCustomElement as defineNylasEventCalendar, +} from "@nylas/web-elements/dist/components/nylas-event-calendar.js"; +import { + NylasEventCapacity as NylasEventCapacityElement, + defineCustomElement as defineNylasEventCapacity, +} from "@nylas/web-elements/dist/components/nylas-event-capacity.js"; +import { + NylasEventDescription as NylasEventDescriptionElement, + defineCustomElement as defineNylasEventDescription, +} from "@nylas/web-elements/dist/components/nylas-event-description.js"; +import { + NylasEventDuration as NylasEventDurationElement, + defineCustomElement as defineNylasEventDuration, +} from "@nylas/web-elements/dist/components/nylas-event-duration.js"; +import { + NylasEventInfo as NylasEventInfoElement, + defineCustomElement as defineNylasEventInfo, +} from "@nylas/web-elements/dist/components/nylas-event-info.js"; +import { + NylasEventLimits as NylasEventLimitsElement, + defineCustomElement as defineNylasEventLimits, +} from "@nylas/web-elements/dist/components/nylas-event-limits.js"; +import { + NylasEventLocation as NylasEventLocationElement, + defineCustomElement as defineNylasEventLocation, +} from "@nylas/web-elements/dist/components/nylas-event-location.js"; +import { + NylasEventTimeslot as NylasEventTimeslotElement, + defineCustomElement as defineNylasEventTimeslot, +} from "@nylas/web-elements/dist/components/nylas-event-timeslot.js"; +import { + NylasEventTitle as NylasEventTitleElement, + defineCustomElement as defineNylasEventTitle, +} from "@nylas/web-elements/dist/components/nylas-event-title.js"; +import { + NylasFeedbackForm as NylasFeedbackFormElement, + defineCustomElement as defineNylasFeedbackForm, +} from "@nylas/web-elements/dist/components/nylas-feedback-form.js"; +import { + NylasFormCard as NylasFormCardElement, + defineCustomElement as defineNylasFormCard, +} from "@nylas/web-elements/dist/components/nylas-form-card.js"; +import { + NylasLimitFutureBookings as NylasLimitFutureBookingsElement, + defineCustomElement as defineNylasLimitFutureBookings, +} from "@nylas/web-elements/dist/components/nylas-limit-future-bookings.js"; +import { + NylasListConfigurations as NylasListConfigurationsElement, + defineCustomElement as defineNylasListConfigurations, +} from "@nylas/web-elements/dist/components/nylas-list-configurations.js"; +import { + NylasLocaleSwitch as NylasLocaleSwitchElement, + defineCustomElement as defineNylasLocaleSwitch, +} from "@nylas/web-elements/dist/components/nylas-locale-switch.js"; +import { + NylasLogo as NylasLogoElement, + defineCustomElement as defineNylasLogo, +} from "@nylas/web-elements/dist/components/nylas-logo.js"; +import { + NylasMinBookingNotice as NylasMinBookingNoticeElement, + defineCustomElement as defineNylasMinBookingNotice, +} from "@nylas/web-elements/dist/components/nylas-min-booking-notice.js"; +import { + NylasMinCancellationNotice as NylasMinCancellationNoticeElement, + defineCustomElement as defineNylasMinCancellationNotice, +} from "@nylas/web-elements/dist/components/nylas-min-cancellation-notice.js"; +import { + NylasNotetakerConfig as NylasNotetakerConfigElement, + defineCustomElement as defineNylasNotetakerConfig, +} from "@nylas/web-elements/dist/components/nylas-notetaker-config.js"; +import { + NylasNotification as NylasNotificationElement, + defineCustomElement as defineNylasNotification, +} from "@nylas/web-elements/dist/components/nylas-notification.js"; +import { + NylasOnlySpecificTimeAvailability as NylasOnlySpecificTimeAvailabilityElement, + defineCustomElement as defineNylasOnlySpecificTimeAvailability, +} from "@nylas/web-elements/dist/components/nylas-only-specific-time-availability.js"; +import { + NylasOrganizerConfirmationCard as NylasOrganizerConfirmationCardElement, + defineCustomElement as defineNylasOrganizerConfirmationCard, +} from "@nylas/web-elements/dist/components/nylas-organizer-confirmation-card.js"; +import { + NylasPageName as NylasPageNameElement, + defineCustomElement as defineNylasPageName, +} from "@nylas/web-elements/dist/components/nylas-page-name.js"; +import { + NylasPageStyling as NylasPageStylingElement, + defineCustomElement as defineNylasPageStyling, +} from "@nylas/web-elements/dist/components/nylas-page-styling.js"; +import { + NylasParticipantBookingCalendars as NylasParticipantBookingCalendarsElement, + defineCustomElement as defineNylasParticipantBookingCalendars, +} from "@nylas/web-elements/dist/components/nylas-participant-booking-calendars.js"; +import { + NylasParticipantsCustomAvailability as NylasParticipantsCustomAvailabilityElement, + defineCustomElement as defineNylasParticipantsCustomAvailability, +} from "@nylas/web-elements/dist/components/nylas-participants-custom-availability.js"; +import { + NylasReminderEmails as NylasReminderEmailsElement, + defineCustomElement as defineNylasReminderEmails, +} from "@nylas/web-elements/dist/components/nylas-reminder-emails.js"; +import { + NylasReminderTime as NylasReminderTimeElement, + defineCustomElement as defineNylasReminderTime, +} from "@nylas/web-elements/dist/components/nylas-reminder-time.js"; +import { + NylasSchedulerEditor as NylasSchedulerEditorElement, + defineCustomElement as defineNylasSchedulerEditor, +} from "@nylas/web-elements/dist/components/nylas-scheduler-editor.js"; +import { + NylasSchedulingMethod as NylasSchedulingMethodElement, + defineCustomElement as defineNylasSchedulingMethod, +} from "@nylas/web-elements/dist/components/nylas-scheduling-method.js"; +import { + NylasScheduling as NylasSchedulingElement, + defineCustomElement as defineNylasScheduling, +} from "@nylas/web-elements/dist/components/nylas-scheduling.js"; +import { + NylasSelectEventType as NylasSelectEventTypeElement, + defineCustomElement as defineNylasSelectEventType, +} from "@nylas/web-elements/dist/components/nylas-select-event-type.js"; +import { + NylasSelectedEventCard as NylasSelectedEventCardElement, + defineCustomElement as defineNylasSelectedEventCard, +} from "@nylas/web-elements/dist/components/nylas-selected-event-card.js"; +import { + NylasSpecificTimeAvailabilityPicker as NylasSpecificTimeAvailabilityPickerElement, + defineCustomElement as defineNylasSpecificTimeAvailabilityPicker, +} from "@nylas/web-elements/dist/components/nylas-specific-time-availability-picker.js"; +import { + NylasTimeWindowPicker as NylasTimeWindowPickerElement, + defineCustomElement as defineNylasTimeWindowPicker, +} from "@nylas/web-elements/dist/components/nylas-time-window-picker.js"; +import { + NylasTimeslotInterval as NylasTimeslotIntervalElement, + defineCustomElement as defineNylasTimeslotInterval, +} from "@nylas/web-elements/dist/components/nylas-timeslot-interval.js"; +import { + NylasTimeslotPicker as NylasTimeslotPickerElement, + defineCustomElement as defineNylasTimeslotPicker, +} from "@nylas/web-elements/dist/components/nylas-timeslot-picker.js"; +import { + PaintbrushFillIcon as PaintbrushFillIconElement, + defineCustomElement as definePaintbrushFillIcon, +} from "@nylas/web-elements/dist/components/paintbrush-fill-icon.js"; +import { + PaintbrushIcon as PaintbrushIconElement, + defineCustomElement as definePaintbrushIcon, +} from "@nylas/web-elements/dist/components/paintbrush-icon.js"; +import { + PeopleIcon as PeopleIconElement, + defineCustomElement as definePeopleIcon, +} from "@nylas/web-elements/dist/components/people-icon.js"; +import { + PersonClipboardIcon as PersonClipboardIconElement, + defineCustomElement as definePersonClipboardIcon, +} from "@nylas/web-elements/dist/components/person-clipboard-icon.js"; +import { + PersonIcon as PersonIconElement, + defineCustomElement as definePersonIcon, +} from "@nylas/web-elements/dist/components/person-icon.js"; +import { + PlayIcon as PlayIconElement, + defineCustomElement as definePlayIcon, +} from "@nylas/web-elements/dist/components/play-icon.js"; +import { + PlusIcon as PlusIconElement, + defineCustomElement as definePlusIcon, +} from "@nylas/web-elements/dist/components/plus-icon.js"; +import { + RadioButtonGroup as RadioButtonGroupElement, + defineCustomElement as defineRadioButtonGroup, +} from "@nylas/web-elements/dist/components/radio-button-group.js"; +import { + RefreshIcon as RefreshIconElement, + defineCustomElement as defineRefreshIcon, +} from "@nylas/web-elements/dist/components/refresh-icon.js"; +import { + ReplyAllIcon as ReplyAllIconElement, + defineCustomElement as defineReplyAllIcon, +} from "@nylas/web-elements/dist/components/reply-all-icon.js"; +import { + ReplyIcon as ReplyIconElement, + defineCustomElement as defineReplyIcon, +} from "@nylas/web-elements/dist/components/reply-icon.js"; +import { + SearchIcon as SearchIconElement, + defineCustomElement as defineSearchIcon, +} from "@nylas/web-elements/dist/components/search-icon.js"; +import { + SelectDropdown as SelectDropdownElement, + defineCustomElement as defineSelectDropdown, +} from "@nylas/web-elements/dist/components/select-dropdown.js"; +import { + SentIcon as SentIconElement, + defineCustomElement as defineSentIcon, +} from "@nylas/web-elements/dist/components/sent-icon.js"; +import { + SpamIcon as SpamIconElement, + defineCustomElement as defineSpamIcon, +} from "@nylas/web-elements/dist/components/spam-icon.js"; +import { + StarIcon as StarIconElement, + defineCustomElement as defineStarIcon, +} from "@nylas/web-elements/dist/components/star-icon.js"; +import { + StopIcon as StopIconElement, + defineCustomElement as defineStopIcon, +} from "@nylas/web-elements/dist/components/stop-icon.js"; +import { + TextareaComponent as TextareaComponentElement, + defineCustomElement as defineTextareaComponent, +} from "@nylas/web-elements/dist/components/textarea-component.js"; +import { + TimePeriodSelector as TimePeriodSelectorElement, + defineCustomElement as defineTimePeriodSelector, +} from "@nylas/web-elements/dist/components/time-period-selector.js"; +import { + ToggleSwitch as ToggleSwitchElement, + defineCustomElement as defineToggleSwitch, +} from "@nylas/web-elements/dist/components/toggle-switch.js"; +import { + TooltipComponent as TooltipComponentElement, + defineCustomElement as defineTooltipComponent, +} from "@nylas/web-elements/dist/components/tooltip-component.js"; +import { + TranslateIcon as TranslateIconElement, + defineCustomElement as defineTranslateIcon, +} from "@nylas/web-elements/dist/components/translate-icon.js"; +import { + TrashFillIcon as TrashFillIconElement, + defineCustomElement as defineTrashFillIcon, +} from "@nylas/web-elements/dist/components/trash-fill-icon.js"; +import { + TrashIcon as TrashIconElement, + defineCustomElement as defineTrashIcon, +} from "@nylas/web-elements/dist/components/trash-icon.js"; +import { + UnderlineIcon as UnderlineIconElement, + defineCustomElement as defineUnderlineIcon, +} from "@nylas/web-elements/dist/components/underline-icon.js"; +import { + WarningIcon as WarningIconElement, + defineCustomElement as defineWarningIcon, +} from "@nylas/web-elements/dist/components/warning-icon.js"; +import { + ZoomIcon as ZoomIconElement, + defineCustomElement as defineZoomIcon, +} from "@nylas/web-elements/dist/components/zoom-icon.js"; +import type { + EventName, + StencilReactComponent, +} from "@stencil/react-output-target/runtime"; +import { createComponent } from "@stencil/react-output-target/runtime"; +import React from "react"; export type AddCircleIconEvents = NonNullable; -export const AddCircleIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'add-circle-icon', - elementClass: AddCircleIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as AddCircleIconEvents, - defineCustomElement: defineAddCircleIcon +export const AddCircleIcon: StencilReactComponent< + AddCircleIconElement, + AddCircleIconEvents +> = /*@__PURE__*/ createComponent({ + tagName: "add-circle-icon", + elementClass: AddCircleIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as AddCircleIconEvents, + defineCustomElement: defineAddCircleIcon, }); export type ArchiveIconEvents = NonNullable; -export const ArchiveIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'archive-icon', - elementClass: ArchiveIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as ArchiveIconEvents, - defineCustomElement: defineArchiveIcon +export const ArchiveIcon: StencilReactComponent< + ArchiveIconElement, + ArchiveIconEvents +> = /*@__PURE__*/ createComponent({ + tagName: "archive-icon", + elementClass: ArchiveIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as ArchiveIconEvents, + defineCustomElement: defineArchiveIcon, }); export type ArrowIconEvents = NonNullable; -export const ArrowIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'arrow-icon', - elementClass: ArrowIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as ArrowIconEvents, - defineCustomElement: defineArrowIcon +export const ArrowIcon: StencilReactComponent< + ArrowIconElement, + ArrowIconEvents +> = /*@__PURE__*/ createComponent({ + tagName: "arrow-icon", + elementClass: ArrowIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as ArrowIconEvents, + defineCustomElement: defineArrowIcon, }); export type BoldIconEvents = NonNullable; -export const BoldIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'bold-icon', +export const BoldIcon: StencilReactComponent = + /*@__PURE__*/ createComponent({ + tagName: "bold-icon", elementClass: BoldIconElement, // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. react: React, events: {} as BoldIconEvents, - defineCustomElement: defineBoldIcon -}); + defineCustomElement: defineBoldIcon, + }); export type ButtonComponentEvents = NonNullable; -export const ButtonComponent: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'button-component', - elementClass: ButtonComponentElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as ButtonComponentEvents, - defineCustomElement: defineButtonComponent +export const ButtonComponent: StencilReactComponent< + ButtonComponentElement, + ButtonComponentEvents +> = /*@__PURE__*/ createComponent< + ButtonComponentElement, + ButtonComponentEvents +>({ + tagName: "button-component", + elementClass: ButtonComponentElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as ButtonComponentEvents, + defineCustomElement: defineButtonComponent, }); export type CalendarAgendaFillIconEvents = NonNullable; -export const CalendarAgendaFillIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'calendar-agenda-fill-icon', - elementClass: CalendarAgendaFillIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as CalendarAgendaFillIconEvents, - defineCustomElement: defineCalendarAgendaFillIcon +export const CalendarAgendaFillIcon: StencilReactComponent< + CalendarAgendaFillIconElement, + CalendarAgendaFillIconEvents +> = /*@__PURE__*/ createComponent< + CalendarAgendaFillIconElement, + CalendarAgendaFillIconEvents +>({ + tagName: "calendar-agenda-fill-icon", + elementClass: CalendarAgendaFillIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as CalendarAgendaFillIconEvents, + defineCustomElement: defineCalendarAgendaFillIcon, }); export type CalendarAgendaIconEvents = NonNullable; -export const CalendarAgendaIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'calendar-agenda-icon', - elementClass: CalendarAgendaIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as CalendarAgendaIconEvents, - defineCustomElement: defineCalendarAgendaIcon +export const CalendarAgendaIcon: StencilReactComponent< + CalendarAgendaIconElement, + CalendarAgendaIconEvents +> = /*@__PURE__*/ createComponent< + CalendarAgendaIconElement, + CalendarAgendaIconEvents +>({ + tagName: "calendar-agenda-icon", + elementClass: CalendarAgendaIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as CalendarAgendaIconEvents, + defineCustomElement: defineCalendarAgendaIcon, }); export type CalendarCancelIconEvents = NonNullable; -export const CalendarCancelIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'calendar-cancel-icon', - elementClass: CalendarCancelIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as CalendarCancelIconEvents, - defineCustomElement: defineCalendarCancelIcon +export const CalendarCancelIcon: StencilReactComponent< + CalendarCancelIconElement, + CalendarCancelIconEvents +> = /*@__PURE__*/ createComponent< + CalendarCancelIconElement, + CalendarCancelIconEvents +>({ + tagName: "calendar-cancel-icon", + elementClass: CalendarCancelIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as CalendarCancelIconEvents, + defineCustomElement: defineCalendarCancelIcon, }); export type CalendarCheckIconEvents = NonNullable; -export const CalendarCheckIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'calendar-check-icon', - elementClass: CalendarCheckIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as CalendarCheckIconEvents, - defineCustomElement: defineCalendarCheckIcon +export const CalendarCheckIcon: StencilReactComponent< + CalendarCheckIconElement, + CalendarCheckIconEvents +> = /*@__PURE__*/ createComponent< + CalendarCheckIconElement, + CalendarCheckIconEvents +>({ + tagName: "calendar-check-icon", + elementClass: CalendarCheckIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as CalendarCheckIconEvents, + defineCustomElement: defineCalendarCheckIcon, }); export type CalendarIconEvents = NonNullable; -export const CalendarIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'calendar-icon', - elementClass: CalendarIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as CalendarIconEvents, - defineCustomElement: defineCalendarIcon +export const CalendarIcon: StencilReactComponent< + CalendarIconElement, + CalendarIconEvents +> = /*@__PURE__*/ createComponent({ + tagName: "calendar-icon", + elementClass: CalendarIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as CalendarIconEvents, + defineCustomElement: defineCalendarIcon, }); export type CalendarInfoIconEvents = NonNullable; -export const CalendarInfoIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'calendar-info-icon', - elementClass: CalendarInfoIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as CalendarInfoIconEvents, - defineCustomElement: defineCalendarInfoIcon +export const CalendarInfoIcon: StencilReactComponent< + CalendarInfoIconElement, + CalendarInfoIconEvents +> = /*@__PURE__*/ createComponent< + CalendarInfoIconElement, + CalendarInfoIconEvents +>({ + tagName: "calendar-info-icon", + elementClass: CalendarInfoIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as CalendarInfoIconEvents, + defineCustomElement: defineCalendarInfoIcon, }); export type CalendarPatternsIconEvents = NonNullable; -export const CalendarPatternsIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'calendar-patterns-icon', - elementClass: CalendarPatternsIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as CalendarPatternsIconEvents, - defineCustomElement: defineCalendarPatternsIcon +export const CalendarPatternsIcon: StencilReactComponent< + CalendarPatternsIconElement, + CalendarPatternsIconEvents +> = /*@__PURE__*/ createComponent< + CalendarPatternsIconElement, + CalendarPatternsIconEvents +>({ + tagName: "calendar-patterns-icon", + elementClass: CalendarPatternsIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as CalendarPatternsIconEvents, + defineCustomElement: defineCalendarPatternsIcon, }); export type CheckboxComponentEvents = { - onNylasFormCheckboxToggled: EventName> + onNylasFormCheckboxToggled: EventName< + CustomEvent<{ + checked: boolean; + name: string; + label: string; + }> + >; }; -export const CheckboxComponent: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'checkbox-component', - elementClass: CheckboxComponentElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { onNylasFormCheckboxToggled: 'nylasFormCheckboxToggled' } as CheckboxComponentEvents, - defineCustomElement: defineCheckboxComponent +export const CheckboxComponent: StencilReactComponent< + CheckboxComponentElement, + CheckboxComponentEvents +> = /*@__PURE__*/ createComponent< + CheckboxComponentElement, + CheckboxComponentEvents +>({ + tagName: "checkbox-component", + elementClass: CheckboxComponentElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { + onNylasFormCheckboxToggled: "nylasFormCheckboxToggled", + } as CheckboxComponentEvents, + defineCustomElement: defineCheckboxComponent, }); export type CheckboxGroupEvents = { - onNylasCheckboxGroupChanged: EventName> + onNylasCheckboxGroupChanged: EventName< + CustomEvent<{ + selectedValues: string[]; + name: string; + }> + >; }; -export const CheckboxGroup: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'checkbox-group', - elementClass: CheckboxGroupElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { onNylasCheckboxGroupChanged: 'nylasCheckboxGroupChanged' } as CheckboxGroupEvents, - defineCustomElement: defineCheckboxGroup +export const CheckboxGroup: StencilReactComponent< + CheckboxGroupElement, + CheckboxGroupEvents +> = /*@__PURE__*/ createComponent({ + tagName: "checkbox-group", + elementClass: CheckboxGroupElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { + onNylasCheckboxGroupChanged: "nylasCheckboxGroupChanged", + } as CheckboxGroupEvents, + defineCustomElement: defineCheckboxGroup, }); export type CheckmarkCircleIconEvents = NonNullable; -export const CheckmarkCircleIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'checkmark-circle-icon', - elementClass: CheckmarkCircleIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as CheckmarkCircleIconEvents, - defineCustomElement: defineCheckmarkCircleIcon +export const CheckmarkCircleIcon: StencilReactComponent< + CheckmarkCircleIconElement, + CheckmarkCircleIconEvents +> = /*@__PURE__*/ createComponent< + CheckmarkCircleIconElement, + CheckmarkCircleIconEvents +>({ + tagName: "checkmark-circle-icon", + elementClass: CheckmarkCircleIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as CheckmarkCircleIconEvents, + defineCustomElement: defineCheckmarkCircleIcon, }); export type CheckmarkIconEvents = NonNullable; -export const CheckmarkIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'checkmark-icon', - elementClass: CheckmarkIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as CheckmarkIconEvents, - defineCustomElement: defineCheckmarkIcon +export const CheckmarkIcon: StencilReactComponent< + CheckmarkIconElement, + CheckmarkIconEvents +> = /*@__PURE__*/ createComponent({ + tagName: "checkmark-icon", + elementClass: CheckmarkIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as CheckmarkIconEvents, + defineCustomElement: defineCheckmarkIcon, }); export type ChevronIconEvents = NonNullable; -export const ChevronIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'chevron-icon', - elementClass: ChevronIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as ChevronIconEvents, - defineCustomElement: defineChevronIcon +export const ChevronIcon: StencilReactComponent< + ChevronIconElement, + ChevronIconEvents +> = /*@__PURE__*/ createComponent({ + tagName: "chevron-icon", + elementClass: ChevronIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as ChevronIconEvents, + defineCustomElement: defineChevronIcon, }); export type ClockIconEvents = NonNullable; -export const ClockIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'clock-icon', - elementClass: ClockIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as ClockIconEvents, - defineCustomElement: defineClockIcon +export const ClockIcon: StencilReactComponent< + ClockIconElement, + ClockIconEvents +> = /*@__PURE__*/ createComponent({ + tagName: "clock-icon", + elementClass: ClockIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as ClockIconEvents, + defineCustomElement: defineClockIcon, }); export type CloseIconEvents = NonNullable; -export const CloseIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'close-icon', - elementClass: CloseIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as CloseIconEvents, - defineCustomElement: defineCloseIcon +export const CloseIcon: StencilReactComponent< + CloseIconElement, + CloseIconEvents +> = /*@__PURE__*/ createComponent({ + tagName: "close-icon", + elementClass: CloseIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as CloseIconEvents, + defineCustomElement: defineCloseIcon, }); export type CopyIconEvents = NonNullable; -export const CopyIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'copy-icon', +export const CopyIcon: StencilReactComponent = + /*@__PURE__*/ createComponent({ + tagName: "copy-icon", elementClass: CopyIconElement, // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. react: React, events: {} as CopyIconEvents, - defineCustomElement: defineCopyIcon -}); + defineCustomElement: defineCopyIcon, + }); export type DeleteIconEvents = NonNullable; -export const DeleteIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'delete-icon', - elementClass: DeleteIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as DeleteIconEvents, - defineCustomElement: defineDeleteIcon +export const DeleteIcon: StencilReactComponent< + DeleteIconElement, + DeleteIconEvents +> = /*@__PURE__*/ createComponent({ + tagName: "delete-icon", + elementClass: DeleteIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as DeleteIconEvents, + defineCustomElement: defineDeleteIcon, }); export type DocumentRefreshIconEvents = NonNullable; -export const DocumentRefreshIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'document-refresh-icon', - elementClass: DocumentRefreshIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as DocumentRefreshIconEvents, - defineCustomElement: defineDocumentRefreshIcon +export const DocumentRefreshIcon: StencilReactComponent< + DocumentRefreshIconElement, + DocumentRefreshIconEvents +> = /*@__PURE__*/ createComponent< + DocumentRefreshIconElement, + DocumentRefreshIconEvents +>({ + tagName: "document-refresh-icon", + elementClass: DocumentRefreshIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as DocumentRefreshIconEvents, + defineCustomElement: defineDocumentRefreshIcon, }); export type DragableIconEvents = NonNullable; -export const DragableIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'dragable-icon', - elementClass: DragableIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as DragableIconEvents, - defineCustomElement: defineDragableIcon +export const DragableIcon: StencilReactComponent< + DragableIconElement, + DragableIconEvents +> = /*@__PURE__*/ createComponent({ + tagName: "dragable-icon", + elementClass: DragableIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as DragableIconEvents, + defineCustomElement: defineDragableIcon, }); export type EditIconEvents = NonNullable; -export const EditIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'edit-icon', +export const EditIcon: StencilReactComponent = + /*@__PURE__*/ createComponent({ + tagName: "edit-icon", elementClass: EditIconElement, // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. react: React, events: {} as EditIconEvents, - defineCustomElement: defineEditIcon -}); + defineCustomElement: defineEditIcon, + }); export type EnvelopeFillIconEvents = NonNullable; -export const EnvelopeFillIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'envelope-fill-icon', - elementClass: EnvelopeFillIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as EnvelopeFillIconEvents, - defineCustomElement: defineEnvelopeFillIcon +export const EnvelopeFillIcon: StencilReactComponent< + EnvelopeFillIconElement, + EnvelopeFillIconEvents +> = /*@__PURE__*/ createComponent< + EnvelopeFillIconElement, + EnvelopeFillIconEvents +>({ + tagName: "envelope-fill-icon", + elementClass: EnvelopeFillIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as EnvelopeFillIconEvents, + defineCustomElement: defineEnvelopeFillIcon, }); export type EnvelopeIconEvents = NonNullable; -export const EnvelopeIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'envelope-icon', - elementClass: EnvelopeIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as EnvelopeIconEvents, - defineCustomElement: defineEnvelopeIcon +export const EnvelopeIcon: StencilReactComponent< + EnvelopeIconElement, + EnvelopeIconEvents +> = /*@__PURE__*/ createComponent({ + tagName: "envelope-icon", + elementClass: EnvelopeIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as EnvelopeIconEvents, + defineCustomElement: defineEnvelopeIcon, }); export type EyeIconEvents = NonNullable; -export const EyeIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'eye-icon', +export const EyeIcon: StencilReactComponent = + /*@__PURE__*/ createComponent({ + tagName: "eye-icon", elementClass: EyeIconElement, // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. react: React, events: {} as EyeIconEvents, - defineCustomElement: defineEyeIcon -}); + defineCustomElement: defineEyeIcon, + }); export type FeedbackIconEvents = NonNullable; -export const FeedbackIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'feedback-icon', - elementClass: FeedbackIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as FeedbackIconEvents, - defineCustomElement: defineFeedbackIcon +export const FeedbackIcon: StencilReactComponent< + FeedbackIconElement, + FeedbackIconEvents +> = /*@__PURE__*/ createComponent({ + tagName: "feedback-icon", + elementClass: FeedbackIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as FeedbackIconEvents, + defineCustomElement: defineFeedbackIcon, }); export type FlowIconEvents = NonNullable; -export const FlowIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'flow-icon', +export const FlowIcon: StencilReactComponent = + /*@__PURE__*/ createComponent({ + tagName: "flow-icon", elementClass: FlowIconElement, // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. react: React, events: {} as FlowIconEvents, - defineCustomElement: defineFlowIcon -}); + defineCustomElement: defineFlowIcon, + }); export type FolderIconEvents = NonNullable; -export const FolderIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'folder-icon', - elementClass: FolderIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as FolderIconEvents, - defineCustomElement: defineFolderIcon +export const FolderIcon: StencilReactComponent< + FolderIconElement, + FolderIconEvents +> = /*@__PURE__*/ createComponent({ + tagName: "folder-icon", + elementClass: FolderIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as FolderIconEvents, + defineCustomElement: defineFolderIcon, }); export type ForwardIconEvents = NonNullable; -export const ForwardIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'forward-icon', - elementClass: ForwardIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as ForwardIconEvents, - defineCustomElement: defineForwardIcon +export const ForwardIcon: StencilReactComponent< + ForwardIconElement, + ForwardIconEvents +> = /*@__PURE__*/ createComponent({ + tagName: "forward-icon", + elementClass: ForwardIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as ForwardIconEvents, + defineCustomElement: defineForwardIcon, }); export type GlobeIconEvents = NonNullable; -export const GlobeIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'globe-icon', - elementClass: GlobeIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as GlobeIconEvents, - defineCustomElement: defineGlobeIcon +export const GlobeIcon: StencilReactComponent< + GlobeIconElement, + GlobeIconEvents +> = /*@__PURE__*/ createComponent({ + tagName: "globe-icon", + elementClass: GlobeIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as GlobeIconEvents, + defineCustomElement: defineGlobeIcon, }); export type GoogleLogoIconEvents = NonNullable; -export const GoogleLogoIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'google-logo-icon', - elementClass: GoogleLogoIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as GoogleLogoIconEvents, - defineCustomElement: defineGoogleLogoIcon +export const GoogleLogoIcon: StencilReactComponent< + GoogleLogoIconElement, + GoogleLogoIconEvents +> = /*@__PURE__*/ createComponent({ + tagName: "google-logo-icon", + elementClass: GoogleLogoIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as GoogleLogoIconEvents, + defineCustomElement: defineGoogleLogoIcon, }); export type GoogleMeetIconEvents = NonNullable; -export const GoogleMeetIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'google-meet-icon', - elementClass: GoogleMeetIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as GoogleMeetIconEvents, - defineCustomElement: defineGoogleMeetIcon +export const GoogleMeetIcon: StencilReactComponent< + GoogleMeetIconElement, + GoogleMeetIconEvents +> = /*@__PURE__*/ createComponent({ + tagName: "google-meet-icon", + elementClass: GoogleMeetIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as GoogleMeetIconEvents, + defineCustomElement: defineGoogleMeetIcon, }); export type InboxIconEvents = NonNullable; -export const InboxIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'inbox-icon', - elementClass: InboxIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as InboxIconEvents, - defineCustomElement: defineInboxIcon +export const InboxIcon: StencilReactComponent< + InboxIconElement, + InboxIconEvents +> = /*@__PURE__*/ createComponent({ + tagName: "inbox-icon", + elementClass: InboxIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as InboxIconEvents, + defineCustomElement: defineInboxIcon, }); export type InfoIconEvents = NonNullable; -export const InfoIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'info-icon', +export const InfoIcon: StencilReactComponent = + /*@__PURE__*/ createComponent({ + tagName: "info-icon", elementClass: InfoIconElement, // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. react: React, events: {} as InfoIconEvents, - defineCustomElement: defineInfoIcon -}); + defineCustomElement: defineInfoIcon, + }); export type InputColorPickerEvents = { - onNylasFormDropdownChanged: EventName> + onNylasFormDropdownChanged: EventName< + CustomEvent<{ + value: string; + name: string; + error?: string; + label?: string; + }> + >; }; -export const InputColorPicker: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'input-color-picker', - elementClass: InputColorPickerElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { onNylasFormDropdownChanged: 'nylasFormDropdownChanged' } as InputColorPickerEvents, - defineCustomElement: defineInputColorPicker +export const InputColorPicker: StencilReactComponent< + InputColorPickerElement, + InputColorPickerEvents +> = /*@__PURE__*/ createComponent< + InputColorPickerElement, + InputColorPickerEvents +>({ + tagName: "input-color-picker", + elementClass: InputColorPickerElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { + onNylasFormDropdownChanged: "nylasFormDropdownChanged", + } as InputColorPickerEvents, + defineCustomElement: defineInputColorPicker, }); export type InputComponentEvents = { - onNylasFormInputChanged: EventName>, - onNylasFormInputFocused: EventName>, - onNylasFormInputBlurred: EventName> -}; - -export const InputComponent: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'input-component', - elementClass: InputComponentElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { - onNylasFormInputChanged: 'nylasFormInputChanged', - onNylasFormInputFocused: 'nylasFormInputFocused', - onNylasFormInputBlurred: 'nylasFormInputBlurred' - } as InputComponentEvents, - defineCustomElement: defineInputComponent + onNylasFormInputChanged: EventName< + CustomEvent<{ + value: string; + name: string; + label: string; + type: string; + error: string; + }> + >; + onNylasFormInputFocused: EventName< + CustomEvent<{ + value: string; + name: string; + }> + >; + onNylasFormInputBlurred: EventName< + CustomEvent<{ + value: string; + name: string; + }> + >; +}; + +export const InputComponent: StencilReactComponent< + InputComponentElement, + InputComponentEvents +> = /*@__PURE__*/ createComponent({ + tagName: "input-component", + elementClass: InputComponentElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { + onNylasFormInputChanged: "nylasFormInputChanged", + onNylasFormInputFocused: "nylasFormInputFocused", + onNylasFormInputBlurred: "nylasFormInputBlurred", + } as InputComponentEvents, + defineCustomElement: defineInputComponent, }); export type InputDropdownEvents = { - onInputOptionChanged: EventName> + onInputOptionChanged: EventName< + InputDropdownCustomEvent<{ + value: DropdownOption["value"]; + name: string; + }> + >; }; -export const InputDropdown: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'input-dropdown', - elementClass: InputDropdownElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { onInputOptionChanged: 'inputOptionChanged' } as InputDropdownEvents, - defineCustomElement: defineInputDropdown +export const InputDropdown: StencilReactComponent< + InputDropdownElement, + InputDropdownEvents +> = /*@__PURE__*/ createComponent({ + tagName: "input-dropdown", + elementClass: InputDropdownElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { onInputOptionChanged: "inputOptionChanged" } as InputDropdownEvents, + defineCustomElement: defineInputDropdown, }); export type InputImageUrlEvents = { - onNylasFormInputImageUrlInvalid: EventName>, - onValueChanged: EventName) => void; - }>> + onNylasFormInputImageUrlInvalid: EventName< + CustomEvent<{ value: string; name: string }> + >; + onValueChanged: EventName< + InputImageUrlCustomEvent<{ + value: string; + name: string; + valueChanged?: ( + event: CustomEvent<{ value: string; name: string }>, + ) => void; + }> + >; }; -export const InputImageUrl: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'input-image-url', - elementClass: InputImageUrlElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { - onNylasFormInputImageUrlInvalid: 'nylasFormInputImageUrlInvalid', - onValueChanged: 'valueChanged' - } as InputImageUrlEvents, - defineCustomElement: defineInputImageUrl +export const InputImageUrl: StencilReactComponent< + InputImageUrlElement, + InputImageUrlEvents +> = /*@__PURE__*/ createComponent({ + tagName: "input-image-url", + elementClass: InputImageUrlElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { + onNylasFormInputImageUrlInvalid: "nylasFormInputImageUrlInvalid", + onValueChanged: "valueChanged", + } as InputImageUrlEvents, + defineCustomElement: defineInputImageUrl, }); export type ItalicIconEvents = NonNullable; -export const ItalicIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'italic-icon', - elementClass: ItalicIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as ItalicIconEvents, - defineCustomElement: defineItalicIcon +export const ItalicIcon: StencilReactComponent< + ItalicIconElement, + ItalicIconEvents +> = /*@__PURE__*/ createComponent({ + tagName: "italic-icon", + elementClass: ItalicIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as ItalicIconEvents, + defineCustomElement: defineItalicIcon, }); export type LoadingIconEvents = NonNullable; -export const LoadingIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'loading-icon', - elementClass: LoadingIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as LoadingIconEvents, - defineCustomElement: defineLoadingIcon +export const LoadingIcon: StencilReactComponent< + LoadingIconElement, + LoadingIconEvents +> = /*@__PURE__*/ createComponent({ + tagName: "loading-icon", + elementClass: LoadingIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as LoadingIconEvents, + defineCustomElement: defineLoadingIcon, }); export type LocationIconEvents = NonNullable; -export const LocationIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'location-icon', - elementClass: LocationIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as LocationIconEvents, - defineCustomElement: defineLocationIcon +export const LocationIcon: StencilReactComponent< + LocationIconElement, + LocationIconEvents +> = /*@__PURE__*/ createComponent({ + tagName: "location-icon", + elementClass: LocationIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as LocationIconEvents, + defineCustomElement: defineLocationIcon, }); export type LocationOffIconEvents = NonNullable; -export const LocationOffIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'location-off-icon', - elementClass: LocationOffIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as LocationOffIconEvents, - defineCustomElement: defineLocationOffIcon +export const LocationOffIcon: StencilReactComponent< + LocationOffIconElement, + LocationOffIconEvents +> = /*@__PURE__*/ createComponent< + LocationOffIconElement, + LocationOffIconEvents +>({ + tagName: "location-off-icon", + elementClass: LocationOffIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as LocationOffIconEvents, + defineCustomElement: defineLocationOffIcon, }); export type MicrosoftLogoIconEvents = NonNullable; -export const MicrosoftLogoIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'microsoft-logo-icon', - elementClass: MicrosoftLogoIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as MicrosoftLogoIconEvents, - defineCustomElement: defineMicrosoftLogoIcon +export const MicrosoftLogoIcon: StencilReactComponent< + MicrosoftLogoIconElement, + MicrosoftLogoIconEvents +> = /*@__PURE__*/ createComponent< + MicrosoftLogoIconElement, + MicrosoftLogoIconEvents +>({ + tagName: "microsoft-logo-icon", + elementClass: MicrosoftLogoIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as MicrosoftLogoIconEvents, + defineCustomElement: defineMicrosoftLogoIcon, }); export type MicrosoftTeamsIconEvents = NonNullable; -export const MicrosoftTeamsIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'microsoft-teams-icon', - elementClass: MicrosoftTeamsIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as MicrosoftTeamsIconEvents, - defineCustomElement: defineMicrosoftTeamsIcon +export const MicrosoftTeamsIcon: StencilReactComponent< + MicrosoftTeamsIconElement, + MicrosoftTeamsIconEvents +> = /*@__PURE__*/ createComponent< + MicrosoftTeamsIconElement, + MicrosoftTeamsIconEvents +>({ + tagName: "microsoft-teams-icon", + elementClass: MicrosoftTeamsIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as MicrosoftTeamsIconEvents, + defineCustomElement: defineMicrosoftTeamsIcon, }); export type MultiSelectDropdownEvents = { - onSelectedOptionsChanged: EventName> + onSelectedOptionsChanged: EventName< + CustomEvent<{ + value: string[]; + name: string; + }> + >; }; -export const MultiSelectDropdown: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'multi-select-dropdown', - elementClass: MultiSelectDropdownElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { onSelectedOptionsChanged: 'selectedOptionsChanged' } as MultiSelectDropdownEvents, - defineCustomElement: defineMultiSelectDropdown +export const MultiSelectDropdown: StencilReactComponent< + MultiSelectDropdownElement, + MultiSelectDropdownEvents +> = /*@__PURE__*/ createComponent< + MultiSelectDropdownElement, + MultiSelectDropdownEvents +>({ + tagName: "multi-select-dropdown", + elementClass: MultiSelectDropdownElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { + onSelectedOptionsChanged: "selectedOptionsChanged", + } as MultiSelectDropdownEvents, + defineCustomElement: defineMultiSelectDropdown, }); export type NylasAdditionalParticipantsEvents = { - onValueChanged: EventName>, - onParticipantSearchResultSelected: EventName> + onValueChanged: EventName< + CustomEvent<{ + value: string; + name: string; + }> + >; + onParticipantSearchResultSelected: EventName< + NylasAdditionalParticipantsCustomEvent + >; }; -export const NylasAdditionalParticipants: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'nylas-additional-participants', - elementClass: NylasAdditionalParticipantsElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { - onValueChanged: 'valueChanged', - onParticipantSearchResultSelected: 'participantSearchResultSelected' - } as NylasAdditionalParticipantsEvents, - defineCustomElement: defineNylasAdditionalParticipants +export const NylasAdditionalParticipants: StencilReactComponent< + NylasAdditionalParticipantsElement, + NylasAdditionalParticipantsEvents +> = /*@__PURE__*/ createComponent< + NylasAdditionalParticipantsElement, + NylasAdditionalParticipantsEvents +>({ + tagName: "nylas-additional-participants", + elementClass: NylasAdditionalParticipantsElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { + onValueChanged: "valueChanged", + onParticipantSearchResultSelected: "participantSearchResultSelected", + } as NylasAdditionalParticipantsEvents, + defineCustomElement: defineNylasAdditionalParticipants, }); export type NylasAvailabilityPickerEvents = { - onValueChanged: EventName> + onValueChanged: EventName< + CustomEvent<{ + value: string; + name: string; + }> + >; }; -export const NylasAvailabilityPicker: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'nylas-availability-picker', - elementClass: NylasAvailabilityPickerElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { onValueChanged: 'valueChanged' } as NylasAvailabilityPickerEvents, - defineCustomElement: defineNylasAvailabilityPicker +export const NylasAvailabilityPicker: StencilReactComponent< + NylasAvailabilityPickerElement, + NylasAvailabilityPickerEvents +> = /*@__PURE__*/ createComponent< + NylasAvailabilityPickerElement, + NylasAvailabilityPickerEvents +>({ + tagName: "nylas-availability-picker", + elementClass: NylasAvailabilityPickerElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { onValueChanged: "valueChanged" } as NylasAvailabilityPickerEvents, + defineCustomElement: defineNylasAvailabilityPicker, }); export type NylasBookedEventCardEvents = { - onCancelBookingButtonClicked: EventName>, - onRescheduleButtonClicked: EventName void }>>, - onRescheduleBookedEventError: EventName>, - onCancelBookedEventValidationError: EventName> -}; - -export const NylasBookedEventCard: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'nylas-booked-event-card', - elementClass: NylasBookedEventCardElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { - onCancelBookingButtonClicked: 'cancelBookingButtonClicked', - onRescheduleButtonClicked: 'rescheduleButtonClicked', - onRescheduleBookedEventError: 'rescheduleBookedEventError', - onCancelBookedEventValidationError: 'cancelBookedEventValidationError' - } as NylasBookedEventCardEvents, - defineCustomElement: defineNylasBookedEventCard + onCancelBookingButtonClicked: EventName>; + onRescheduleButtonClicked: EventName< + NylasBookedEventCardCustomEvent<{ + bookingId: string; + errorHandler?: (error: NylasSchedulerErrorResponse) => void; + }> + >; + onRescheduleBookedEventError: EventName< + NylasBookedEventCardCustomEvent + >; + onCancelBookedEventValidationError: EventName< + CustomEvent<{ + error: { + title: string; + message: string; + }; + }> + >; +}; + +export const NylasBookedEventCard: StencilReactComponent< + NylasBookedEventCardElement, + NylasBookedEventCardEvents +> = /*@__PURE__*/ createComponent< + NylasBookedEventCardElement, + NylasBookedEventCardEvents +>({ + tagName: "nylas-booked-event-card", + elementClass: NylasBookedEventCardElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { + onCancelBookingButtonClicked: "cancelBookingButtonClicked", + onRescheduleButtonClicked: "rescheduleButtonClicked", + onRescheduleBookedEventError: "rescheduleBookedEventError", + onCancelBookedEventValidationError: "cancelBookedEventValidationError", + } as NylasBookedEventCardEvents, + defineCustomElement: defineNylasBookedEventCard, }); export type NylasBookingCalendarPickerEvents = { - onValueChanged: EventName) => void; - }>> + onValueChanged: EventName< + NylasBookingCalendarPickerCustomEvent<{ + value: string; + name: string; + valueChanged?: ( + event: CustomEvent<{ value: string; name: string }>, + ) => void; + }> + >; }; -export const NylasBookingCalendarPicker: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'nylas-booking-calendar-picker', - elementClass: NylasBookingCalendarPickerElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { onValueChanged: 'valueChanged' } as NylasBookingCalendarPickerEvents, - defineCustomElement: defineNylasBookingCalendarPicker +export const NylasBookingCalendarPicker: StencilReactComponent< + NylasBookingCalendarPickerElement, + NylasBookingCalendarPickerEvents +> = /*@__PURE__*/ createComponent< + NylasBookingCalendarPickerElement, + NylasBookingCalendarPickerEvents +>({ + tagName: "nylas-booking-calendar-picker", + elementClass: NylasBookingCalendarPickerElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { + onValueChanged: "valueChanged", + } as NylasBookingCalendarPickerEvents, + defineCustomElement: defineNylasBookingCalendarPicker, }); export type NylasBookingConfirmationRedirectEvents = { - onValueChanged: EventName) => void; - }>> + onValueChanged: EventName< + NylasBookingConfirmationRedirectCustomEvent<{ + value: string; + name: string; + valueChanged?: ( + event: CustomEvent<{ value: string; name: string }>, + ) => void; + }> + >; }; -export const NylasBookingConfirmationRedirect: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'nylas-booking-confirmation-redirect', - elementClass: NylasBookingConfirmationRedirectElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { onValueChanged: 'valueChanged' } as NylasBookingConfirmationRedirectEvents, - defineCustomElement: defineNylasBookingConfirmationRedirect +export const NylasBookingConfirmationRedirect: StencilReactComponent< + NylasBookingConfirmationRedirectElement, + NylasBookingConfirmationRedirectEvents +> = /*@__PURE__*/ createComponent< + NylasBookingConfirmationRedirectElement, + NylasBookingConfirmationRedirectEvents +>({ + tagName: "nylas-booking-confirmation-redirect", + elementClass: NylasBookingConfirmationRedirectElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { + onValueChanged: "valueChanged", + } as NylasBookingConfirmationRedirectEvents, + defineCustomElement: defineNylasBookingConfirmationRedirect, }); export type NylasBookingConfirmationTypeEvents = { - onValueChanged: EventName) => void; - }>> + onValueChanged: EventName< + NylasBookingConfirmationTypeCustomEvent<{ + value: string; + name: string; + valueChanged?: ( + event: CustomEvent<{ value: string; name: string }>, + ) => void; + }> + >; }; -export const NylasBookingConfirmationType: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'nylas-booking-confirmation-type', - elementClass: NylasBookingConfirmationTypeElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { onValueChanged: 'valueChanged' } as NylasBookingConfirmationTypeEvents, - defineCustomElement: defineNylasBookingConfirmationType +export const NylasBookingConfirmationType: StencilReactComponent< + NylasBookingConfirmationTypeElement, + NylasBookingConfirmationTypeEvents +> = /*@__PURE__*/ createComponent< + NylasBookingConfirmationTypeElement, + NylasBookingConfirmationTypeEvents +>({ + tagName: "nylas-booking-confirmation-type", + elementClass: NylasBookingConfirmationTypeElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { + onValueChanged: "valueChanged", + } as NylasBookingConfirmationTypeEvents, + defineCustomElement: defineNylasBookingConfirmationType, }); export type NylasBookingFormEvents = { - onNameChanged: EventName>, - onEmailChanged: EventName>, - onBackButtonClicked: EventName>, - onDetailsConfirmed: EventName>, - onBookingFormError: EventName>>, - onBookingFormSubmitted: EventName> + onNameChanged: EventName>; + onEmailChanged: EventName>; + onBackButtonClicked: EventName>; + onDetailsConfirmed: EventName< + NylasBookingFormCustomEvent + >; + onBookingFormError: EventName< + NylasBookingFormCustomEvent> + >; + onBookingFormSubmitted: EventName>; }; -export const NylasBookingForm: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'nylas-booking-form', - elementClass: NylasBookingFormElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { - onNameChanged: 'nameChanged', - onEmailChanged: 'emailChanged', - onBackButtonClicked: 'backButtonClicked', - onDetailsConfirmed: 'detailsConfirmed', - onBookingFormError: 'bookingFormError', - onBookingFormSubmitted: 'bookingFormSubmitted' - } as NylasBookingFormEvents, - defineCustomElement: defineNylasBookingForm +export const NylasBookingForm: StencilReactComponent< + NylasBookingFormElement, + NylasBookingFormEvents +> = /*@__PURE__*/ createComponent< + NylasBookingFormElement, + NylasBookingFormEvents +>({ + tagName: "nylas-booking-form", + elementClass: NylasBookingFormElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { + onNameChanged: "nameChanged", + onEmailChanged: "emailChanged", + onBackButtonClicked: "backButtonClicked", + onDetailsConfirmed: "detailsConfirmed", + onBookingFormError: "bookingFormError", + onBookingFormSubmitted: "bookingFormSubmitted", + } as NylasBookingFormEvents, + defineCustomElement: defineNylasBookingForm, }); export type NylasBookingFormConfigEvents = { - onValueChanged: EventName> + onValueChanged: EventName< + CustomEvent<{ + value: string; + name: string; + }> + >; }; -export const NylasBookingFormConfig: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'nylas-booking-form-config', - elementClass: NylasBookingFormConfigElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { onValueChanged: 'valueChanged' } as NylasBookingFormConfigEvents, - defineCustomElement: defineNylasBookingFormConfig +export const NylasBookingFormConfig: StencilReactComponent< + NylasBookingFormConfigElement, + NylasBookingFormConfigEvents +> = /*@__PURE__*/ createComponent< + NylasBookingFormConfigElement, + NylasBookingFormConfigEvents +>({ + tagName: "nylas-booking-form-config", + elementClass: NylasBookingFormConfigElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { onValueChanged: "valueChanged" } as NylasBookingFormConfigEvents, + defineCustomElement: defineNylasBookingFormConfig, }); export type NylasBufferTimeEvents = { - onValueChanged: EventName) => void; - }>> + onValueChanged: EventName< + NylasBufferTimeCustomEvent<{ + value: string; + name: string; + valueChanged?: ( + event: CustomEvent<{ value: string; name: string }>, + ) => void; + }> + >; }; -export const NylasBufferTime: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'nylas-buffer-time', - elementClass: NylasBufferTimeElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { onValueChanged: 'valueChanged' } as NylasBufferTimeEvents, - defineCustomElement: defineNylasBufferTime +export const NylasBufferTime: StencilReactComponent< + NylasBufferTimeElement, + NylasBufferTimeEvents +> = /*@__PURE__*/ createComponent< + NylasBufferTimeElement, + NylasBufferTimeEvents +>({ + tagName: "nylas-buffer-time", + elementClass: NylasBufferTimeElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { onValueChanged: "valueChanged" } as NylasBufferTimeEvents, + defineCustomElement: defineNylasBufferTime, }); export type NylasCalendarPickerEvents = { - onValueChanged: EventName) => void; - }>> + onValueChanged: EventName< + NylasCalendarPickerCustomEvent<{ + value: string[]; + name: string; + valueChangedHandler?: ( + event: CustomEvent<{ value: string[]; name: string }>, + ) => void; + }> + >; }; -export const NylasCalendarPicker: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'nylas-calendar-picker', - elementClass: NylasCalendarPickerElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { onValueChanged: 'valueChanged' } as NylasCalendarPickerEvents, - defineCustomElement: defineNylasCalendarPicker +export const NylasCalendarPicker: StencilReactComponent< + NylasCalendarPickerElement, + NylasCalendarPickerEvents +> = /*@__PURE__*/ createComponent< + NylasCalendarPickerElement, + NylasCalendarPickerEvents +>({ + tagName: "nylas-calendar-picker", + elementClass: NylasCalendarPickerElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { onValueChanged: "valueChanged" } as NylasCalendarPickerEvents, + defineCustomElement: defineNylasCalendarPicker, }); export type NylasCancelBookingFormEvents = { - onGoBackButtonClicked: EventName>, - onCancelBookingFormSubmitted: EventName void; - }>>, - onTriggerValidation: EventName>, - onCancelBookedEventError: EventName>, - onCancelBookingFormError: EventName>> -}; - -export const NylasCancelBookingForm: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'nylas-cancel-booking-form', - elementClass: NylasCancelBookingFormElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { - onGoBackButtonClicked: 'goBackButtonClicked', - onCancelBookingFormSubmitted: 'cancelBookingFormSubmitted', - onTriggerValidation: 'triggerValidation', - onCancelBookedEventError: 'cancelBookedEventError', - onCancelBookingFormError: 'cancelBookingFormError' - } as NylasCancelBookingFormEvents, - defineCustomElement: defineNylasCancelBookingForm + onGoBackButtonClicked: EventName>; + onCancelBookingFormSubmitted: EventName< + NylasCancelBookingFormCustomEvent<{ + bookingId: string; + action: "reject" | "cancel"; + reason: string; + errorHandler?: (error: NylasSchedulerErrorResponse) => void; + }> + >; + onTriggerValidation: EventName>; + onCancelBookedEventError: EventName< + NylasCancelBookingFormCustomEvent + >; + onCancelBookingFormError: EventName< + NylasCancelBookingFormCustomEvent> + >; +}; + +export const NylasCancelBookingForm: StencilReactComponent< + NylasCancelBookingFormElement, + NylasCancelBookingFormEvents +> = /*@__PURE__*/ createComponent< + NylasCancelBookingFormElement, + NylasCancelBookingFormEvents +>({ + tagName: "nylas-cancel-booking-form", + elementClass: NylasCancelBookingFormElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { + onGoBackButtonClicked: "goBackButtonClicked", + onCancelBookingFormSubmitted: "cancelBookingFormSubmitted", + onTriggerValidation: "triggerValidation", + onCancelBookedEventError: "cancelBookedEventError", + onCancelBookingFormError: "cancelBookingFormError", + } as NylasCancelBookingFormEvents, + defineCustomElement: defineNylasCancelBookingForm, }); export type NylasCancellationPolicyEvents = { - onValueChanged: EventName> + onValueChanged: EventName< + CustomEvent<{ + value: string; + name: string; + }> + >; }; -export const NylasCancellationPolicy: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'nylas-cancellation-policy', - elementClass: NylasCancellationPolicyElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { onValueChanged: 'valueChanged' } as NylasCancellationPolicyEvents, - defineCustomElement: defineNylasCancellationPolicy +export const NylasCancellationPolicy: StencilReactComponent< + NylasCancellationPolicyElement, + NylasCancellationPolicyEvents +> = /*@__PURE__*/ createComponent< + NylasCancellationPolicyElement, + NylasCancellationPolicyEvents +>({ + tagName: "nylas-cancellation-policy", + elementClass: NylasCancellationPolicyElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { onValueChanged: "valueChanged" } as NylasCancellationPolicyEvents, + defineCustomElement: defineNylasCancellationPolicy, }); export type NylasCancelledEventCardEvents = { - onCloseCancelEventCardClicked: EventName void }>>, - onCancelledEventCardError: EventName> + onCloseCancelEventCardClicked: EventName< + NylasCancelledEventCardCustomEvent<{ + errorHandler?: (error: NylasSchedulerErrorResponse) => void; + }> + >; + onCancelledEventCardError: EventName< + NylasCancelledEventCardCustomEvent + >; }; -export const NylasCancelledEventCard: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'nylas-cancelled-event-card', - elementClass: NylasCancelledEventCardElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { - onCloseCancelEventCardClicked: 'closeCancelEventCardClicked', - onCancelledEventCardError: 'cancelledEventCardError' - } as NylasCancelledEventCardEvents, - defineCustomElement: defineNylasCancelledEventCard +export const NylasCancelledEventCard: StencilReactComponent< + NylasCancelledEventCardElement, + NylasCancelledEventCardEvents +> = /*@__PURE__*/ createComponent< + NylasCancelledEventCardElement, + NylasCancelledEventCardEvents +>({ + tagName: "nylas-cancelled-event-card", + elementClass: NylasCancelledEventCardElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { + onCloseCancelEventCardClicked: "closeCancelEventCardClicked", + onCancelledEventCardError: "cancelledEventCardError", + } as NylasCancelledEventCardEvents, + defineCustomElement: defineNylasCancelledEventCard, }); export type NylasConfirmationEmailEvents = { - onValueChanged: EventName) => void; - }>> + onValueChanged: EventName< + NylasConfirmationEmailCustomEvent<{ + value: string; + name: string; + valueChanged?: ( + event: CustomEvent<{ value: string; name: string }>, + ) => void; + }> + >; }; -export const NylasConfirmationEmail: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'nylas-confirmation-email', - elementClass: NylasConfirmationEmailElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { onValueChanged: 'valueChanged' } as NylasConfirmationEmailEvents, - defineCustomElement: defineNylasConfirmationEmail +export const NylasConfirmationEmail: StencilReactComponent< + NylasConfirmationEmailElement, + NylasConfirmationEmailEvents +> = /*@__PURE__*/ createComponent< + NylasConfirmationEmailElement, + NylasConfirmationEmailEvents +>({ + tagName: "nylas-confirmation-email", + elementClass: NylasConfirmationEmailElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { onValueChanged: "valueChanged" } as NylasConfirmationEmailEvents, + defineCustomElement: defineNylasConfirmationEmail, }); export type NylasConfirmedEventCardEvents = { - onCloseConfirmEventCardClicked: EventName void }>>, - onConfirmedEventCardError: EventName> + onCloseConfirmEventCardClicked: EventName< + NylasConfirmedEventCardCustomEvent<{ + errorHandler?: (error: NylasSchedulerErrorResponse) => void; + }> + >; + onConfirmedEventCardError: EventName< + NylasConfirmedEventCardCustomEvent + >; }; -export const NylasConfirmedEventCard: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'nylas-confirmed-event-card', - elementClass: NylasConfirmedEventCardElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { - onCloseConfirmEventCardClicked: 'closeConfirmEventCardClicked', - onConfirmedEventCardError: 'confirmedEventCardError' - } as NylasConfirmedEventCardEvents, - defineCustomElement: defineNylasConfirmedEventCard +export const NylasConfirmedEventCard: StencilReactComponent< + NylasConfirmedEventCardElement, + NylasConfirmedEventCardEvents +> = /*@__PURE__*/ createComponent< + NylasConfirmedEventCardElement, + NylasConfirmedEventCardEvents +>({ + tagName: "nylas-confirmed-event-card", + elementClass: NylasConfirmedEventCardElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { + onCloseConfirmEventCardClicked: "closeConfirmEventCardClicked", + onConfirmedEventCardError: "confirmedEventCardError", + } as NylasConfirmedEventCardEvents, + defineCustomElement: defineNylasConfirmedEventCard, }); export type NylasConnectedCalendarsEvents = { - onValueChanged: EventName> + onValueChanged: EventName< + CustomEvent<{ + value: string; + name: string; + }> + >; }; -export const NylasConnectedCalendars: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'nylas-connected-calendars', - elementClass: NylasConnectedCalendarsElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { onValueChanged: 'valueChanged' } as NylasConnectedCalendarsEvents, - defineCustomElement: defineNylasConnectedCalendars +export const NylasConnectedCalendars: StencilReactComponent< + NylasConnectedCalendarsElement, + NylasConnectedCalendarsEvents +> = /*@__PURE__*/ createComponent< + NylasConnectedCalendarsElement, + NylasConnectedCalendarsEvents +>({ + tagName: "nylas-connected-calendars", + elementClass: NylasConnectedCalendarsElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { onValueChanged: "valueChanged" } as NylasConnectedCalendarsEvents, + defineCustomElement: defineNylasConnectedCalendars, }); export type NylasCustomBookingFlowEvents = NonNullable; -export const NylasCustomBookingFlow: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'nylas-custom-booking-flow', - elementClass: NylasCustomBookingFlowElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as NylasCustomBookingFlowEvents, - defineCustomElement: defineNylasCustomBookingFlow +export const NylasCustomBookingFlow: StencilReactComponent< + NylasCustomBookingFlowElement, + NylasCustomBookingFlowEvents +> = /*@__PURE__*/ createComponent< + NylasCustomBookingFlowElement, + NylasCustomBookingFlowEvents +>({ + tagName: "nylas-custom-booking-flow", + elementClass: NylasCustomBookingFlowElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as NylasCustomBookingFlowEvents, + defineCustomElement: defineNylasCustomBookingFlow, }); export type NylasCustomEventSlugEvents = { - onValueChanged: EventName) => void; - }>> + onValueChanged: EventName< + NylasCustomEventSlugCustomEvent<{ + value: string; + name: string; + valueChanged?: ( + event: CustomEvent<{ value: string; name: string }>, + ) => void; + }> + >; }; -export const NylasCustomEventSlug: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'nylas-custom-event-slug', - elementClass: NylasCustomEventSlugElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { onValueChanged: 'valueChanged' } as NylasCustomEventSlugEvents, - defineCustomElement: defineNylasCustomEventSlug +export const NylasCustomEventSlug: StencilReactComponent< + NylasCustomEventSlugElement, + NylasCustomEventSlugEvents +> = /*@__PURE__*/ createComponent< + NylasCustomEventSlugElement, + NylasCustomEventSlugEvents +>({ + tagName: "nylas-custom-event-slug", + elementClass: NylasCustomEventSlugElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { onValueChanged: "valueChanged" } as NylasCustomEventSlugEvents, + defineCustomElement: defineNylasCustomEventSlug, }); export type NylasCustomizeBookingSettingsEvents = { - onValueChanged: EventName) => void; - }>> + onValueChanged: EventName< + NylasCustomizeBookingSettingsCustomEvent<{ + value: string; + name: string; + valueChanged?: ( + event: CustomEvent<{ value: string; name: string }>, + ) => void; + }> + >; }; -export const NylasCustomizeBookingSettings: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'nylas-customize-booking-settings', - elementClass: NylasCustomizeBookingSettingsElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { onValueChanged: 'valueChanged' } as NylasCustomizeBookingSettingsEvents, - defineCustomElement: defineNylasCustomizeBookingSettings +export const NylasCustomizeBookingSettings: StencilReactComponent< + NylasCustomizeBookingSettingsElement, + NylasCustomizeBookingSettingsEvents +> = /*@__PURE__*/ createComponent< + NylasCustomizeBookingSettingsElement, + NylasCustomizeBookingSettingsEvents +>({ + tagName: "nylas-customize-booking-settings", + elementClass: NylasCustomizeBookingSettingsElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { + onValueChanged: "valueChanged", + } as NylasCustomizeBookingSettingsEvents, + defineCustomElement: defineNylasCustomizeBookingSettings, }); export type NylasDateComponentEvents = { - onNylasFormInputChanged: EventName>, - onNylasFormInputFocused: EventName>, - onNylasFormInputBlurred: EventName> -}; - -export const NylasDateComponent: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'nylas-date-component', - elementClass: NylasDateComponentElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { - onNylasFormInputChanged: 'nylasFormInputChanged', - onNylasFormInputFocused: 'nylasFormInputFocused', - onNylasFormInputBlurred: 'nylasFormInputBlurred' - } as NylasDateComponentEvents, - defineCustomElement: defineNylasDateComponent + onNylasFormInputChanged: EventName< + CustomEvent<{ + value: string; + name: string; + label: string; + type: string; + error: string; + }> + >; + onNylasFormInputFocused: EventName< + CustomEvent<{ + value: string; + name: string; + }> + >; + onNylasFormInputBlurred: EventName< + CustomEvent<{ + value: string; + name: string; + }> + >; +}; + +export const NylasDateComponent: StencilReactComponent< + NylasDateComponentElement, + NylasDateComponentEvents +> = /*@__PURE__*/ createComponent< + NylasDateComponentElement, + NylasDateComponentEvents +>({ + tagName: "nylas-date-component", + elementClass: NylasDateComponentElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { + onNylasFormInputChanged: "nylasFormInputChanged", + onNylasFormInputFocused: "nylasFormInputFocused", + onNylasFormInputBlurred: "nylasFormInputBlurred", + } as NylasDateComponentEvents, + defineCustomElement: defineNylasDateComponent, }); export type NylasDatePickerEvents = { - onDateSelected: EventName>, - onMonthChanged: EventName> + onDateSelected: EventName>; + onMonthChanged: EventName>; }; -export const NylasDatePicker: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'nylas-date-picker', - elementClass: NylasDatePickerElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { - onDateSelected: 'dateSelected', - onMonthChanged: 'monthChanged' - } as NylasDatePickerEvents, - defineCustomElement: defineNylasDatePicker +export const NylasDatePicker: StencilReactComponent< + NylasDatePickerElement, + NylasDatePickerEvents +> = /*@__PURE__*/ createComponent< + NylasDatePickerElement, + NylasDatePickerEvents +>({ + tagName: "nylas-date-picker", + elementClass: NylasDatePickerElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { + onDateSelected: "dateSelected", + onMonthChanged: "monthChanged", + } as NylasDatePickerEvents, + defineCustomElement: defineNylasDatePicker, }); export type NylasDisableEmailsEvents = { - onValueChanged: EventName) => void; - }>> + onValueChanged: EventName< + NylasDisableEmailsCustomEvent<{ + value: string; + name: string; + valueChanged?: ( + event: CustomEvent<{ value: string; name: string }>, + ) => void; + }> + >; }; -export const NylasDisableEmails: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'nylas-disable-emails', - elementClass: NylasDisableEmailsElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { onValueChanged: 'valueChanged' } as NylasDisableEmailsEvents, - defineCustomElement: defineNylasDisableEmails +export const NylasDisableEmails: StencilReactComponent< + NylasDisableEmailsElement, + NylasDisableEmailsEvents +> = /*@__PURE__*/ createComponent< + NylasDisableEmailsElement, + NylasDisableEmailsEvents +>({ + tagName: "nylas-disable-emails", + elementClass: NylasDisableEmailsElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { onValueChanged: "valueChanged" } as NylasDisableEmailsEvents, + defineCustomElement: defineNylasDisableEmails, }); export type NylasEditorTabsEvents = { - onSchedulerConfigChanged: EventName>, - onSchedulerConfigCreated: EventName>, - onCancelButtonClick: EventName>, - onFormSubmitted: EventName>, - onPreviewButtonClicked: EventName>, - onSchedulerEditorFormUpdated: EventName>, - onNylasSchedulerError: EventName>, - onDismissNotification: EventName> -}; - -export const NylasEditorTabs: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'nylas-editor-tabs', - elementClass: NylasEditorTabsElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { - onSchedulerConfigChanged: 'schedulerConfigChanged', - onSchedulerConfigCreated: 'schedulerConfigCreated', - onCancelButtonClick: 'cancelButtonClick', - onFormSubmitted: 'formSubmitted', - onPreviewButtonClicked: 'previewButtonClicked', - onSchedulerEditorFormUpdated: 'schedulerEditorFormUpdated', - onNylasSchedulerError: 'nylasSchedulerError', - onDismissNotification: 'dismissNotification' - } as NylasEditorTabsEvents, - defineCustomElement: defineNylasEditorTabs + onSchedulerConfigChanged: EventName< + NylasEditorTabsCustomEvent + >; + onSchedulerConfigCreated: EventName< + NylasEditorTabsCustomEvent + >; + onCancelButtonClick: EventName>; + onFormSubmitted: EventName>; + onPreviewButtonClicked: EventName< + NylasEditorTabsCustomEvent + >; + onSchedulerEditorFormUpdated: EventName< + CustomEvent<{ value: string; name: string }> + >; + onNylasSchedulerError: EventName< + NylasEditorTabsCustomEvent<{ + notification: Notification; + host: HTMLElement; + }> + >; + onDismissNotification: EventName< + NylasEditorTabsCustomEvent<{ id: string; host: HTMLNylasEditorTabsElement }> + >; +}; + +export const NylasEditorTabs: StencilReactComponent< + NylasEditorTabsElement, + NylasEditorTabsEvents +> = /*@__PURE__*/ createComponent< + NylasEditorTabsElement, + NylasEditorTabsEvents +>({ + tagName: "nylas-editor-tabs", + elementClass: NylasEditorTabsElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { + onSchedulerConfigChanged: "schedulerConfigChanged", + onSchedulerConfigCreated: "schedulerConfigCreated", + onCancelButtonClick: "cancelButtonClick", + onFormSubmitted: "formSubmitted", + onPreviewButtonClicked: "previewButtonClicked", + onSchedulerEditorFormUpdated: "schedulerEditorFormUpdated", + onNylasSchedulerError: "nylasSchedulerError", + onDismissNotification: "dismissNotification", + } as NylasEditorTabsEvents, + defineCustomElement: defineNylasEditorTabs, }); export type NylasEditorTabsGroupEvents = { - onSchedulerConfigChanged: EventName>, - onSchedulerConfigCreated: EventName>, - onCancelButtonClick: EventName>, - onFormSubmitted: EventName>, - onPreviewButtonClicked: EventName>, - onSchedulerEditorFormUpdated: EventName>, - onGroupEventCreateTriggered: EventName; configId: string; host: HTMLNylasEditorTabsGroupElement }>>, - onGroupEventUpdateTriggered: EventName>, - onGroupEventDeleteTriggered: EventName>, - onGroupEventImportTriggered: EventName>, - onSaveGroupEventChangesError: EventName>, - onNylasSchedulerError: EventName>, - onDismissNotification: EventName> -}; - -export const NylasEditorTabsGroup: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'nylas-editor-tabs-group', - elementClass: NylasEditorTabsGroupElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { - onSchedulerConfigChanged: 'schedulerConfigChanged', - onSchedulerConfigCreated: 'schedulerConfigCreated', - onCancelButtonClick: 'cancelButtonClick', - onFormSubmitted: 'formSubmitted', - onPreviewButtonClicked: 'previewButtonClicked', - onSchedulerEditorFormUpdated: 'schedulerEditorFormUpdated', - onGroupEventCreateTriggered: 'groupEventCreateTriggered', - onGroupEventUpdateTriggered: 'groupEventUpdateTriggered', - onGroupEventDeleteTriggered: 'groupEventDeleteTriggered', - onGroupEventImportTriggered: 'groupEventImportTriggered', - onSaveGroupEventChangesError: 'saveGroupEventChangesError', - onNylasSchedulerError: 'nylasSchedulerError', - onDismissNotification: 'dismissNotification' - } as NylasEditorTabsGroupEvents, - defineCustomElement: defineNylasEditorTabsGroup + onSchedulerConfigChanged: EventName< + NylasEditorTabsGroupCustomEvent< + SchedulerGroupEventDetail & { host: HTMLNylasEditorTabsGroupElement } + > + >; + onSchedulerConfigCreated: EventName< + NylasEditorTabsGroupCustomEvent< + SchedulerGroupEventDetail & { host: HTMLNylasEditorTabsGroupElement } + > + >; + onCancelButtonClick: EventName>; + onFormSubmitted: EventName>; + onPreviewButtonClicked: EventName< + NylasEditorTabsGroupCustomEvent + >; + onSchedulerEditorFormUpdated: EventName< + CustomEvent<{ value: string; name: string }> + >; + onGroupEventCreateTriggered: EventName< + NylasEditorTabsGroupCustomEvent<{ + groupEvent: Partial; + configId: string; + host: HTMLNylasEditorTabsGroupElement; + }> + >; + onGroupEventUpdateTriggered: EventName< + NylasEditorTabsGroupCustomEvent<{ + groupEvent: GroupEvent; + chosenOption: RecurrenceUpdateOption; + configId: string; + host: HTMLNylasEditorTabsGroupElement; + }> + >; + onGroupEventDeleteTriggered: EventName< + NylasEditorTabsGroupCustomEvent<{ + groupEvent: GroupEvent; + chosenOption: RecurrenceDeleteOption; + configId: string; + host: HTMLNylasEditorTabsGroupElement; + }> + >; + onGroupEventImportTriggered: EventName< + NylasEditorTabsGroupCustomEvent<{ + groupEvent: ImportGroupEventDetails; + configId: string; + host: HTMLNylasEditorTabsGroupElement; + }> + >; + onSaveGroupEventChangesError: EventName< + NylasEditorTabsGroupCustomEvent<{ + error: string; + configId: string; + host: HTMLNylasEditorTabsGroupElement; + }> + >; + onNylasSchedulerError: EventName< + NylasEditorTabsGroupCustomEvent<{ + notification: Notification; + host: HTMLElement; + }> + >; + onDismissNotification: EventName< + NylasEditorTabsGroupCustomEvent<{ + id: string; + host: HTMLNylasEditorTabsGroupElement; + }> + >; +}; + +export const NylasEditorTabsGroup: StencilReactComponent< + NylasEditorTabsGroupElement, + NylasEditorTabsGroupEvents +> = /*@__PURE__*/ createComponent< + NylasEditorTabsGroupElement, + NylasEditorTabsGroupEvents +>({ + tagName: "nylas-editor-tabs-group", + elementClass: NylasEditorTabsGroupElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { + onSchedulerConfigChanged: "schedulerConfigChanged", + onSchedulerConfigCreated: "schedulerConfigCreated", + onCancelButtonClick: "cancelButtonClick", + onFormSubmitted: "formSubmitted", + onPreviewButtonClicked: "previewButtonClicked", + onSchedulerEditorFormUpdated: "schedulerEditorFormUpdated", + onGroupEventCreateTriggered: "groupEventCreateTriggered", + onGroupEventUpdateTriggered: "groupEventUpdateTriggered", + onGroupEventDeleteTriggered: "groupEventDeleteTriggered", + onGroupEventImportTriggered: "groupEventImportTriggered", + onSaveGroupEventChangesError: "saveGroupEventChangesError", + onNylasSchedulerError: "nylasSchedulerError", + onDismissNotification: "dismissNotification", + } as NylasEditorTabsGroupEvents, + defineCustomElement: defineNylasEditorTabsGroup, }); export type NylasEventCalendarEvents = { - onFetchMasterGroupEvent: EventName>, - onSaveGroupEventChanges: EventName>, - onDeleteGroupEvent: EventName>, - onGroupEventSelected: EventName>, - onCreateGroupEvent: EventName>, - onCalendarViewChanged: EventName>, - onPreviosNextClicked: EventName>, - onSetCalendarViewDateRange: EventName>, - onImportGroupEvent: EventName> -}; - -export const NylasEventCalendar: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'nylas-event-calendar', - elementClass: NylasEventCalendarElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { - onFetchMasterGroupEvent: 'fetchMasterGroupEvent', - onSaveGroupEventChanges: 'saveGroupEventChanges', - onDeleteGroupEvent: 'deleteGroupEvent', - onGroupEventSelected: 'groupEventSelected', - onCreateGroupEvent: 'createGroupEvent', - onCalendarViewChanged: 'calendarViewChanged', - onPreviosNextClicked: 'previosNextClicked', - onSetCalendarViewDateRange: 'setCalendarViewDateRange', - onImportGroupEvent: 'importGroupEvent' - } as NylasEventCalendarEvents, - defineCustomElement: defineNylasEventCalendar + onFetchMasterGroupEvent: EventName>; + onSaveGroupEventChanges: EventName< + NylasEventCalendarCustomEvent<{ + data: GroupEventAPIData; + action: "this" | "future" | "all"; + }> + >; + onDeleteGroupEvent: EventName< + NylasEventCalendarCustomEvent<{ + data: GroupEventAPIData; + action: "this" | "future" | "all"; + }> + >; + onGroupEventSelected: EventName< + NylasEventCalendarCustomEvent + >; + onCreateGroupEvent: EventName< + NylasEventCalendarCustomEvent + >; + onCalendarViewChanged: EventName< + CustomEvent<{ startTime: number; endTime: number }> + >; + onPreviosNextClicked: EventName< + CustomEvent<{ + direction: "prev" | "next"; + view: "day" | "week" | "month"; + currentViewRange: { startTime: number; endTime: number }; + }> + >; + onSetCalendarViewDateRange: EventName< + CustomEvent<{ startTime: number; endTime: number }> + >; + onImportGroupEvent: EventName< + CustomEvent<{ + event_id: string; + calendar_id: string; + }> + >; +}; + +export const NylasEventCalendar: StencilReactComponent< + NylasEventCalendarElement, + NylasEventCalendarEvents +> = /*@__PURE__*/ createComponent< + NylasEventCalendarElement, + NylasEventCalendarEvents +>({ + tagName: "nylas-event-calendar", + elementClass: NylasEventCalendarElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { + onFetchMasterGroupEvent: "fetchMasterGroupEvent", + onSaveGroupEventChanges: "saveGroupEventChanges", + onDeleteGroupEvent: "deleteGroupEvent", + onGroupEventSelected: "groupEventSelected", + onCreateGroupEvent: "createGroupEvent", + onCalendarViewChanged: "calendarViewChanged", + onPreviosNextClicked: "previosNextClicked", + onSetCalendarViewDateRange: "setCalendarViewDateRange", + onImportGroupEvent: "importGroupEvent", + } as NylasEventCalendarEvents, + defineCustomElement: defineNylasEventCalendar, }); export type NylasEventCapacityEvents = { - onValueChanged: EventName) => void; - }>> + onValueChanged: EventName< + NylasEventCapacityCustomEvent<{ + value: string; + name: string; + valueChanged?: ( + event: CustomEvent<{ value: string; name: string }>, + ) => void; + }> + >; }; -export const NylasEventCapacity: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'nylas-event-capacity', - elementClass: NylasEventCapacityElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { onValueChanged: 'valueChanged' } as NylasEventCapacityEvents, - defineCustomElement: defineNylasEventCapacity +export const NylasEventCapacity: StencilReactComponent< + NylasEventCapacityElement, + NylasEventCapacityEvents +> = /*@__PURE__*/ createComponent< + NylasEventCapacityElement, + NylasEventCapacityEvents +>({ + tagName: "nylas-event-capacity", + elementClass: NylasEventCapacityElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { onValueChanged: "valueChanged" } as NylasEventCapacityEvents, + defineCustomElement: defineNylasEventCapacity, }); export type NylasEventDescriptionEvents = { - onValueChanged: EventName> + onValueChanged: EventName< + CustomEvent<{ + value: string; + name: string; + }> + >; }; -export const NylasEventDescription: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'nylas-event-description', - elementClass: NylasEventDescriptionElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { onValueChanged: 'valueChanged' } as NylasEventDescriptionEvents, - defineCustomElement: defineNylasEventDescription +export const NylasEventDescription: StencilReactComponent< + NylasEventDescriptionElement, + NylasEventDescriptionEvents +> = /*@__PURE__*/ createComponent< + NylasEventDescriptionElement, + NylasEventDescriptionEvents +>({ + tagName: "nylas-event-description", + elementClass: NylasEventDescriptionElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { onValueChanged: "valueChanged" } as NylasEventDescriptionEvents, + defineCustomElement: defineNylasEventDescription, }); export type NylasEventDurationEvents = { - onValueChanged: EventName> + onValueChanged: EventName< + CustomEvent<{ + value: string; + name: string; + }> + >; }; -export const NylasEventDuration: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'nylas-event-duration', - elementClass: NylasEventDurationElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { onValueChanged: 'valueChanged' } as NylasEventDurationEvents, - defineCustomElement: defineNylasEventDuration +export const NylasEventDuration: StencilReactComponent< + NylasEventDurationElement, + NylasEventDurationEvents +> = /*@__PURE__*/ createComponent< + NylasEventDurationElement, + NylasEventDurationEvents +>({ + tagName: "nylas-event-duration", + elementClass: NylasEventDurationElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { onValueChanged: "valueChanged" } as NylasEventDurationEvents, + defineCustomElement: defineNylasEventDuration, }); export type NylasEventInfoEvents = NonNullable; -export const NylasEventInfo: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'nylas-event-info', - elementClass: NylasEventInfoElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as NylasEventInfoEvents, - defineCustomElement: defineNylasEventInfo +export const NylasEventInfo: StencilReactComponent< + NylasEventInfoElement, + NylasEventInfoEvents +> = /*@__PURE__*/ createComponent({ + tagName: "nylas-event-info", + elementClass: NylasEventInfoElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as NylasEventInfoEvents, + defineCustomElement: defineNylasEventInfo, }); export type NylasEventLimitsEvents = NonNullable; -export const NylasEventLimits: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'nylas-event-limits', - elementClass: NylasEventLimitsElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as NylasEventLimitsEvents, - defineCustomElement: defineNylasEventLimits +export const NylasEventLimits: StencilReactComponent< + NylasEventLimitsElement, + NylasEventLimitsEvents +> = /*@__PURE__*/ createComponent< + NylasEventLimitsElement, + NylasEventLimitsEvents +>({ + tagName: "nylas-event-limits", + elementClass: NylasEventLimitsElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as NylasEventLimitsEvents, + defineCustomElement: defineNylasEventLimits, }); export type NylasEventLocationEvents = { - onValueChanged: EventName> + onValueChanged: EventName< + CustomEvent<{ + value: string; + name: string; + }> + >; }; -export const NylasEventLocation: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'nylas-event-location', - elementClass: NylasEventLocationElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { onValueChanged: 'valueChanged' } as NylasEventLocationEvents, - defineCustomElement: defineNylasEventLocation +export const NylasEventLocation: StencilReactComponent< + NylasEventLocationElement, + NylasEventLocationEvents +> = /*@__PURE__*/ createComponent< + NylasEventLocationElement, + NylasEventLocationEvents +>({ + tagName: "nylas-event-location", + elementClass: NylasEventLocationElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { onValueChanged: "valueChanged" } as NylasEventLocationEvents, + defineCustomElement: defineNylasEventLocation, }); export type NylasEventTimeslotEvents = { - onValueChanged: EventName>, - onTimeWindowFormError: EventName>, - onDateTimeInputError: EventName> + onValueChanged: EventName< + CustomEvent<{ + value: string; + name: string; + }> + >; + onTimeWindowFormError: EventName< + CustomEvent<{ + key: string; + message: string; + uniqueIdentifier?: string; + }> + >; + onDateTimeInputError: EventName< + CustomEvent<{ + key: string; + message: string; + }> + >; }; -export const NylasEventTimeslot: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'nylas-event-timeslot', - elementClass: NylasEventTimeslotElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { - onValueChanged: 'valueChanged', - onTimeWindowFormError: 'timeWindowFormError', - onDateTimeInputError: 'dateTimeInputError' - } as NylasEventTimeslotEvents, - defineCustomElement: defineNylasEventTimeslot +export const NylasEventTimeslot: StencilReactComponent< + NylasEventTimeslotElement, + NylasEventTimeslotEvents +> = /*@__PURE__*/ createComponent< + NylasEventTimeslotElement, + NylasEventTimeslotEvents +>({ + tagName: "nylas-event-timeslot", + elementClass: NylasEventTimeslotElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { + onValueChanged: "valueChanged", + onTimeWindowFormError: "timeWindowFormError", + onDateTimeInputError: "dateTimeInputError", + } as NylasEventTimeslotEvents, + defineCustomElement: defineNylasEventTimeslot, }); export type NylasEventTitleEvents = { - onValueChanged: EventName> + onValueChanged: EventName< + CustomEvent<{ + value: string; + name: string; + }> + >; }; -export const NylasEventTitle: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'nylas-event-title', - elementClass: NylasEventTitleElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { onValueChanged: 'valueChanged' } as NylasEventTitleEvents, - defineCustomElement: defineNylasEventTitle +export const NylasEventTitle: StencilReactComponent< + NylasEventTitleElement, + NylasEventTitleEvents +> = /*@__PURE__*/ createComponent< + NylasEventTitleElement, + NylasEventTitleEvents +>({ + tagName: "nylas-event-title", + elementClass: NylasEventTitleElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { onValueChanged: "valueChanged" } as NylasEventTitleEvents, + defineCustomElement: defineNylasEventTitle, }); export type NylasFeedbackFormEvents = { - onFeedbackModalClosed: EventName>, - onFeedbackSubmitted: EventName>, - onTriggerValidation: EventName> + onFeedbackModalClosed: EventName>; + onFeedbackSubmitted: EventName>; + onTriggerValidation: EventName>; }; -export const NylasFeedbackForm: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'nylas-feedback-form', - elementClass: NylasFeedbackFormElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { - onFeedbackModalClosed: 'feedbackModalClosed', - onFeedbackSubmitted: 'feedbackSubmitted', - onTriggerValidation: 'triggerValidation' - } as NylasFeedbackFormEvents, - defineCustomElement: defineNylasFeedbackForm +export const NylasFeedbackForm: StencilReactComponent< + NylasFeedbackFormElement, + NylasFeedbackFormEvents +> = /*@__PURE__*/ createComponent< + NylasFeedbackFormElement, + NylasFeedbackFormEvents +>({ + tagName: "nylas-feedback-form", + elementClass: NylasFeedbackFormElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { + onFeedbackModalClosed: "feedbackModalClosed", + onFeedbackSubmitted: "feedbackSubmitted", + onTriggerValidation: "triggerValidation", + } as NylasFeedbackFormEvents, + defineCustomElement: defineNylasFeedbackForm, }); export type NylasFormCardEvents = NonNullable; -export const NylasFormCard: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'nylas-form-card', - elementClass: NylasFormCardElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as NylasFormCardEvents, - defineCustomElement: defineNylasFormCard +export const NylasFormCard: StencilReactComponent< + NylasFormCardElement, + NylasFormCardEvents +> = /*@__PURE__*/ createComponent({ + tagName: "nylas-form-card", + elementClass: NylasFormCardElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as NylasFormCardEvents, + defineCustomElement: defineNylasFormCard, }); export type NylasLimitFutureBookingsEvents = { - onValueChanged: EventName> + onValueChanged: EventName< + CustomEvent<{ + value: string; + name: string; + }> + >; }; -export const NylasLimitFutureBookings: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'nylas-limit-future-bookings', - elementClass: NylasLimitFutureBookingsElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { onValueChanged: 'valueChanged' } as NylasLimitFutureBookingsEvents, - defineCustomElement: defineNylasLimitFutureBookings +export const NylasLimitFutureBookings: StencilReactComponent< + NylasLimitFutureBookingsElement, + NylasLimitFutureBookingsEvents +> = /*@__PURE__*/ createComponent< + NylasLimitFutureBookingsElement, + NylasLimitFutureBookingsEvents +>({ + tagName: "nylas-limit-future-bookings", + elementClass: NylasLimitFutureBookingsElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { onValueChanged: "valueChanged" } as NylasLimitFutureBookingsEvents, + defineCustomElement: defineNylasLimitFutureBookings, }); export type NylasListConfigurationsEvents = { - onInitListConfigurations: EventName>, - onCreateButtonClick: EventName>, - onEditButtonClick: EventName>, - onDeleteButtonClick: EventName>, - onNylasSchedulerError: EventName>, - onDismissNotification: EventName> -}; - -export const NylasListConfigurations: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'nylas-list-configurations', - elementClass: NylasListConfigurationsElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { - onInitListConfigurations: 'initListConfigurations', - onCreateButtonClick: 'createButtonClick', - onEditButtonClick: 'editButtonClick', - onDeleteButtonClick: 'deleteButtonClick', - onNylasSchedulerError: 'nylasSchedulerError', - onDismissNotification: 'dismissNotification' - } as NylasListConfigurationsEvents, - defineCustomElement: defineNylasListConfigurations + onInitListConfigurations: EventName< + NylasListConfigurationsCustomEvent<{ + host: HTMLNylasListConfigurationsElement; + cursor?: string; + }> + >; + onCreateButtonClick: EventName< + NylasListConfigurationsCustomEvent + >; + onEditButtonClick: EventName< + NylasListConfigurationsCustomEvent<{ + host: HTMLNylasListConfigurationsElement; + configuration: Configuration | GroupConfiguration; + }> + >; + onDeleteButtonClick: EventName< + NylasListConfigurationsCustomEvent<{ + host: HTMLNylasListConfigurationsElement; + configuration: Configuration | GroupConfiguration; + }> + >; + onNylasSchedulerError: EventName< + NylasListConfigurationsCustomEvent<{ + notification: Notification; + host: HTMLElement; + }> + >; + onDismissNotification: EventName< + NylasListConfigurationsCustomEvent<{ + id: string; + host: HTMLNylasListConfigurationsElement; + }> + >; +}; + +export const NylasListConfigurations: StencilReactComponent< + NylasListConfigurationsElement, + NylasListConfigurationsEvents +> = /*@__PURE__*/ createComponent< + NylasListConfigurationsElement, + NylasListConfigurationsEvents +>({ + tagName: "nylas-list-configurations", + elementClass: NylasListConfigurationsElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { + onInitListConfigurations: "initListConfigurations", + onCreateButtonClick: "createButtonClick", + onEditButtonClick: "editButtonClick", + onDeleteButtonClick: "deleteButtonClick", + onNylasSchedulerError: "nylasSchedulerError", + onDismissNotification: "dismissNotification", + } as NylasListConfigurationsEvents, + defineCustomElement: defineNylasListConfigurations, }); export type NylasLocaleSwitchEvents = { - onTimezoneChanged: EventName>, - onLanguageChanged: EventName> + onTimezoneChanged: EventName>; + onLanguageChanged: EventName>; }; -export const NylasLocaleSwitch: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'nylas-locale-switch', - elementClass: NylasLocaleSwitchElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { - onTimezoneChanged: 'timezoneChanged', - onLanguageChanged: 'languageChanged' - } as NylasLocaleSwitchEvents, - defineCustomElement: defineNylasLocaleSwitch +export const NylasLocaleSwitch: StencilReactComponent< + NylasLocaleSwitchElement, + NylasLocaleSwitchEvents +> = /*@__PURE__*/ createComponent< + NylasLocaleSwitchElement, + NylasLocaleSwitchEvents +>({ + tagName: "nylas-locale-switch", + elementClass: NylasLocaleSwitchElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { + onTimezoneChanged: "timezoneChanged", + onLanguageChanged: "languageChanged", + } as NylasLocaleSwitchEvents, + defineCustomElement: defineNylasLocaleSwitch, }); export type NylasLogoEvents = NonNullable; -export const NylasLogo: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'nylas-logo', - elementClass: NylasLogoElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as NylasLogoEvents, - defineCustomElement: defineNylasLogo +export const NylasLogo: StencilReactComponent< + NylasLogoElement, + NylasLogoEvents +> = /*@__PURE__*/ createComponent({ + tagName: "nylas-logo", + elementClass: NylasLogoElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as NylasLogoEvents, + defineCustomElement: defineNylasLogo, }); export type NylasMinBookingNoticeEvents = { - onValueChanged: EventName> + onValueChanged: EventName< + CustomEvent<{ + value: string; + name: string; + }> + >; }; -export const NylasMinBookingNotice: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'nylas-min-booking-notice', - elementClass: NylasMinBookingNoticeElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { onValueChanged: 'valueChanged' } as NylasMinBookingNoticeEvents, - defineCustomElement: defineNylasMinBookingNotice +export const NylasMinBookingNotice: StencilReactComponent< + NylasMinBookingNoticeElement, + NylasMinBookingNoticeEvents +> = /*@__PURE__*/ createComponent< + NylasMinBookingNoticeElement, + NylasMinBookingNoticeEvents +>({ + tagName: "nylas-min-booking-notice", + elementClass: NylasMinBookingNoticeElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { onValueChanged: "valueChanged" } as NylasMinBookingNoticeEvents, + defineCustomElement: defineNylasMinBookingNotice, }); export type NylasMinCancellationNoticeEvents = { - onValueChanged: EventName> + onValueChanged: EventName< + CustomEvent<{ + value: string; + name: string; + }> + >; }; -export const NylasMinCancellationNotice: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'nylas-min-cancellation-notice', - elementClass: NylasMinCancellationNoticeElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { onValueChanged: 'valueChanged' } as NylasMinCancellationNoticeEvents, - defineCustomElement: defineNylasMinCancellationNotice +export const NylasMinCancellationNotice: StencilReactComponent< + NylasMinCancellationNoticeElement, + NylasMinCancellationNoticeEvents +> = /*@__PURE__*/ createComponent< + NylasMinCancellationNoticeElement, + NylasMinCancellationNoticeEvents +>({ + tagName: "nylas-min-cancellation-notice", + elementClass: NylasMinCancellationNoticeElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { + onValueChanged: "valueChanged", + } as NylasMinCancellationNoticeEvents, + defineCustomElement: defineNylasMinCancellationNotice, }); export type NylasNotetakerConfigEvents = { - onValueChanged: EventName>, - onNotetakerError: EventName; - }>> -}; - -export const NylasNotetakerConfig: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'nylas-notetaker-config', - elementClass: NylasNotetakerConfigElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { - onValueChanged: 'valueChanged', - onNotetakerError: 'notetakerError' - } as NylasNotetakerConfigEvents, - defineCustomElement: defineNylasNotetakerConfig + onValueChanged: EventName< + CustomEvent<{ + value: string; + name: string; + }> + >; + onNotetakerError: EventName< + NylasNotetakerConfigCustomEvent<{ + error: string; + reason: string; + context?: Record; + }> + >; +}; + +export const NylasNotetakerConfig: StencilReactComponent< + NylasNotetakerConfigElement, + NylasNotetakerConfigEvents +> = /*@__PURE__*/ createComponent< + NylasNotetakerConfigElement, + NylasNotetakerConfigEvents +>({ + tagName: "nylas-notetaker-config", + elementClass: NylasNotetakerConfigElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { + onValueChanged: "valueChanged", + onNotetakerError: "notetakerError", + } as NylasNotetakerConfigEvents, + defineCustomElement: defineNylasNotetakerConfig, }); export type NylasNotificationEvents = NonNullable; -export const NylasNotification: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'nylas-notification', - elementClass: NylasNotificationElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as NylasNotificationEvents, - defineCustomElement: defineNylasNotification +export const NylasNotification: StencilReactComponent< + NylasNotificationElement, + NylasNotificationEvents +> = /*@__PURE__*/ createComponent< + NylasNotificationElement, + NylasNotificationEvents +>({ + tagName: "nylas-notification", + elementClass: NylasNotificationElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as NylasNotificationEvents, + defineCustomElement: defineNylasNotification, }); export type NylasOnlySpecificTimeAvailabilityEvents = { - onValueChanged: EventName> + onValueChanged: EventName< + CustomEvent<{ + value: string; + name: string; + }> + >; }; -export const NylasOnlySpecificTimeAvailability: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'nylas-only-specific-time-availability', - elementClass: NylasOnlySpecificTimeAvailabilityElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { onValueChanged: 'valueChanged' } as NylasOnlySpecificTimeAvailabilityEvents, - defineCustomElement: defineNylasOnlySpecificTimeAvailability +export const NylasOnlySpecificTimeAvailability: StencilReactComponent< + NylasOnlySpecificTimeAvailabilityElement, + NylasOnlySpecificTimeAvailabilityEvents +> = /*@__PURE__*/ createComponent< + NylasOnlySpecificTimeAvailabilityElement, + NylasOnlySpecificTimeAvailabilityEvents +>({ + tagName: "nylas-only-specific-time-availability", + elementClass: NylasOnlySpecificTimeAvailabilityElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { + onValueChanged: "valueChanged", + } as NylasOnlySpecificTimeAvailabilityEvents, + defineCustomElement: defineNylasOnlySpecificTimeAvailability, }); export type NylasOrganizerConfirmationCardEvents = { - onRejectBookingButtonClicked: EventName>, - onConfirmBookingButtonClicked: EventName void; - }>>, - onConfirmBookingError: EventName> -}; - -export const NylasOrganizerConfirmationCard: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'nylas-organizer-confirmation-card', - elementClass: NylasOrganizerConfirmationCardElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { - onRejectBookingButtonClicked: 'rejectBookingButtonClicked', - onConfirmBookingButtonClicked: 'confirmBookingButtonClicked', - onConfirmBookingError: 'confirmBookingError' - } as NylasOrganizerConfirmationCardEvents, - defineCustomElement: defineNylasOrganizerConfirmationCard + onRejectBookingButtonClicked: EventName< + NylasOrganizerConfirmationCardCustomEvent<{ + bookingId: string; + host: HTMLNylasOrganizerConfirmationCardElement; + }> + >; + onConfirmBookingButtonClicked: EventName< + NylasOrganizerConfirmationCardCustomEvent<{ + bookingId: string; + host: HTMLNylasOrganizerConfirmationCardElement; + errorHandler?: (error: NylasSchedulerErrorResponse) => void; + }> + >; + onConfirmBookingError: EventName< + NylasOrganizerConfirmationCardCustomEvent + >; +}; + +export const NylasOrganizerConfirmationCard: StencilReactComponent< + NylasOrganizerConfirmationCardElement, + NylasOrganizerConfirmationCardEvents +> = /*@__PURE__*/ createComponent< + NylasOrganizerConfirmationCardElement, + NylasOrganizerConfirmationCardEvents +>({ + tagName: "nylas-organizer-confirmation-card", + elementClass: NylasOrganizerConfirmationCardElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { + onRejectBookingButtonClicked: "rejectBookingButtonClicked", + onConfirmBookingButtonClicked: "confirmBookingButtonClicked", + onConfirmBookingError: "confirmBookingError", + } as NylasOrganizerConfirmationCardEvents, + defineCustomElement: defineNylasOrganizerConfirmationCard, }); export type NylasPageNameEvents = { - onValueChanged: EventName) => void; - }>> + onValueChanged: EventName< + NylasPageNameCustomEvent<{ + value: string; + name: string; + valueChanged?: ( + event: CustomEvent<{ value: string; name: string }>, + ) => void; + }> + >; }; -export const NylasPageName: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'nylas-page-name', - elementClass: NylasPageNameElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { onValueChanged: 'valueChanged' } as NylasPageNameEvents, - defineCustomElement: defineNylasPageName +export const NylasPageName: StencilReactComponent< + NylasPageNameElement, + NylasPageNameEvents +> = /*@__PURE__*/ createComponent({ + tagName: "nylas-page-name", + elementClass: NylasPageNameElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { onValueChanged: "valueChanged" } as NylasPageNameEvents, + defineCustomElement: defineNylasPageName, }); export type NylasPageStylingEvents = { - onValueChanged: EventName) => void; - }>>, - onBookingFormSubmitted: EventName> + onValueChanged: EventName< + NylasPageStylingCustomEvent<{ + value: string; + name: string; + valueChanged?: ( + event: CustomEvent<{ value: string; name: string }>, + ) => void; + }> + >; + onBookingFormSubmitted: EventName>; }; -export const NylasPageStyling: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'nylas-page-styling', - elementClass: NylasPageStylingElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { - onValueChanged: 'valueChanged', - onBookingFormSubmitted: 'bookingFormSubmitted' - } as NylasPageStylingEvents, - defineCustomElement: defineNylasPageStyling +export const NylasPageStyling: StencilReactComponent< + NylasPageStylingElement, + NylasPageStylingEvents +> = /*@__PURE__*/ createComponent< + NylasPageStylingElement, + NylasPageStylingEvents +>({ + tagName: "nylas-page-styling", + elementClass: NylasPageStylingElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { + onValueChanged: "valueChanged", + onBookingFormSubmitted: "bookingFormSubmitted", + } as NylasPageStylingEvents, + defineCustomElement: defineNylasPageStyling, }); export type NylasParticipantBookingCalendarsEvents = { - onValueChanged: EventName> + onValueChanged: EventName< + CustomEvent<{ + value: string; + name: string; + }> + >; }; -export const NylasParticipantBookingCalendars: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'nylas-participant-booking-calendars', - elementClass: NylasParticipantBookingCalendarsElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { onValueChanged: 'valueChanged' } as NylasParticipantBookingCalendarsEvents, - defineCustomElement: defineNylasParticipantBookingCalendars +export const NylasParticipantBookingCalendars: StencilReactComponent< + NylasParticipantBookingCalendarsElement, + NylasParticipantBookingCalendarsEvents +> = /*@__PURE__*/ createComponent< + NylasParticipantBookingCalendarsElement, + NylasParticipantBookingCalendarsEvents +>({ + tagName: "nylas-participant-booking-calendars", + elementClass: NylasParticipantBookingCalendarsElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { + onValueChanged: "valueChanged", + } as NylasParticipantBookingCalendarsEvents, + defineCustomElement: defineNylasParticipantBookingCalendars, }); export type NylasParticipantsCustomAvailabilityEvents = { - onValueChanged: EventName> + onValueChanged: EventName< + CustomEvent<{ + value: string; + name: string; + }> + >; }; -export const NylasParticipantsCustomAvailability: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'nylas-participants-custom-availability', - elementClass: NylasParticipantsCustomAvailabilityElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { onValueChanged: 'valueChanged' } as NylasParticipantsCustomAvailabilityEvents, - defineCustomElement: defineNylasParticipantsCustomAvailability +export const NylasParticipantsCustomAvailability: StencilReactComponent< + NylasParticipantsCustomAvailabilityElement, + NylasParticipantsCustomAvailabilityEvents +> = /*@__PURE__*/ createComponent< + NylasParticipantsCustomAvailabilityElement, + NylasParticipantsCustomAvailabilityEvents +>({ + tagName: "nylas-participants-custom-availability", + elementClass: NylasParticipantsCustomAvailabilityElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { + onValueChanged: "valueChanged", + } as NylasParticipantsCustomAvailabilityEvents, + defineCustomElement: defineNylasParticipantsCustomAvailability, }); export type NylasReminderEmailsEvents = { - onValueChanged: EventName) => void; - }>>, - onNylasSuggestReminderMinutes: EventName> + onValueChanged: EventName< + NylasReminderEmailsCustomEvent<{ + value: string; + name: string; + valueChanged?: ( + event: CustomEvent<{ value: string; name: string }>, + ) => void; + }> + >; + onNylasSuggestReminderMinutes: EventName>; }; -export const NylasReminderEmails: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'nylas-reminder-emails', - elementClass: NylasReminderEmailsElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { - onValueChanged: 'valueChanged', - onNylasSuggestReminderMinutes: 'nylasSuggestReminderMinutes' - } as NylasReminderEmailsEvents, - defineCustomElement: defineNylasReminderEmails +export const NylasReminderEmails: StencilReactComponent< + NylasReminderEmailsElement, + NylasReminderEmailsEvents +> = /*@__PURE__*/ createComponent< + NylasReminderEmailsElement, + NylasReminderEmailsEvents +>({ + tagName: "nylas-reminder-emails", + elementClass: NylasReminderEmailsElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { + onValueChanged: "valueChanged", + onNylasSuggestReminderMinutes: "nylasSuggestReminderMinutes", + } as NylasReminderEmailsEvents, + defineCustomElement: defineNylasReminderEmails, }); export type NylasReminderTimeEvents = { - onValueChanged: EventName> + onValueChanged: EventName< + CustomEvent<{ + value: string; + name: string; + }> + >; }; -export const NylasReminderTime: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'nylas-reminder-time', - elementClass: NylasReminderTimeElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { onValueChanged: 'valueChanged' } as NylasReminderTimeEvents, - defineCustomElement: defineNylasReminderTime +export const NylasReminderTime: StencilReactComponent< + NylasReminderTimeElement, + NylasReminderTimeEvents +> = /*@__PURE__*/ createComponent< + NylasReminderTimeElement, + NylasReminderTimeEvents +>({ + tagName: "nylas-reminder-time", + elementClass: NylasReminderTimeElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { onValueChanged: "valueChanged" } as NylasReminderTimeEvents, + defineCustomElement: defineNylasReminderTime, }); export type NylasSchedulerEditorEvents = { - onInit: EventName>, - onLoggedIn: EventName>, - onLoggedOut: EventName>, - onSchedulerConfigCloseClicked: EventName>, - onNylasSchedulerEditorError: EventName> + onInit: EventName< + NylasSchedulerEditorCustomEvent + >; + onLoggedIn: EventName< + NylasSchedulerEditorCustomEvent + >; + onLoggedOut: EventName< + NylasSchedulerEditorCustomEvent + >; + onSchedulerConfigCloseClicked: EventName< + NylasSchedulerEditorCustomEvent + >; + onNylasSchedulerEditorError: EventName< + NylasSchedulerEditorCustomEvent<{ + notification: Notification; + host: HTMLElement; + }> + >; }; -export const NylasSchedulerEditor: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'nylas-scheduler-editor', - elementClass: NylasSchedulerEditorElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { - onInit: 'init', - onLoggedIn: 'loggedIn', - onLoggedOut: 'loggedOut', - onSchedulerConfigCloseClicked: 'schedulerConfigCloseClicked', - onNylasSchedulerEditorError: 'nylasSchedulerEditorError' - } as NylasSchedulerEditorEvents, - defineCustomElement: defineNylasSchedulerEditor +export const NylasSchedulerEditor: StencilReactComponent< + NylasSchedulerEditorElement, + NylasSchedulerEditorEvents +> = /*@__PURE__*/ createComponent< + NylasSchedulerEditorElement, + NylasSchedulerEditorEvents +>({ + tagName: "nylas-scheduler-editor", + elementClass: NylasSchedulerEditorElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { + onInit: "init", + onLoggedIn: "loggedIn", + onLoggedOut: "loggedOut", + onSchedulerConfigCloseClicked: "schedulerConfigCloseClicked", + onNylasSchedulerEditorError: "nylasSchedulerEditorError", + } as NylasSchedulerEditorEvents, + defineCustomElement: defineNylasSchedulerEditor, }); export type NylasSchedulingEvents = { - onInit: EventName>, - onSchedulerWillLoad: EventName>, - onSchedulerDidLoad: EventName>, - onNylasSchedulerError: EventName>, - onNylasSchedulerInfo: EventName>, - onConfigSettingsLoaded: EventName }>>, - onBookingRefExtracted: EventName>, - onBookedEventInfo: EventName>> -}; - -export const NylasScheduling: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'nylas-scheduling', - elementClass: NylasSchedulingElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { - onInit: 'init', - onSchedulerWillLoad: 'schedulerWillLoad', - onSchedulerDidLoad: 'schedulerDidLoad', - onNylasSchedulerError: 'nylasSchedulerError', - onNylasSchedulerInfo: 'nylasSchedulerInfo', - onConfigSettingsLoaded: 'configSettingsLoaded', - onBookingRefExtracted: 'bookingRefExtracted', - onBookedEventInfo: 'bookedEventInfo' - } as NylasSchedulingEvents, - defineCustomElement: defineNylasScheduling + onInit: EventName>; + onSchedulerWillLoad: EventName< + NylasSchedulingCustomEvent + >; + onSchedulerDidLoad: EventName< + NylasSchedulingCustomEvent + >; + onNylasSchedulerError: EventName< + NylasSchedulingCustomEvent<{ + notification: Notification; + host: HTMLElement; + }> + >; + onNylasSchedulerInfo: EventName< + NylasSchedulingCustomEvent<{ + notification: Notification; + host: HTMLElement; + }> + >; + onConfigSettingsLoaded: EventName< + NylasSchedulingCustomEvent<{ + settings: NylasSchedulerResponse; + }> + >; + onBookingRefExtracted: EventName< + CustomEvent<{ configurationId: string; bookingId: string; salt?: string }> + >; + onBookedEventInfo: EventName< + NylasSchedulingCustomEvent> + >; +}; + +export const NylasScheduling: StencilReactComponent< + NylasSchedulingElement, + NylasSchedulingEvents +> = /*@__PURE__*/ createComponent< + NylasSchedulingElement, + NylasSchedulingEvents +>({ + tagName: "nylas-scheduling", + elementClass: NylasSchedulingElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { + onInit: "init", + onSchedulerWillLoad: "schedulerWillLoad", + onSchedulerDidLoad: "schedulerDidLoad", + onNylasSchedulerError: "nylasSchedulerError", + onNylasSchedulerInfo: "nylasSchedulerInfo", + onConfigSettingsLoaded: "configSettingsLoaded", + onBookingRefExtracted: "bookingRefExtracted", + onBookedEventInfo: "bookedEventInfo", + } as NylasSchedulingEvents, + defineCustomElement: defineNylasScheduling, }); export type NylasSchedulingMethodEvents = { - onValueChanged: EventName) => void; - }>> + onValueChanged: EventName< + NylasSchedulingMethodCustomEvent<{ + value: string; + name: string; + valueChanged?: ( + event: CustomEvent<{ value: string; name: string }>, + ) => void; + }> + >; }; -export const NylasSchedulingMethod: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'nylas-scheduling-method', - elementClass: NylasSchedulingMethodElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { onValueChanged: 'valueChanged' } as NylasSchedulingMethodEvents, - defineCustomElement: defineNylasSchedulingMethod +export const NylasSchedulingMethod: StencilReactComponent< + NylasSchedulingMethodElement, + NylasSchedulingMethodEvents +> = /*@__PURE__*/ createComponent< + NylasSchedulingMethodElement, + NylasSchedulingMethodEvents +>({ + tagName: "nylas-scheduling-method", + elementClass: NylasSchedulingMethodElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { onValueChanged: "valueChanged" } as NylasSchedulingMethodEvents, + defineCustomElement: defineNylasSchedulingMethod, }); export type NylasSelectEventTypeEvents = { - onReturnToAllSchedulingPagesEvent: EventName>, - onCreateEventTypeSelected: EventName> + onReturnToAllSchedulingPagesEvent: EventName>; + onCreateEventTypeSelected: EventName< + NylasSelectEventTypeCustomEvent<{ eventType: CONFIGURATION_EVENT_TYPE }> + >; }; -export const NylasSelectEventType: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'nylas-select-event-type', - elementClass: NylasSelectEventTypeElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { - onReturnToAllSchedulingPagesEvent: 'returnToAllSchedulingPagesEvent', - onCreateEventTypeSelected: 'createEventTypeSelected' - } as NylasSelectEventTypeEvents, - defineCustomElement: defineNylasSelectEventType +export const NylasSelectEventType: StencilReactComponent< + NylasSelectEventTypeElement, + NylasSelectEventTypeEvents +> = /*@__PURE__*/ createComponent< + NylasSelectEventTypeElement, + NylasSelectEventTypeEvents +>({ + tagName: "nylas-select-event-type", + elementClass: NylasSelectEventTypeElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { + onReturnToAllSchedulingPagesEvent: "returnToAllSchedulingPagesEvent", + onCreateEventTypeSelected: "createEventTypeSelected", + } as NylasSelectEventTypeEvents, + defineCustomElement: defineNylasSelectEventType, }); export type NylasSelectedEventCardEvents = NonNullable; -export const NylasSelectedEventCard: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'nylas-selected-event-card', - elementClass: NylasSelectedEventCardElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as NylasSelectedEventCardEvents, - defineCustomElement: defineNylasSelectedEventCard +export const NylasSelectedEventCard: StencilReactComponent< + NylasSelectedEventCardElement, + NylasSelectedEventCardEvents +> = /*@__PURE__*/ createComponent< + NylasSelectedEventCardElement, + NylasSelectedEventCardEvents +>({ + tagName: "nylas-selected-event-card", + elementClass: NylasSelectedEventCardElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as NylasSelectedEventCardEvents, + defineCustomElement: defineNylasSelectedEventCard, }); export type NylasSpecificTimeAvailabilityPickerEvents = { - onValueChanged: EventName> + onValueChanged: EventName< + CustomEvent<{ + value: string; + name: string; + }> + >; }; -export const NylasSpecificTimeAvailabilityPicker: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'nylas-specific-time-availability-picker', - elementClass: NylasSpecificTimeAvailabilityPickerElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { onValueChanged: 'valueChanged' } as NylasSpecificTimeAvailabilityPickerEvents, - defineCustomElement: defineNylasSpecificTimeAvailabilityPicker +export const NylasSpecificTimeAvailabilityPicker: StencilReactComponent< + NylasSpecificTimeAvailabilityPickerElement, + NylasSpecificTimeAvailabilityPickerEvents +> = /*@__PURE__*/ createComponent< + NylasSpecificTimeAvailabilityPickerElement, + NylasSpecificTimeAvailabilityPickerEvents +>({ + tagName: "nylas-specific-time-availability-picker", + elementClass: NylasSpecificTimeAvailabilityPickerElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { + onValueChanged: "valueChanged", + } as NylasSpecificTimeAvailabilityPickerEvents, + defineCustomElement: defineNylasSpecificTimeAvailabilityPicker, }); export type NylasTimeWindowPickerEvents = { - onTimeChange: EventName>, - onTimeWindowFormError: EventName> + onTimeChange: EventName< + CustomEvent<{ + key: string; + value: string; + }> + >; + onTimeWindowFormError: EventName< + CustomEvent<{ + key: string; + message: string; + }> + >; }; -export const NylasTimeWindowPicker: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'nylas-time-window-picker', - elementClass: NylasTimeWindowPickerElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { - onTimeChange: 'timeChange', - onTimeWindowFormError: 'timeWindowFormError' - } as NylasTimeWindowPickerEvents, - defineCustomElement: defineNylasTimeWindowPicker +export const NylasTimeWindowPicker: StencilReactComponent< + NylasTimeWindowPickerElement, + NylasTimeWindowPickerEvents +> = /*@__PURE__*/ createComponent< + NylasTimeWindowPickerElement, + NylasTimeWindowPickerEvents +>({ + tagName: "nylas-time-window-picker", + elementClass: NylasTimeWindowPickerElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { + onTimeChange: "timeChange", + onTimeWindowFormError: "timeWindowFormError", + } as NylasTimeWindowPickerEvents, + defineCustomElement: defineNylasTimeWindowPicker, }); export type NylasTimeslotIntervalEvents = { - onValueChanged: EventName> + onValueChanged: EventName< + CustomEvent<{ + value: string; + name: string; + }> + >; }; -export const NylasTimeslotInterval: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'nylas-timeslot-interval', - elementClass: NylasTimeslotIntervalElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { onValueChanged: 'valueChanged' } as NylasTimeslotIntervalEvents, - defineCustomElement: defineNylasTimeslotInterval +export const NylasTimeslotInterval: StencilReactComponent< + NylasTimeslotIntervalElement, + NylasTimeslotIntervalEvents +> = /*@__PURE__*/ createComponent< + NylasTimeslotIntervalElement, + NylasTimeslotIntervalEvents +>({ + tagName: "nylas-timeslot-interval", + elementClass: NylasTimeslotIntervalElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { onValueChanged: "valueChanged" } as NylasTimeslotIntervalEvents, + defineCustomElement: defineNylasTimeslotInterval, }); export type NylasTimeslotPickerEvents = { - onTimeslotSelected: EventName>, - onTimeslotConfirmed: EventName>, - onValidateTimeslotError: EventName> + onTimeslotSelected: EventName>; + onTimeslotConfirmed: EventName< + NylasTimeslotPickerCustomEvent<{ + timeslot: Timeslot; + host: HTMLNylasTimeslotPickerElement; + }> + >; + onValidateTimeslotError: EventName< + CustomEvent<{ error: string; type: "error" | "info" }> + >; }; -export const NylasTimeslotPicker: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'nylas-timeslot-picker', - elementClass: NylasTimeslotPickerElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { - onTimeslotSelected: 'timeslotSelected', - onTimeslotConfirmed: 'timeslotConfirmed', - onValidateTimeslotError: 'validateTimeslotError' - } as NylasTimeslotPickerEvents, - defineCustomElement: defineNylasTimeslotPicker +export const NylasTimeslotPicker: StencilReactComponent< + NylasTimeslotPickerElement, + NylasTimeslotPickerEvents +> = /*@__PURE__*/ createComponent< + NylasTimeslotPickerElement, + NylasTimeslotPickerEvents +>({ + tagName: "nylas-timeslot-picker", + elementClass: NylasTimeslotPickerElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { + onTimeslotSelected: "timeslotSelected", + onTimeslotConfirmed: "timeslotConfirmed", + onValidateTimeslotError: "validateTimeslotError", + } as NylasTimeslotPickerEvents, + defineCustomElement: defineNylasTimeslotPicker, }); export type PaintbrushFillIconEvents = NonNullable; -export const PaintbrushFillIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'paintbrush-fill-icon', - elementClass: PaintbrushFillIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as PaintbrushFillIconEvents, - defineCustomElement: definePaintbrushFillIcon +export const PaintbrushFillIcon: StencilReactComponent< + PaintbrushFillIconElement, + PaintbrushFillIconEvents +> = /*@__PURE__*/ createComponent< + PaintbrushFillIconElement, + PaintbrushFillIconEvents +>({ + tagName: "paintbrush-fill-icon", + elementClass: PaintbrushFillIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as PaintbrushFillIconEvents, + defineCustomElement: definePaintbrushFillIcon, }); export type PaintbrushIconEvents = NonNullable; -export const PaintbrushIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'paintbrush-icon', - elementClass: PaintbrushIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as PaintbrushIconEvents, - defineCustomElement: definePaintbrushIcon +export const PaintbrushIcon: StencilReactComponent< + PaintbrushIconElement, + PaintbrushIconEvents +> = /*@__PURE__*/ createComponent({ + tagName: "paintbrush-icon", + elementClass: PaintbrushIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as PaintbrushIconEvents, + defineCustomElement: definePaintbrushIcon, }); export type PeopleIconEvents = NonNullable; -export const PeopleIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'people-icon', - elementClass: PeopleIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as PeopleIconEvents, - defineCustomElement: definePeopleIcon +export const PeopleIcon: StencilReactComponent< + PeopleIconElement, + PeopleIconEvents +> = /*@__PURE__*/ createComponent({ + tagName: "people-icon", + elementClass: PeopleIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as PeopleIconEvents, + defineCustomElement: definePeopleIcon, }); export type PersonClipboardIconEvents = NonNullable; -export const PersonClipboardIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'person-clipboard-icon', - elementClass: PersonClipboardIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as PersonClipboardIconEvents, - defineCustomElement: definePersonClipboardIcon +export const PersonClipboardIcon: StencilReactComponent< + PersonClipboardIconElement, + PersonClipboardIconEvents +> = /*@__PURE__*/ createComponent< + PersonClipboardIconElement, + PersonClipboardIconEvents +>({ + tagName: "person-clipboard-icon", + elementClass: PersonClipboardIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as PersonClipboardIconEvents, + defineCustomElement: definePersonClipboardIcon, }); export type PersonIconEvents = NonNullable; -export const PersonIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'person-icon', - elementClass: PersonIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as PersonIconEvents, - defineCustomElement: definePersonIcon +export const PersonIcon: StencilReactComponent< + PersonIconElement, + PersonIconEvents +> = /*@__PURE__*/ createComponent({ + tagName: "person-icon", + elementClass: PersonIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as PersonIconEvents, + defineCustomElement: definePersonIcon, }); export type PlayIconEvents = NonNullable; -export const PlayIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'play-icon', +export const PlayIcon: StencilReactComponent = + /*@__PURE__*/ createComponent({ + tagName: "play-icon", elementClass: PlayIconElement, // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. react: React, events: {} as PlayIconEvents, - defineCustomElement: definePlayIcon -}); + defineCustomElement: definePlayIcon, + }); export type PlusIconEvents = NonNullable; -export const PlusIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'plus-icon', +export const PlusIcon: StencilReactComponent = + /*@__PURE__*/ createComponent({ + tagName: "plus-icon", elementClass: PlusIconElement, // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. react: React, events: {} as PlusIconEvents, - defineCustomElement: definePlusIcon -}); + defineCustomElement: definePlusIcon, + }); export type RadioButtonGroupEvents = { - onNylasFormRadioChanged: EventName> + onNylasFormRadioChanged: EventName< + CustomEvent<{ + value: string; + name: string; + label?: string; + }> + >; }; -export const RadioButtonGroup: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'radio-button-group', - elementClass: RadioButtonGroupElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { onNylasFormRadioChanged: 'nylasFormRadioChanged' } as RadioButtonGroupEvents, - defineCustomElement: defineRadioButtonGroup +export const RadioButtonGroup: StencilReactComponent< + RadioButtonGroupElement, + RadioButtonGroupEvents +> = /*@__PURE__*/ createComponent< + RadioButtonGroupElement, + RadioButtonGroupEvents +>({ + tagName: "radio-button-group", + elementClass: RadioButtonGroupElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { + onNylasFormRadioChanged: "nylasFormRadioChanged", + } as RadioButtonGroupEvents, + defineCustomElement: defineRadioButtonGroup, }); export type RefreshIconEvents = NonNullable; -export const RefreshIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'refresh-icon', - elementClass: RefreshIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as RefreshIconEvents, - defineCustomElement: defineRefreshIcon +export const RefreshIcon: StencilReactComponent< + RefreshIconElement, + RefreshIconEvents +> = /*@__PURE__*/ createComponent({ + tagName: "refresh-icon", + elementClass: RefreshIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as RefreshIconEvents, + defineCustomElement: defineRefreshIcon, }); export type ReplyAllIconEvents = NonNullable; -export const ReplyAllIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'reply-all-icon', - elementClass: ReplyAllIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as ReplyAllIconEvents, - defineCustomElement: defineReplyAllIcon +export const ReplyAllIcon: StencilReactComponent< + ReplyAllIconElement, + ReplyAllIconEvents +> = /*@__PURE__*/ createComponent({ + tagName: "reply-all-icon", + elementClass: ReplyAllIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as ReplyAllIconEvents, + defineCustomElement: defineReplyAllIcon, }); export type ReplyIconEvents = NonNullable; -export const ReplyIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'reply-icon', - elementClass: ReplyIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as ReplyIconEvents, - defineCustomElement: defineReplyIcon +export const ReplyIcon: StencilReactComponent< + ReplyIconElement, + ReplyIconEvents +> = /*@__PURE__*/ createComponent({ + tagName: "reply-icon", + elementClass: ReplyIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as ReplyIconEvents, + defineCustomElement: defineReplyIcon, }); export type SearchIconEvents = NonNullable; -export const SearchIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'search-icon', - elementClass: SearchIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as SearchIconEvents, - defineCustomElement: defineSearchIcon +export const SearchIcon: StencilReactComponent< + SearchIconElement, + SearchIconEvents +> = /*@__PURE__*/ createComponent({ + tagName: "search-icon", + elementClass: SearchIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as SearchIconEvents, + defineCustomElement: defineSearchIcon, }); export type SelectDropdownEvents = { - onNylasFormDropdownChanged: EventName>, - onNylasFormDropdownDefaultSelected: EventName> -}; - -export const SelectDropdown: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'select-dropdown', - elementClass: SelectDropdownElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { - onNylasFormDropdownChanged: 'nylasFormDropdownChanged', - onNylasFormDropdownDefaultSelected: 'nylasFormDropdownDefaultSelected' - } as SelectDropdownEvents, - defineCustomElement: defineSelectDropdown + onNylasFormDropdownChanged: EventName< + SelectDropdownCustomEvent<{ + value: DropdownOption["value"]; + name: string; + error?: string; + label?: string; + }> + >; + onNylasFormDropdownDefaultSelected: EventName< + SelectDropdownCustomEvent<{ + value: DropdownOption["value"]; + name: string; + error?: string; + label?: string; + }> + >; +}; + +export const SelectDropdown: StencilReactComponent< + SelectDropdownElement, + SelectDropdownEvents +> = /*@__PURE__*/ createComponent({ + tagName: "select-dropdown", + elementClass: SelectDropdownElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { + onNylasFormDropdownChanged: "nylasFormDropdownChanged", + onNylasFormDropdownDefaultSelected: "nylasFormDropdownDefaultSelected", + } as SelectDropdownEvents, + defineCustomElement: defineSelectDropdown, }); export type SentIconEvents = NonNullable; -export const SentIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'sent-icon', +export const SentIcon: StencilReactComponent = + /*@__PURE__*/ createComponent({ + tagName: "sent-icon", elementClass: SentIconElement, // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. react: React, events: {} as SentIconEvents, - defineCustomElement: defineSentIcon -}); + defineCustomElement: defineSentIcon, + }); export type SpamIconEvents = NonNullable; -export const SpamIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'spam-icon', +export const SpamIcon: StencilReactComponent = + /*@__PURE__*/ createComponent({ + tagName: "spam-icon", elementClass: SpamIconElement, // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. react: React, events: {} as SpamIconEvents, - defineCustomElement: defineSpamIcon -}); + defineCustomElement: defineSpamIcon, + }); export type StarIconEvents = NonNullable; -export const StarIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'star-icon', +export const StarIcon: StencilReactComponent = + /*@__PURE__*/ createComponent({ + tagName: "star-icon", elementClass: StarIconElement, // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. react: React, events: {} as StarIconEvents, - defineCustomElement: defineStarIcon -}); + defineCustomElement: defineStarIcon, + }); export type StopIconEvents = NonNullable; -export const StopIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'stop-icon', +export const StopIcon: StencilReactComponent = + /*@__PURE__*/ createComponent({ + tagName: "stop-icon", elementClass: StopIconElement, // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. react: React, events: {} as StopIconEvents, - defineCustomElement: defineStopIcon -}); - -export type TextareaComponentEvents = { onNylasFormInputChanged: EventName> }; - -export const TextareaComponent: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'textarea-component', - elementClass: TextareaComponentElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { onNylasFormInputChanged: 'nylasFormInputChanged' } as TextareaComponentEvents, - defineCustomElement: defineTextareaComponent -}); + defineCustomElement: defineStopIcon, + }); + +export type TextareaComponentEvents = { + onNylasFormInputChanged: EventName< + CustomEvent<{ + value: string; + name: string; + error: string; + label: string; + type: string; + }> + >; +}; -export type TimePeriodSelectorEvents = { onTimePeriodChanged: EventName> }; +export const TextareaComponent: StencilReactComponent< + TextareaComponentElement, + TextareaComponentEvents +> = /*@__PURE__*/ createComponent< + TextareaComponentElement, + TextareaComponentEvents +>({ + tagName: "textarea-component", + elementClass: TextareaComponentElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { + onNylasFormInputChanged: "nylasFormInputChanged", + } as TextareaComponentEvents, + defineCustomElement: defineTextareaComponent, +}); + +export type TimePeriodSelectorEvents = { + onTimePeriodChanged: EventName< + CustomEvent<{ number: number; period: string }> + >; +}; -export const TimePeriodSelector: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'time-period-selector', - elementClass: TimePeriodSelectorElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { onTimePeriodChanged: 'timePeriodChanged' } as TimePeriodSelectorEvents, - defineCustomElement: defineTimePeriodSelector +export const TimePeriodSelector: StencilReactComponent< + TimePeriodSelectorElement, + TimePeriodSelectorEvents +> = /*@__PURE__*/ createComponent< + TimePeriodSelectorElement, + TimePeriodSelectorEvents +>({ + tagName: "time-period-selector", + elementClass: TimePeriodSelectorElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { + onTimePeriodChanged: "timePeriodChanged", + } as TimePeriodSelectorEvents, + defineCustomElement: defineTimePeriodSelector, }); export type ToggleSwitchEvents = { - onNylasFormSwitchToggled: EventName> + onNylasFormSwitchToggled: EventName< + CustomEvent<{ + checked: boolean; + name: string; + label: string; + }> + >; }; -export const ToggleSwitch: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'toggle-switch', - elementClass: ToggleSwitchElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: { onNylasFormSwitchToggled: 'nylasFormSwitchToggled' } as ToggleSwitchEvents, - defineCustomElement: defineToggleSwitch +export const ToggleSwitch: StencilReactComponent< + ToggleSwitchElement, + ToggleSwitchEvents +> = /*@__PURE__*/ createComponent({ + tagName: "toggle-switch", + elementClass: ToggleSwitchElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: { + onNylasFormSwitchToggled: "nylasFormSwitchToggled", + } as ToggleSwitchEvents, + defineCustomElement: defineToggleSwitch, }); export type TooltipComponentEvents = NonNullable; -export const TooltipComponent: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'tooltip-component', - elementClass: TooltipComponentElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as TooltipComponentEvents, - defineCustomElement: defineTooltipComponent +export const TooltipComponent: StencilReactComponent< + TooltipComponentElement, + TooltipComponentEvents +> = /*@__PURE__*/ createComponent< + TooltipComponentElement, + TooltipComponentEvents +>({ + tagName: "tooltip-component", + elementClass: TooltipComponentElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as TooltipComponentEvents, + defineCustomElement: defineTooltipComponent, }); export type TranslateIconEvents = NonNullable; -export const TranslateIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'translate-icon', - elementClass: TranslateIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as TranslateIconEvents, - defineCustomElement: defineTranslateIcon +export const TranslateIcon: StencilReactComponent< + TranslateIconElement, + TranslateIconEvents +> = /*@__PURE__*/ createComponent({ + tagName: "translate-icon", + elementClass: TranslateIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as TranslateIconEvents, + defineCustomElement: defineTranslateIcon, }); export type TrashFillIconEvents = NonNullable; -export const TrashFillIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'trash-fill-icon', - elementClass: TrashFillIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as TrashFillIconEvents, - defineCustomElement: defineTrashFillIcon +export const TrashFillIcon: StencilReactComponent< + TrashFillIconElement, + TrashFillIconEvents +> = /*@__PURE__*/ createComponent({ + tagName: "trash-fill-icon", + elementClass: TrashFillIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as TrashFillIconEvents, + defineCustomElement: defineTrashFillIcon, }); export type TrashIconEvents = NonNullable; -export const TrashIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'trash-icon', - elementClass: TrashIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as TrashIconEvents, - defineCustomElement: defineTrashIcon +export const TrashIcon: StencilReactComponent< + TrashIconElement, + TrashIconEvents +> = /*@__PURE__*/ createComponent({ + tagName: "trash-icon", + elementClass: TrashIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as TrashIconEvents, + defineCustomElement: defineTrashIcon, }); export type UnderlineIconEvents = NonNullable; -export const UnderlineIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'underline-icon', - elementClass: UnderlineIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as UnderlineIconEvents, - defineCustomElement: defineUnderlineIcon +export const UnderlineIcon: StencilReactComponent< + UnderlineIconElement, + UnderlineIconEvents +> = /*@__PURE__*/ createComponent({ + tagName: "underline-icon", + elementClass: UnderlineIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as UnderlineIconEvents, + defineCustomElement: defineUnderlineIcon, }); export type WarningIconEvents = NonNullable; -export const WarningIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'warning-icon', - elementClass: WarningIconElement, - // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. - react: React, - events: {} as WarningIconEvents, - defineCustomElement: defineWarningIcon +export const WarningIcon: StencilReactComponent< + WarningIconElement, + WarningIconEvents +> = /*@__PURE__*/ createComponent({ + tagName: "warning-icon", + elementClass: WarningIconElement, + // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. + react: React, + events: {} as WarningIconEvents, + defineCustomElement: defineWarningIcon, }); export type ZoomIconEvents = NonNullable; -export const ZoomIcon: StencilReactComponent = /*@__PURE__*/ createComponent({ - tagName: 'zoom-icon', +export const ZoomIcon: StencilReactComponent = + /*@__PURE__*/ createComponent({ + tagName: "zoom-icon", elementClass: ZoomIconElement, // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project. react: React, events: {} as ZoomIconEvents, - defineCustomElement: defineZoomIcon -}); + defineCustomElement: defineZoomIcon, + });