@shineuix/react 0.0.0-stage → 1.0.1

package/dist/components/components.js

@@ -0,0 +1,1637 @@
+'use client';
+import { createComponent } from '../runtime.js';
+import React from 'react';
+import { SuiAccordionItem as SuiAccordionItemElement, defineCustomElement as defineSuiAccordionItem } from "@shineuix/core/dist/components/sui-accordion-item.js";
+import { SuiAccordion as SuiAccordionElement, defineCustomElement as defineSuiAccordion } from "@shineuix/core/dist/components/sui-accordion.js";
+import { SuiAnchor as SuiAnchorElement, defineCustomElement as defineSuiAnchor } from "@shineuix/core/dist/components/sui-anchor.js";
+import { SuiAutoComplete as SuiAutoCompleteElement, defineCustomElement as defineSuiAutoComplete } from "@shineuix/core/dist/components/sui-auto-complete.js";
+import { SuiAvatarGroup as SuiAvatarGroupElement, defineCustomElement as defineSuiAvatarGroup } from "@shineuix/core/dist/components/sui-avatar-group.js";
+import { SuiAvatar as SuiAvatarElement, defineCustomElement as defineSuiAvatar } from "@shineuix/core/dist/components/sui-avatar.js";
+import { SuiBadge as SuiBadgeElement, defineCustomElement as defineSuiBadge } from "@shineuix/core/dist/components/sui-badge.js";
+import { SuiBlockUi as SuiBlockUiElement, defineCustomElement as defineSuiBlockUi } from "@shineuix/core/dist/components/sui-block-ui.js";
+import { SuiBoard as SuiBoardElement, defineCustomElement as defineSuiBoard } from "@shineuix/core/dist/components/sui-board.js";
+import { SuiBottomNav as SuiBottomNavElement, defineCustomElement as defineSuiBottomNav } from "@shineuix/core/dist/components/sui-bottom-nav.js";
+import { SuiBreadcrumb as SuiBreadcrumbElement, defineCustomElement as defineSuiBreadcrumb } from "@shineuix/core/dist/components/sui-breadcrumb.js";
+import { SuiButtonGroup as SuiButtonGroupElement, defineCustomElement as defineSuiButtonGroup } from "@shineuix/core/dist/components/sui-button-group.js";
+import { SuiButton as SuiButtonElement, defineCustomElement as defineSuiButton } from "@shineuix/core/dist/components/sui-button.js";
+import { SuiCalendar as SuiCalendarElement, defineCustomElement as defineSuiCalendar } from "@shineuix/core/dist/components/sui-calendar.js";
+import { SuiCard as SuiCardElement, defineCustomElement as defineSuiCard } from "@shineuix/core/dist/components/sui-card.js";
+import { SuiCarousel as SuiCarouselElement, defineCustomElement as defineSuiCarousel } from "@shineuix/core/dist/components/sui-carousel.js";
+import { SuiCascadeSelect as SuiCascadeSelectElement, defineCustomElement as defineSuiCascadeSelect } from "@shineuix/core/dist/components/sui-cascade-select.js";
+import { SuiChartBar as SuiChartBarElement, defineCustomElement as defineSuiChartBar } from "@shineuix/core/dist/components/sui-chart-bar.js";
+import { SuiChartCandlestick as SuiChartCandlestickElement, defineCustomElement as defineSuiChartCandlestick } from "@shineuix/core/dist/components/sui-chart-candlestick.js";
+import { SuiChartCombo as SuiChartComboElement, defineCustomElement as defineSuiChartCombo } from "@shineuix/core/dist/components/sui-chart-combo.js";
+import { SuiChartGauge as SuiChartGaugeElement, defineCustomElement as defineSuiChartGauge } from "@shineuix/core/dist/components/sui-chart-gauge.js";
+import { SuiChartHeatmap as SuiChartHeatmapElement, defineCustomElement as defineSuiChartHeatmap } from "@shineuix/core/dist/components/sui-chart-heatmap.js";
+import { SuiChartLine as SuiChartLineElement, defineCustomElement as defineSuiChartLine } from "@shineuix/core/dist/components/sui-chart-line.js";
+import { SuiChartNavigator as SuiChartNavigatorElement, defineCustomElement as defineSuiChartNavigator } from "@shineuix/core/dist/components/sui-chart-navigator.js";
+import { SuiChartPie as SuiChartPieElement, defineCustomElement as defineSuiChartPie } from "@shineuix/core/dist/components/sui-chart-pie.js";
+import { SuiChartRadar as SuiChartRadarElement, defineCustomElement as defineSuiChartRadar } from "@shineuix/core/dist/components/sui-chart-radar.js";
+import { SuiChartScatter as SuiChartScatterElement, defineCustomElement as defineSuiChartScatter } from "@shineuix/core/dist/components/sui-chart-scatter.js";
+import { SuiChartSynced as SuiChartSyncedElement, defineCustomElement as defineSuiChartSynced } from "@shineuix/core/dist/components/sui-chart-synced.js";
+import { SuiChartTreemap as SuiChartTreemapElement, defineCustomElement as defineSuiChartTreemap } from "@shineuix/core/dist/components/sui-chart-treemap.js";
+import { SuiChartWaterfall as SuiChartWaterfallElement, defineCustomElement as defineSuiChartWaterfall } from "@shineuix/core/dist/components/sui-chart-waterfall.js";
+import { SuiCheckboxGroup as SuiCheckboxGroupElement, defineCustomElement as defineSuiCheckboxGroup } from "@shineuix/core/dist/components/sui-checkbox-group.js";
+import { SuiCheckbox as SuiCheckboxElement, defineCustomElement as defineSuiCheckbox } from "@shineuix/core/dist/components/sui-checkbox.js";
+import { SuiChip as SuiChipElement, defineCustomElement as defineSuiChip } from "@shineuix/core/dist/components/sui-chip.js";
+import { SuiChoiceCards as SuiChoiceCardsElement, defineCustomElement as defineSuiChoiceCards } from "@shineuix/core/dist/components/sui-choice-cards.js";
+import { SuiCodeBlock as SuiCodeBlockElement, defineCustomElement as defineSuiCodeBlock } from "@shineuix/core/dist/components/sui-code-block.js";
+import { SuiColorEditor as SuiColorEditorElement, defineCustomElement as defineSuiColorEditor } from "@shineuix/core/dist/components/sui-color-editor.js";
+import { SuiColorPicker as SuiColorPickerElement, defineCustomElement as defineSuiColorPicker } from "@shineuix/core/dist/components/sui-color-picker.js";
+import { SuiCommandPalette as SuiCommandPaletteElement, defineCustomElement as defineSuiCommandPalette } from "@shineuix/core/dist/components/sui-command-palette.js";
+import { SuiConfigList as SuiConfigListElement, defineCustomElement as defineSuiConfigList } from "@shineuix/core/dist/components/sui-config-list.js";
+import { SuiConfigRow as SuiConfigRowElement, defineCustomElement as defineSuiConfigRow } from "@shineuix/core/dist/components/sui-config-row.js";
+import { SuiConfirmDialog as SuiConfirmDialogElement, defineCustomElement as defineSuiConfirmDialog } from "@shineuix/core/dist/components/sui-confirm-dialog.js";
+import { SuiConfirmPopup as SuiConfirmPopupElement, defineCustomElement as defineSuiConfirmPopup } from "@shineuix/core/dist/components/sui-confirm-popup.js";
+import { SuiContextMenu as SuiContextMenuElement, defineCustomElement as defineSuiContextMenu } from "@shineuix/core/dist/components/sui-context-menu.js";
+import { SuiCopyButton as SuiCopyButtonElement, defineCustomElement as defineSuiCopyButton } from "@shineuix/core/dist/components/sui-copy-button.js";
+import { SuiDataGrid as SuiDataGridElement, defineCustomElement as defineSuiDataGrid } from "@shineuix/core/dist/components/sui-data-grid.js";
+import { SuiDataTable as SuiDataTableElement, defineCustomElement as defineSuiDataTable } from "@shineuix/core/dist/components/sui-data-table.js";
+import { SuiDataView as SuiDataViewElement, defineCustomElement as defineSuiDataView } from "@shineuix/core/dist/components/sui-data-view.js";
+import { SuiDatePicker as SuiDatePickerElement, defineCustomElement as defineSuiDatePicker } from "@shineuix/core/dist/components/sui-date-picker.js";
+import { SuiDescriptionList as SuiDescriptionListElement, defineCustomElement as defineSuiDescriptionList } from "@shineuix/core/dist/components/sui-description-list.js";
+import { SuiDialog as SuiDialogElement, defineCustomElement as defineSuiDialog } from "@shineuix/core/dist/components/sui-dialog.js";
+import { SuiDivider as SuiDividerElement, defineCustomElement as defineSuiDivider } from "@shineuix/core/dist/components/sui-divider.js";
+import { SuiDock as SuiDockElement, defineCustomElement as defineSuiDock } from "@shineuix/core/dist/components/sui-dock.js";
+import { SuiDrawer as SuiDrawerElement, defineCustomElement as defineSuiDrawer } from "@shineuix/core/dist/components/sui-drawer.js";
+import { SuiEditBox as SuiEditBoxElement, defineCustomElement as defineSuiEditBox } from "@shineuix/core/dist/components/sui-edit-box.js";
+import { SuiEmptyState as SuiEmptyStateElement, defineCustomElement as defineSuiEmptyState } from "@shineuix/core/dist/components/sui-empty-state.js";
+import { SuiFieldset as SuiFieldsetElement, defineCustomElement as defineSuiFieldset } from "@shineuix/core/dist/components/sui-fieldset.js";
+import { SuiFileUpload as SuiFileUploadElement, defineCustomElement as defineSuiFileUpload } from "@shineuix/core/dist/components/sui-file-upload.js";
+import { SuiFilterBuilder as SuiFilterBuilderElement, defineCustomElement as defineSuiFilterBuilder } from "@shineuix/core/dist/components/sui-filter-builder.js";
+import { SuiFilterPanel as SuiFilterPanelElement, defineCustomElement as defineSuiFilterPanel } from "@shineuix/core/dist/components/sui-filter-panel.js";
+import { SuiFloatLabel as SuiFloatLabelElement, defineCustomElement as defineSuiFloatLabel } from "@shineuix/core/dist/components/sui-float-label.js";
+import { SuiFluid as SuiFluidElement, defineCustomElement as defineSuiFluid } from "@shineuix/core/dist/components/sui-fluid.js";
+import { SuiFormActions as SuiFormActionsElement, defineCustomElement as defineSuiFormActions } from "@shineuix/core/dist/components/sui-form-actions.js";
+import { SuiFormLayout as SuiFormLayoutElement, defineCustomElement as defineSuiFormLayout } from "@shineuix/core/dist/components/sui-form-layout.js";
+import { SuiForm as SuiFormElement, defineCustomElement as defineSuiForm } from "@shineuix/core/dist/components/sui-form.js";
+import { SuiGalleria as SuiGalleriaElement, defineCustomElement as defineSuiGalleria } from "@shineuix/core/dist/components/sui-galleria.js";
+import { SuiIconButton as SuiIconButtonElement, defineCustomElement as defineSuiIconButton } from "@shineuix/core/dist/components/sui-icon-button.js";
+import { SuiIconField as SuiIconFieldElement, defineCustomElement as defineSuiIconField } from "@shineuix/core/dist/components/sui-icon-field.js";
+import { SuiIftaLabel as SuiIftaLabelElement, defineCustomElement as defineSuiIftaLabel } from "@shineuix/core/dist/components/sui-ifta-label.js";
+import { SuiImageCompare as SuiImageCompareElement, defineCustomElement as defineSuiImageCompare } from "@shineuix/core/dist/components/sui-image-compare.js";
+import { SuiImage as SuiImageElement, defineCustomElement as defineSuiImage } from "@shineuix/core/dist/components/sui-image.js";
+import { SuiInplace as SuiInplaceElement, defineCustomElement as defineSuiInplace } from "@shineuix/core/dist/components/sui-inplace.js";
+import { SuiInputGroupAddon as SuiInputGroupAddonElement, defineCustomElement as defineSuiInputGroupAddon } from "@shineuix/core/dist/components/sui-input-group-addon.js";
+import { SuiInputGroup as SuiInputGroupElement, defineCustomElement as defineSuiInputGroup } from "@shineuix/core/dist/components/sui-input-group.js";
+import { SuiInputMask as SuiInputMaskElement, defineCustomElement as defineSuiInputMask } from "@shineuix/core/dist/components/sui-input-mask.js";
+import { SuiInputNumber as SuiInputNumberElement, defineCustomElement as defineSuiInputNumber } from "@shineuix/core/dist/components/sui-input-number.js";
+import { SuiInputOtp as SuiInputOtpElement, defineCustomElement as defineSuiInputOtp } from "@shineuix/core/dist/components/sui-input-otp.js";
+import { SuiInputTags as SuiInputTagsElement, defineCustomElement as defineSuiInputTags } from "@shineuix/core/dist/components/sui-input-tags.js";
+import { SuiInputText as SuiInputTextElement, defineCustomElement as defineSuiInputText } from "@shineuix/core/dist/components/sui-input-text.js";
+import { SuiKbd as SuiKbdElement, defineCustomElement as defineSuiKbd } from "@shineuix/core/dist/components/sui-kbd.js";
+import { SuiKnob as SuiKnobElement, defineCustomElement as defineSuiKnob } from "@shineuix/core/dist/components/sui-knob.js";
+import { SuiList as SuiListElement, defineCustomElement as defineSuiList } from "@shineuix/core/dist/components/sui-list.js";
+import { SuiListbox as SuiListboxElement, defineCustomElement as defineSuiListbox } from "@shineuix/core/dist/components/sui-listbox.js";
+import { SuiMegaMenu as SuiMegaMenuElement, defineCustomElement as defineSuiMegaMenu } from "@shineuix/core/dist/components/sui-mega-menu.js";
+import { SuiMenu as SuiMenuElement, defineCustomElement as defineSuiMenu } from "@shineuix/core/dist/components/sui-menu.js";
+import { SuiMenubar as SuiMenubarElement, defineCustomElement as defineSuiMenubar } from "@shineuix/core/dist/components/sui-menubar.js";
+import { SuiMessage as SuiMessageElement, defineCustomElement as defineSuiMessage } from "@shineuix/core/dist/components/sui-message.js";
+import { SuiMeterGroup as SuiMeterGroupElement, defineCustomElement as defineSuiMeterGroup } from "@shineuix/core/dist/components/sui-meter-group.js";
+import { SuiMiniToolbar as SuiMiniToolbarElement, defineCustomElement as defineSuiMiniToolbar } from "@shineuix/core/dist/components/sui-mini-toolbar.js";
+import { SuiMultiSelect as SuiMultiSelectElement, defineCustomElement as defineSuiMultiSelect } from "@shineuix/core/dist/components/sui-multi-select.js";
+import { SuiNotificationCenter as SuiNotificationCenterElement, defineCustomElement as defineSuiNotificationCenter } from "@shineuix/core/dist/components/sui-notification-center.js";
+import { SuiOrderList as SuiOrderListElement, defineCustomElement as defineSuiOrderList } from "@shineuix/core/dist/components/sui-order-list.js";
+import { SuiOrgChart as SuiOrgChartElement, defineCustomElement as defineSuiOrgChart } from "@shineuix/core/dist/components/sui-org-chart.js";
+import { SuiOverlayBadge as SuiOverlayBadgeElement, defineCustomElement as defineSuiOverlayBadge } from "@shineuix/core/dist/components/sui-overlay-badge.js";
+import { SuiPageHeader as SuiPageHeaderElement, defineCustomElement as defineSuiPageHeader } from "@shineuix/core/dist/components/sui-page-header.js";
+import { SuiPaginator as SuiPaginatorElement, defineCustomElement as defineSuiPaginator } from "@shineuix/core/dist/components/sui-paginator.js";
+import { SuiPanelMenu as SuiPanelMenuElement, defineCustomElement as defineSuiPanelMenu } from "@shineuix/core/dist/components/sui-panel-menu.js";
+import { SuiPanel as SuiPanelElement, defineCustomElement as defineSuiPanel } from "@shineuix/core/dist/components/sui-panel.js";
+import { SuiPassword as SuiPasswordElement, defineCustomElement as defineSuiPassword } from "@shineuix/core/dist/components/sui-password.js";
+import { SuiPersona as SuiPersonaElement, defineCustomElement as defineSuiPersona } from "@shineuix/core/dist/components/sui-persona.js";
+import { SuiPickList as SuiPickListElement, defineCustomElement as defineSuiPickList } from "@shineuix/core/dist/components/sui-pick-list.js";
+import { SuiPopover as SuiPopoverElement, defineCustomElement as defineSuiPopover } from "@shineuix/core/dist/components/sui-popover.js";
+import { SuiProgressBar as SuiProgressBarElement, defineCustomElement as defineSuiProgressBar } from "@shineuix/core/dist/components/sui-progress-bar.js";
+import { SuiProgressRing as SuiProgressRingElement, defineCustomElement as defineSuiProgressRing } from "@shineuix/core/dist/components/sui-progress-ring.js";
+import { SuiProgressSpinner as SuiProgressSpinnerElement, defineCustomElement as defineSuiProgressSpinner } from "@shineuix/core/dist/components/sui-progress-spinner.js";
+import { SuiQrCode as SuiQrCodeElement, defineCustomElement as defineSuiQrCode } from "@shineuix/core/dist/components/sui-qr-code.js";
+import { SuiRadioButton as SuiRadioButtonElement, defineCustomElement as defineSuiRadioButton } from "@shineuix/core/dist/components/sui-radio-button.js";
+import { SuiRadioGroup as SuiRadioGroupElement, defineCustomElement as defineSuiRadioGroup } from "@shineuix/core/dist/components/sui-radio-group.js";
+import { SuiRating as SuiRatingElement, defineCustomElement as defineSuiRating } from "@shineuix/core/dist/components/sui-rating.js";
+import { SuiRichTextEditor as SuiRichTextEditorElement, defineCustomElement as defineSuiRichTextEditor } from "@shineuix/core/dist/components/sui-rich-text-editor.js";
+import { SuiSaveStatus as SuiSaveStatusElement, defineCustomElement as defineSuiSaveStatus } from "@shineuix/core/dist/components/sui-save-status.js";
+import { SuiSchedulerBuilder as SuiSchedulerBuilderElement, defineCustomElement as defineSuiSchedulerBuilder } from "@shineuix/core/dist/components/sui-scheduler-builder.js";
+import { SuiScrollPanel as SuiScrollPanelElement, defineCustomElement as defineSuiScrollPanel } from "@shineuix/core/dist/components/sui-scroll-panel.js";
+import { SuiScrollTop as SuiScrollTopElement, defineCustomElement as defineSuiScrollTop } from "@shineuix/core/dist/components/sui-scroll-top.js";
+import { SuiSelectButton as SuiSelectButtonElement, defineCustomElement as defineSuiSelectButton } from "@shineuix/core/dist/components/sui-select-button.js";
+import { SuiSelect as SuiSelectElement, defineCustomElement as defineSuiSelect } from "@shineuix/core/dist/components/sui-select.js";
+import { SuiSideNav as SuiSideNavElement, defineCustomElement as defineSuiSideNav } from "@shineuix/core/dist/components/sui-side-nav.js";
+import { SuiSkeletonCard as SuiSkeletonCardElement, defineCustomElement as defineSuiSkeletonCard } from "@shineuix/core/dist/components/sui-skeleton-card.js";
+import { SuiSkeleton as SuiSkeletonElement, defineCustomElement as defineSuiSkeleton } from "@shineuix/core/dist/components/sui-skeleton.js";
+import { SuiSlider as SuiSliderElement, defineCustomElement as defineSuiSlider } from "@shineuix/core/dist/components/sui-slider.js";
+import { SuiSparkline as SuiSparklineElement, defineCustomElement as defineSuiSparkline } from "@shineuix/core/dist/components/sui-sparkline.js";
+import { SuiSpeedDial as SuiSpeedDialElement, defineCustomElement as defineSuiSpeedDial } from "@shineuix/core/dist/components/sui-speed-dial.js";
+import { SuiSplitButton as SuiSplitButtonElement, defineCustomElement as defineSuiSplitButton } from "@shineuix/core/dist/components/sui-split-button.js";
+import { SuiSplitter as SuiSplitterElement, defineCustomElement as defineSuiSplitter } from "@shineuix/core/dist/components/sui-splitter.js";
+import { SuiSpoiler as SuiSpoilerElement, defineCustomElement as defineSuiSpoiler } from "@shineuix/core/dist/components/sui-spoiler.js";
+import { SuiStatCard as SuiStatCardElement, defineCustomElement as defineSuiStatCard } from "@shineuix/core/dist/components/sui-stat-card.js";
+import { SuiStepper as SuiStepperElement, defineCustomElement as defineSuiStepper } from "@shineuix/core/dist/components/sui-stepper.js";
+import { SuiTab as SuiTabElement, defineCustomElement as defineSuiTab } from "@shineuix/core/dist/components/sui-tab.js";
+import { SuiTabs as SuiTabsElement, defineCustomElement as defineSuiTabs } from "@shineuix/core/dist/components/sui-tabs.js";
+import { SuiTag as SuiTagElement, defineCustomElement as defineSuiTag } from "@shineuix/core/dist/components/sui-tag.js";
+import { SuiTerminal as SuiTerminalElement, defineCustomElement as defineSuiTerminal } from "@shineuix/core/dist/components/sui-terminal.js";
+import { SuiTextarea as SuiTextareaElement, defineCustomElement as defineSuiTextarea } from "@shineuix/core/dist/components/sui-textarea.js";
+import { SuiThemePicker as SuiThemePickerElement, defineCustomElement as defineSuiThemePicker } from "@shineuix/core/dist/components/sui-theme-picker.js";
+import { SuiTieredMenu as SuiTieredMenuElement, defineCustomElement as defineSuiTieredMenu } from "@shineuix/core/dist/components/sui-tiered-menu.js";
+import { SuiTimePicker as SuiTimePickerElement, defineCustomElement as defineSuiTimePicker } from "@shineuix/core/dist/components/sui-time-picker.js";
+import { SuiTimeline as SuiTimelineElement, defineCustomElement as defineSuiTimeline } from "@shineuix/core/dist/components/sui-timeline.js";
+import { SuiToastHost as SuiToastHostElement, defineCustomElement as defineSuiToastHost } from "@shineuix/core/dist/components/sui-toast-host.js";
+import { SuiToggleButton as SuiToggleButtonElement, defineCustomElement as defineSuiToggleButton } from "@shineuix/core/dist/components/sui-toggle-button.js";
+import { SuiToggleSwitch as SuiToggleSwitchElement, defineCustomElement as defineSuiToggleSwitch } from "@shineuix/core/dist/components/sui-toggle-switch.js";
+import { SuiToolbar as SuiToolbarElement, defineCustomElement as defineSuiToolbar } from "@shineuix/core/dist/components/sui-toolbar.js";
+import { SuiTooltip as SuiTooltipElement, defineCustomElement as defineSuiTooltip } from "@shineuix/core/dist/components/sui-tooltip.js";
+import { SuiTour as SuiTourElement, defineCustomElement as defineSuiTour } from "@shineuix/core/dist/components/sui-tour.js";
+import { SuiTreeSelect as SuiTreeSelectElement, defineCustomElement as defineSuiTreeSelect } from "@shineuix/core/dist/components/sui-tree-select.js";
+import { SuiTreeTable as SuiTreeTableElement, defineCustomElement as defineSuiTreeTable } from "@shineuix/core/dist/components/sui-tree-table.js";
+import { SuiTree as SuiTreeElement, defineCustomElement as defineSuiTree } from "@shineuix/core/dist/components/sui-tree.js";
+import { SuiTrend as SuiTrendElement, defineCustomElement as defineSuiTrend } from "@shineuix/core/dist/components/sui-trend.js";
+import { SuiVirtualScroller as SuiVirtualScrollerElement, defineCustomElement as defineSuiVirtualScroller } from "@shineuix/core/dist/components/sui-virtual-scroller.js";
+export const SuiAccordion = /*@__PURE__*/ createComponent({
+    tagName: 'sui-accordion',
+    elementClass: SuiAccordionElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onSuiExpandedChange: 'suiExpandedChange' },
+    defineCustomElement: defineSuiAccordion
+});
+export const SuiAccordionItem = /*@__PURE__*/ createComponent({
+    tagName: 'sui-accordion-item',
+    elementClass: SuiAccordionItemElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineSuiAccordionItem
+});
+export const SuiAnchor = /*@__PURE__*/ createComponent({
+    tagName: 'sui-anchor',
+    elementClass: SuiAnchorElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSuiNavigate: 'suiNavigate',
+        onSuiActiveChange: 'suiActiveChange'
+    },
+    defineCustomElement: defineSuiAnchor
+});
+export const SuiAutoComplete = /*@__PURE__*/ createComponent({
+    tagName: 'sui-auto-complete',
+    elementClass: SuiAutoCompleteElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSuiInput: 'suiInput',
+        onSuiSelect: 'suiSelect',
+        onSuiChange: 'suiChange',
+        onSuiSearch: 'suiSearch',
+        onSuiOpen: 'suiOpen',
+        onSuiFocus: 'suiFocus',
+        onSuiBlur: 'suiBlur',
+        onSuiClose: 'suiClose'
+    },
+    defineCustomElement: defineSuiAutoComplete
+});
+export const SuiAvatar = /*@__PURE__*/ createComponent({
+    tagName: 'sui-avatar',
+    elementClass: SuiAvatarElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineSuiAvatar
+});
+export const SuiAvatarGroup = /*@__PURE__*/ createComponent({
+    tagName: 'sui-avatar-group',
+    elementClass: SuiAvatarGroupElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineSuiAvatarGroup
+});
+export const SuiBadge = /*@__PURE__*/ createComponent({
+    tagName: 'sui-badge',
+    elementClass: SuiBadgeElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineSuiBadge
+});
+export const SuiBlockUi = /*@__PURE__*/ createComponent({
+    tagName: 'sui-block-ui',
+    elementClass: SuiBlockUiElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineSuiBlockUi
+});
+export const SuiBoard = /*@__PURE__*/ createComponent({
+    tagName: 'sui-board',
+    elementClass: SuiBoardElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSuiMove: 'suiMove',
+        onSuiCollapsedChange: 'suiCollapsedChange',
+        onSuiCardClick: 'suiCardClick'
+    },
+    defineCustomElement: defineSuiBoard
+});
+export const SuiBottomNav = /*@__PURE__*/ createComponent({
+    tagName: 'sui-bottom-nav',
+    elementClass: SuiBottomNavElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSuiNavigate: 'suiNavigate',
+        onSuiActiveChange: 'suiActiveChange'
+    },
+    defineCustomElement: defineSuiBottomNav
+});
+export const SuiBreadcrumb = /*@__PURE__*/ createComponent({
+    tagName: 'sui-breadcrumb',
+    elementClass: SuiBreadcrumbElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onSuiNavigate: 'suiNavigate' },
+    defineCustomElement: defineSuiBreadcrumb
+});
+export const SuiButton = /*@__PURE__*/ createComponent({
+    tagName: 'sui-button',
+    elementClass: SuiButtonElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineSuiButton
+});
+export const SuiButtonGroup = /*@__PURE__*/ createComponent({
+    tagName: 'sui-button-group',
+    elementClass: SuiButtonGroupElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSuiActiveChange: 'suiActiveChange',
+        onSuiPick: 'suiPick'
+    },
+    defineCustomElement: defineSuiButtonGroup
+});
+export const SuiCalendar = /*@__PURE__*/ createComponent({
+    tagName: 'sui-calendar',
+    elementClass: SuiCalendarElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSuiMove: 'suiMove',
+        onSuiDayClick: 'suiDayClick',
+        onSuiEventClick: 'suiEventClick',
+        onSuiDateChange: 'suiDateChange',
+        onSuiViewChange: 'suiViewChange',
+        onSuiOverflow: 'suiOverflow'
+    },
+    defineCustomElement: defineSuiCalendar
+});
+export const SuiCard = /*@__PURE__*/ createComponent({
+    tagName: 'sui-card',
+    elementClass: SuiCardElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineSuiCard
+});
+export const SuiCarousel = /*@__PURE__*/ createComponent({
+    tagName: 'sui-carousel',
+    elementClass: SuiCarouselElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onSuiIndexChange: 'suiIndexChange' },
+    defineCustomElement: defineSuiCarousel
+});
+export const SuiCascadeSelect = /*@__PURE__*/ createComponent({
+    tagName: 'sui-cascade-select',
+    elementClass: SuiCascadeSelectElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSuiChange: 'suiChange',
+        onSuiOpen: 'suiOpen',
+        onSuiOpenPathChange: 'suiOpenPathChange',
+        onSuiClose: 'suiClose'
+    },
+    defineCustomElement: defineSuiCascadeSelect
+});
+export const SuiChartBar = /*@__PURE__*/ createComponent({
+    tagName: 'sui-chart-bar',
+    elementClass: SuiChartBarElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onSuiHover: 'suiHover' },
+    defineCustomElement: defineSuiChartBar
+});
+export const SuiChartCandlestick = /*@__PURE__*/ createComponent({
+    tagName: 'sui-chart-candlestick',
+    elementClass: SuiChartCandlestickElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onSuiHover: 'suiHover' },
+    defineCustomElement: defineSuiChartCandlestick
+});
+export const SuiChartCombo = /*@__PURE__*/ createComponent({
+    tagName: 'sui-chart-combo',
+    elementClass: SuiChartComboElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onSuiHover: 'suiHover' },
+    defineCustomElement: defineSuiChartCombo
+});
+export const SuiChartGauge = /*@__PURE__*/ createComponent({
+    tagName: 'sui-chart-gauge',
+    elementClass: SuiChartGaugeElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineSuiChartGauge
+});
+export const SuiChartHeatmap = /*@__PURE__*/ createComponent({
+    tagName: 'sui-chart-heatmap',
+    elementClass: SuiChartHeatmapElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onSuiHover: 'suiHover' },
+    defineCustomElement: defineSuiChartHeatmap
+});
+export const SuiChartLine = /*@__PURE__*/ createComponent({
+    tagName: 'sui-chart-line',
+    elementClass: SuiChartLineElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onSuiHover: 'suiHover' },
+    defineCustomElement: defineSuiChartLine
+});
+export const SuiChartNavigator = /*@__PURE__*/ createComponent({
+    tagName: 'sui-chart-navigator',
+    elementClass: SuiChartNavigatorElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onSuiWindowChange: 'suiWindowChange' },
+    defineCustomElement: defineSuiChartNavigator
+});
+export const SuiChartPie = /*@__PURE__*/ createComponent({
+    tagName: 'sui-chart-pie',
+    elementClass: SuiChartPieElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onSuiHover: 'suiHover' },
+    defineCustomElement: defineSuiChartPie
+});
+export const SuiChartRadar = /*@__PURE__*/ createComponent({
+    tagName: 'sui-chart-radar',
+    elementClass: SuiChartRadarElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onSuiHover: 'suiHover' },
+    defineCustomElement: defineSuiChartRadar
+});
+export const SuiChartScatter = /*@__PURE__*/ createComponent({
+    tagName: 'sui-chart-scatter',
+    elementClass: SuiChartScatterElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onSuiHover: 'suiHover' },
+    defineCustomElement: defineSuiChartScatter
+});
+export const SuiChartSynced = /*@__PURE__*/ createComponent({
+    tagName: 'sui-chart-synced',
+    elementClass: SuiChartSyncedElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onSuiHover: 'suiHover' },
+    defineCustomElement: defineSuiChartSynced
+});
+export const SuiChartTreemap = /*@__PURE__*/ createComponent({
+    tagName: 'sui-chart-treemap',
+    elementClass: SuiChartTreemapElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onSuiHover: 'suiHover' },
+    defineCustomElement: defineSuiChartTreemap
+});
+export const SuiChartWaterfall = /*@__PURE__*/ createComponent({
+    tagName: 'sui-chart-waterfall',
+    elementClass: SuiChartWaterfallElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onSuiHover: 'suiHover' },
+    defineCustomElement: defineSuiChartWaterfall
+});
+export const SuiCheckbox = /*@__PURE__*/ createComponent({
+    tagName: 'sui-checkbox',
+    elementClass: SuiCheckboxElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onSuiChange: 'suiChange' },
+    defineCustomElement: defineSuiCheckbox
+});
+export const SuiCheckboxGroup = /*@__PURE__*/ createComponent({
+    tagName: 'sui-checkbox-group',
+    elementClass: SuiCheckboxGroupElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onSuiChange: 'suiChange' },
+    defineCustomElement: defineSuiCheckboxGroup
+});
+export const SuiChip = /*@__PURE__*/ createComponent({
+    tagName: 'sui-chip',
+    elementClass: SuiChipElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onSuiRemove: 'suiRemove' },
+    defineCustomElement: defineSuiChip
+});
+export const SuiChoiceCards = /*@__PURE__*/ createComponent({
+    tagName: 'sui-choice-cards',
+    elementClass: SuiChoiceCardsElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onSuiChange: 'suiChange' },
+    defineCustomElement: defineSuiChoiceCards
+});
+export const SuiCodeBlock = /*@__PURE__*/ createComponent({
+    tagName: 'sui-code-block',
+    elementClass: SuiCodeBlockElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSuiCopy: 'suiCopy',
+        onSuiCopyError: 'suiCopyError'
+    },
+    defineCustomElement: defineSuiCodeBlock
+});
+export const SuiColorEditor = /*@__PURE__*/ createComponent({
+    tagName: 'sui-color-editor',
+    elementClass: SuiColorEditorElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSuiInput: 'suiInput',
+        onSuiChange: 'suiChange'
+    },
+    defineCustomElement: defineSuiColorEditor
+});
+export const SuiColorPicker = /*@__PURE__*/ createComponent({
+    tagName: 'sui-color-picker',
+    elementClass: SuiColorPickerElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSuiChange: 'suiChange',
+        onSuiOpen: 'suiOpen',
+        onSuiClose: 'suiClose'
+    },
+    defineCustomElement: defineSuiColorPicker
+});
+export const SuiCommandPalette = /*@__PURE__*/ createComponent({
+    tagName: 'sui-command-palette',
+    elementClass: SuiCommandPaletteElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSuiClose: 'suiClose',
+        onSuiPick: 'suiPick',
+        onSuiQueryChange: 'suiQueryChange'
+    },
+    defineCustomElement: defineSuiCommandPalette
+});
+export const SuiConfigList = /*@__PURE__*/ createComponent({
+    tagName: 'sui-config-list',
+    elementClass: SuiConfigListElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineSuiConfigList
+});
+export const SuiConfigRow = /*@__PURE__*/ createComponent({
+    tagName: 'sui-config-row',
+    elementClass: SuiConfigRowElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineSuiConfigRow
+});
+export const SuiConfirmDialog = /*@__PURE__*/ createComponent({
+    tagName: 'sui-confirm-dialog',
+    elementClass: SuiConfirmDialogElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSuiConfirm: 'suiConfirm',
+        onSuiClose: 'suiClose'
+    },
+    defineCustomElement: defineSuiConfirmDialog
+});
+export const SuiConfirmPopup = /*@__PURE__*/ createComponent({
+    tagName: 'sui-confirm-popup',
+    elementClass: SuiConfirmPopupElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSuiOpen: 'suiOpen',
+        onSuiConfirm: 'suiConfirm',
+        onSuiClose: 'suiClose'
+    },
+    defineCustomElement: defineSuiConfirmPopup
+});
+export const SuiContextMenu = /*@__PURE__*/ createComponent({
+    tagName: 'sui-context-menu',
+    elementClass: SuiContextMenuElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSuiPick: 'suiPick',
+        onSuiOpen: 'suiOpen',
+        onSuiClose: 'suiClose'
+    },
+    defineCustomElement: defineSuiContextMenu
+});
+export const SuiCopyButton = /*@__PURE__*/ createComponent({
+    tagName: 'sui-copy-button',
+    elementClass: SuiCopyButtonElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSuiCopy: 'suiCopy',
+        onSuiCopyError: 'suiCopyError'
+    },
+    defineCustomElement: defineSuiCopyButton
+});
+export const SuiDataGrid = /*@__PURE__*/ createComponent({
+    tagName: 'sui-data-grid',
+    elementClass: SuiDataGridElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSuiViewport: 'suiViewport',
+        onSuiCellFocus: 'suiCellFocus',
+        onSuiCellActivate: 'suiCellActivate',
+        onSuiSort: 'suiSort',
+        onSuiRangeChange: 'suiRangeChange',
+        onSuiCellEdit: 'suiCellEdit',
+        onSuiSelectionChange: 'suiSelectionChange',
+        onSuiColumnLayoutChange: 'suiColumnLayoutChange',
+        onSuiFilter: 'suiFilter',
+        onSuiCellContextMenu: 'suiCellContextMenu',
+        onSuiCut: 'suiCut',
+        onSuiCopy: 'suiCopy',
+        onSuiCopyError: 'suiCopyError',
+        onSuiFill: 'suiFill',
+        onSuiPaste: 'suiPaste'
+    },
+    defineCustomElement: defineSuiDataGrid
+});
+export const SuiDataTable = /*@__PURE__*/ createComponent({
+    tagName: 'sui-data-table',
+    elementClass: SuiDataTableElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSuiSort: 'suiSort',
+        onSuiFilter: 'suiFilter',
+        onSuiSelectionChange: 'suiSelectionChange',
+        onSuiRowClick: 'suiRowClick',
+        onSuiRowContextMenu: 'suiRowContextMenu',
+        onSuiRowFocus: 'suiRowFocus',
+        onSuiExpandedRowsChange: 'suiExpandedRowsChange',
+        onSuiCellEdit: 'suiCellEdit',
+        onSuiPageChange: 'suiPageChange',
+        onSuiPageSizeChange: 'suiPageSizeChange',
+        onSuiColumnLayoutChange: 'suiColumnLayoutChange',
+        onSuiViewWidthChange: 'suiViewWidthChange'
+    },
+    defineCustomElement: defineSuiDataTable
+});
+export const SuiDataView = /*@__PURE__*/ createComponent({
+    tagName: 'sui-data-view',
+    elementClass: SuiDataViewElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSuiLayoutChange: 'suiLayoutChange',
+        onSuiPageChange: 'suiPageChange',
+        onSuiPageSizeChange: 'suiPageSizeChange'
+    },
+    defineCustomElement: defineSuiDataView
+});
+export const SuiDatePicker = /*@__PURE__*/ createComponent({
+    tagName: 'sui-date-picker',
+    elementClass: SuiDatePickerElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSuiChange: 'suiChange',
+        onSuiMonthChange: 'suiMonthChange',
+        onSuiOpen: 'suiOpen',
+        onSuiClose: 'suiClose'
+    },
+    defineCustomElement: defineSuiDatePicker
+});
+export const SuiDescriptionList = /*@__PURE__*/ createComponent({
+    tagName: 'sui-description-list',
+    elementClass: SuiDescriptionListElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSuiCopy: 'suiCopy',
+        onSuiCopyError: 'suiCopyError'
+    },
+    defineCustomElement: defineSuiDescriptionList
+});
+export const SuiDialog = /*@__PURE__*/ createComponent({
+    tagName: 'sui-dialog',
+    elementClass: SuiDialogElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSuiClose: 'suiClose',
+        onSuiMaximizedChange: 'suiMaximizedChange'
+    },
+    defineCustomElement: defineSuiDialog
+});
+export const SuiDivider = /*@__PURE__*/ createComponent({
+    tagName: 'sui-divider',
+    elementClass: SuiDividerElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineSuiDivider
+});
+export const SuiDock = /*@__PURE__*/ createComponent({
+    tagName: 'sui-dock',
+    elementClass: SuiDockElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSuiNavigate: 'suiNavigate',
+        onSuiActiveChange: 'suiActiveChange',
+        onSuiOpen: 'suiOpen',
+        onSuiClose: 'suiClose'
+    },
+    defineCustomElement: defineSuiDock
+});
+export const SuiDrawer = /*@__PURE__*/ createComponent({
+    tagName: 'sui-drawer',
+    elementClass: SuiDrawerElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onSuiClose: 'suiClose' },
+    defineCustomElement: defineSuiDrawer
+});
+export const SuiEditBox = /*@__PURE__*/ createComponent({
+    tagName: 'sui-edit-box',
+    elementClass: SuiEditBoxElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSuiSave: 'suiSave',
+        onSuiCancel: 'suiCancel'
+    },
+    defineCustomElement: defineSuiEditBox
+});
+export const SuiEmptyState = /*@__PURE__*/ createComponent({
+    tagName: 'sui-empty-state',
+    elementClass: SuiEmptyStateElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineSuiEmptyState
+});
+export const SuiFieldset = /*@__PURE__*/ createComponent({
+    tagName: 'sui-fieldset',
+    elementClass: SuiFieldsetElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSuiOpen: 'suiOpen',
+        onSuiClose: 'suiClose'
+    },
+    defineCustomElement: defineSuiFieldset
+});
+export const SuiFileUpload = /*@__PURE__*/ createComponent({
+    tagName: 'sui-file-upload',
+    elementClass: SuiFileUploadElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSuiSelect: 'suiSelect',
+        onSuiRemove: 'suiRemove',
+        onSuiReject: 'suiReject',
+        onSuiBeforeUpload: 'suiBeforeUpload',
+        onSuiProgress: 'suiProgress',
+        onSuiUpload: 'suiUpload',
+        onSuiUploadError: 'suiUploadError'
+    },
+    defineCustomElement: defineSuiFileUpload
+});
+export const SuiFilterBuilder = /*@__PURE__*/ createComponent({
+    tagName: 'sui-filter-builder',
+    elementClass: SuiFilterBuilderElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSuiChange: 'suiChange',
+        onSuiOpen: 'suiOpen',
+        onSuiClose: 'suiClose'
+    },
+    defineCustomElement: defineSuiFilterBuilder
+});
+export const SuiFilterPanel = /*@__PURE__*/ createComponent({
+    tagName: 'sui-filter-panel',
+    elementClass: SuiFilterPanelElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSuiApply: 'suiApply',
+        onSuiChange: 'suiChange',
+        onSuiOpen: 'suiOpen',
+        onSuiClose: 'suiClose'
+    },
+    defineCustomElement: defineSuiFilterPanel
+});
+export const SuiFloatLabel = /*@__PURE__*/ createComponent({
+    tagName: 'sui-float-label',
+    elementClass: SuiFloatLabelElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSuiInput: 'suiInput',
+        onSuiChange: 'suiChange',
+        onSuiFocus: 'suiFocus',
+        onSuiBlur: 'suiBlur'
+    },
+    defineCustomElement: defineSuiFloatLabel
+});
+export const SuiFluid = /*@__PURE__*/ createComponent({
+    tagName: 'sui-fluid',
+    elementClass: SuiFluidElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineSuiFluid
+});
+export const SuiForm = /*@__PURE__*/ createComponent({
+    tagName: 'sui-form',
+    elementClass: SuiFormElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSuiSubmit: 'suiSubmit',
+        onSuiInvalid: 'suiInvalid'
+    },
+    defineCustomElement: defineSuiForm
+});
+export const SuiFormActions = /*@__PURE__*/ createComponent({
+    tagName: 'sui-form-actions',
+    elementClass: SuiFormActionsElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSuiPrimary: 'suiPrimary',
+        onSuiSecondary: 'suiSecondary'
+    },
+    defineCustomElement: defineSuiFormActions
+});
+export const SuiFormLayout = /*@__PURE__*/ createComponent({
+    tagName: 'sui-form-layout',
+    elementClass: SuiFormLayoutElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineSuiFormLayout
+});
+export const SuiGalleria = /*@__PURE__*/ createComponent({
+    tagName: 'sui-galleria',
+    elementClass: SuiGalleriaElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSuiIndexChange: 'suiIndexChange',
+        onSuiOpen: 'suiOpen',
+        onSuiClose: 'suiClose',
+        onSuiError: 'suiError'
+    },
+    defineCustomElement: defineSuiGalleria
+});
+export const SuiIconButton = /*@__PURE__*/ createComponent({
+    tagName: 'sui-icon-button',
+    elementClass: SuiIconButtonElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineSuiIconButton
+});
+export const SuiIconField = /*@__PURE__*/ createComponent({
+    tagName: 'sui-icon-field',
+    elementClass: SuiIconFieldElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSuiInput: 'suiInput',
+        onSuiChange: 'suiChange',
+        onSuiClear: 'suiClear',
+        onSuiFocus: 'suiFocus',
+        onSuiBlur: 'suiBlur'
+    },
+    defineCustomElement: defineSuiIconField
+});
+export const SuiIftaLabel = /*@__PURE__*/ createComponent({
+    tagName: 'sui-ifta-label',
+    elementClass: SuiIftaLabelElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSuiInput: 'suiInput',
+        onSuiChange: 'suiChange',
+        onSuiFocus: 'suiFocus',
+        onSuiBlur: 'suiBlur'
+    },
+    defineCustomElement: defineSuiIftaLabel
+});
+export const SuiImage = /*@__PURE__*/ createComponent({
+    tagName: 'sui-image',
+    elementClass: SuiImageElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSuiOpen: 'suiOpen',
+        onSuiClose: 'suiClose',
+        onSuiError: 'suiError'
+    },
+    defineCustomElement: defineSuiImage
+});
+export const SuiImageCompare = /*@__PURE__*/ createComponent({
+    tagName: 'sui-image-compare',
+    elementClass: SuiImageCompareElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSuiResize: 'suiResize',
+        onSuiResizeEnd: 'suiResizeEnd',
+        onSuiError: 'suiError'
+    },
+    defineCustomElement: defineSuiImageCompare
+});
+export const SuiInplace = /*@__PURE__*/ createComponent({
+    tagName: 'sui-inplace',
+    elementClass: SuiInplaceElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSuiInput: 'suiInput',
+        onSuiSave: 'suiSave',
+        onSuiOpen: 'suiOpen',
+        onSuiClose: 'suiClose'
+    },
+    defineCustomElement: defineSuiInplace
+});
+export const SuiInputGroup = /*@__PURE__*/ createComponent({
+    tagName: 'sui-input-group',
+    elementClass: SuiInputGroupElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSuiFocus: 'suiFocus',
+        onSuiBlur: 'suiBlur'
+    },
+    defineCustomElement: defineSuiInputGroup
+});
+export const SuiInputGroupAddon = /*@__PURE__*/ createComponent({
+    tagName: 'sui-input-group-addon',
+    elementClass: SuiInputGroupAddonElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineSuiInputGroupAddon
+});
+export const SuiInputMask = /*@__PURE__*/ createComponent({
+    tagName: 'sui-input-mask',
+    elementClass: SuiInputMaskElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSuiInput: 'suiInput',
+        onSuiChange: 'suiChange',
+        onSuiComplete: 'suiComplete',
+        onSuiFocus: 'suiFocus',
+        onSuiBlur: 'suiBlur'
+    },
+    defineCustomElement: defineSuiInputMask
+});
+export const SuiInputNumber = /*@__PURE__*/ createComponent({
+    tagName: 'sui-input-number',
+    elementClass: SuiInputNumberElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSuiChange: 'suiChange',
+        onSuiInput: 'suiInput',
+        onSuiFocus: 'suiFocus',
+        onSuiBlur: 'suiBlur'
+    },
+    defineCustomElement: defineSuiInputNumber
+});
+export const SuiInputOtp = /*@__PURE__*/ createComponent({
+    tagName: 'sui-input-otp',
+    elementClass: SuiInputOtpElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSuiInput: 'suiInput',
+        onSuiChange: 'suiChange',
+        onSuiComplete: 'suiComplete',
+        onSuiFocus: 'suiFocus',
+        onSuiBlur: 'suiBlur'
+    },
+    defineCustomElement: defineSuiInputOtp
+});
+export const SuiInputTags = /*@__PURE__*/ createComponent({
+    tagName: 'sui-input-tags',
+    elementClass: SuiInputTagsElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSuiChange: 'suiChange',
+        onSuiInput: 'suiInput',
+        onSuiFocus: 'suiFocus',
+        onSuiBlur: 'suiBlur'
+    },
+    defineCustomElement: defineSuiInputTags
+});
+export const SuiInputText = /*@__PURE__*/ createComponent({
+    tagName: 'sui-input-text',
+    elementClass: SuiInputTextElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSuiInput: 'suiInput',
+        onSuiChange: 'suiChange',
+        onSuiFocus: 'suiFocus',
+        onSuiBlur: 'suiBlur'
+    },
+    defineCustomElement: defineSuiInputText
+});
+export const SuiKbd = /*@__PURE__*/ createComponent({
+    tagName: 'sui-kbd',
+    elementClass: SuiKbdElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineSuiKbd
+});
+export const SuiKnob = /*@__PURE__*/ createComponent({
+    tagName: 'sui-knob',
+    elementClass: SuiKnobElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSuiInput: 'suiInput',
+        onSuiChange: 'suiChange'
+    },
+    defineCustomElement: defineSuiKnob
+});
+export const SuiList = /*@__PURE__*/ createComponent({
+    tagName: 'sui-list',
+    elementClass: SuiListElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSuiItemPick: 'suiItemPick',
+        onSuiSelectionChange: 'suiSelectionChange'
+    },
+    defineCustomElement: defineSuiList
+});
+export const SuiListbox = /*@__PURE__*/ createComponent({
+    tagName: 'sui-listbox',
+    elementClass: SuiListboxElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onSuiChange: 'suiChange' },
+    defineCustomElement: defineSuiListbox
+});
+export const SuiMegaMenu = /*@__PURE__*/ createComponent({
+    tagName: 'sui-mega-menu',
+    elementClass: SuiMegaMenuElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSuiPick: 'suiPick',
+        onSuiOpen: 'suiOpen',
+        onSuiClose: 'suiClose'
+    },
+    defineCustomElement: defineSuiMegaMenu
+});
+export const SuiMenu = /*@__PURE__*/ createComponent({
+    tagName: 'sui-menu',
+    elementClass: SuiMenuElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onSuiPick: 'suiPick' },
+    defineCustomElement: defineSuiMenu
+});
+export const SuiMenubar = /*@__PURE__*/ createComponent({
+    tagName: 'sui-menubar',
+    elementClass: SuiMenubarElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSuiPick: 'suiPick',
+        onSuiOpen: 'suiOpen',
+        onSuiClose: 'suiClose'
+    },
+    defineCustomElement: defineSuiMenubar
+});
+export const SuiMessage = /*@__PURE__*/ createComponent({
+    tagName: 'sui-message',
+    elementClass: SuiMessageElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onSuiClose: 'suiClose' },
+    defineCustomElement: defineSuiMessage
+});
+export const SuiMeterGroup = /*@__PURE__*/ createComponent({
+    tagName: 'sui-meter-group',
+    elementClass: SuiMeterGroupElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineSuiMeterGroup
+});
+export const SuiMiniToolbar = /*@__PURE__*/ createComponent({
+    tagName: 'sui-mini-toolbar',
+    elementClass: SuiMiniToolbarElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineSuiMiniToolbar
+});
+export const SuiMultiSelect = /*@__PURE__*/ createComponent({
+    tagName: 'sui-multi-select',
+    elementClass: SuiMultiSelectElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSuiChange: 'suiChange',
+        onSuiOpen: 'suiOpen',
+        onSuiClose: 'suiClose'
+    },
+    defineCustomElement: defineSuiMultiSelect
+});
+export const SuiNotificationCenter = /*@__PURE__*/ createComponent({
+    tagName: 'sui-notification-center',
+    elementClass: SuiNotificationCenterElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSuiViewAll: 'suiViewAll',
+        onSuiItemPick: 'suiItemPick',
+        onSuiRead: 'suiRead',
+        onSuiRemove: 'suiRemove',
+        onSuiOpen: 'suiOpen',
+        onSuiClose: 'suiClose'
+    },
+    defineCustomElement: defineSuiNotificationCenter
+});
+export const SuiOrderList = /*@__PURE__*/ createComponent({
+    tagName: 'sui-order-list',
+    elementClass: SuiOrderListElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSuiItemsChange: 'suiItemsChange',
+        onSuiSelectionChange: 'suiSelectionChange'
+    },
+    defineCustomElement: defineSuiOrderList
+});
+export const SuiOrgChart = /*@__PURE__*/ createComponent({
+    tagName: 'sui-org-chart',
+    elementClass: SuiOrgChartElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSuiExpandedChange: 'suiExpandedChange',
+        onSuiSelectionChange: 'suiSelectionChange'
+    },
+    defineCustomElement: defineSuiOrgChart
+});
+export const SuiOverlayBadge = /*@__PURE__*/ createComponent({
+    tagName: 'sui-overlay-badge',
+    elementClass: SuiOverlayBadgeElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineSuiOverlayBadge
+});
+export const SuiPageHeader = /*@__PURE__*/ createComponent({
+    tagName: 'sui-page-header',
+    elementClass: SuiPageHeaderElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onSuiBack: 'suiBack' },
+    defineCustomElement: defineSuiPageHeader
+});
+export const SuiPaginator = /*@__PURE__*/ createComponent({
+    tagName: 'sui-paginator',
+    elementClass: SuiPaginatorElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSuiPageChange: 'suiPageChange',
+        onSuiPageSizeChange: 'suiPageSizeChange'
+    },
+    defineCustomElement: defineSuiPaginator
+});
+export const SuiPanel = /*@__PURE__*/ createComponent({
+    tagName: 'sui-panel',
+    elementClass: SuiPanelElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSuiOpen: 'suiOpen',
+        onSuiClose: 'suiClose'
+    },
+    defineCustomElement: defineSuiPanel
+});
+export const SuiPanelMenu = /*@__PURE__*/ createComponent({
+    tagName: 'sui-panel-menu',
+    elementClass: SuiPanelMenuElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSuiExpandedChange: 'suiExpandedChange',
+        onSuiPick: 'suiPick'
+    },
+    defineCustomElement: defineSuiPanelMenu
+});
+export const SuiPassword = /*@__PURE__*/ createComponent({
+    tagName: 'sui-password',
+    elementClass: SuiPasswordElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSuiInput: 'suiInput',
+        onSuiChange: 'suiChange',
+        onSuiFocus: 'suiFocus',
+        onSuiBlur: 'suiBlur'
+    },
+    defineCustomElement: defineSuiPassword
+});
+export const SuiPersona = /*@__PURE__*/ createComponent({
+    tagName: 'sui-persona',
+    elementClass: SuiPersonaElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineSuiPersona
+});
+export const SuiPickList = /*@__PURE__*/ createComponent({
+    tagName: 'sui-pick-list',
+    elementClass: SuiPickListElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSuiSourceChange: 'suiSourceChange',
+        onSuiTargetChange: 'suiTargetChange',
+        onSuiSelectionChange: 'suiSelectionChange'
+    },
+    defineCustomElement: defineSuiPickList
+});
+export const SuiPopover = /*@__PURE__*/ createComponent({
+    tagName: 'sui-popover',
+    elementClass: SuiPopoverElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSuiOpen: 'suiOpen',
+        onSuiClose: 'suiClose'
+    },
+    defineCustomElement: defineSuiPopover
+});
+export const SuiProgressBar = /*@__PURE__*/ createComponent({
+    tagName: 'sui-progress-bar',
+    elementClass: SuiProgressBarElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineSuiProgressBar
+});
+export const SuiProgressRing = /*@__PURE__*/ createComponent({
+    tagName: 'sui-progress-ring',
+    elementClass: SuiProgressRingElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineSuiProgressRing
+});
+export const SuiProgressSpinner = /*@__PURE__*/ createComponent({
+    tagName: 'sui-progress-spinner',
+    elementClass: SuiProgressSpinnerElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineSuiProgressSpinner
+});
+export const SuiQrCode = /*@__PURE__*/ createComponent({
+    tagName: 'sui-qr-code',
+    elementClass: SuiQrCodeElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onSuiRender: 'suiRender' },
+    defineCustomElement: defineSuiQrCode
+});
+export const SuiRadioButton = /*@__PURE__*/ createComponent({
+    tagName: 'sui-radio-button',
+    elementClass: SuiRadioButtonElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onSuiChange: 'suiChange' },
+    defineCustomElement: defineSuiRadioButton
+});
+export const SuiRadioGroup = /*@__PURE__*/ createComponent({
+    tagName: 'sui-radio-group',
+    elementClass: SuiRadioGroupElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onSuiChange: 'suiChange' },
+    defineCustomElement: defineSuiRadioGroup
+});
+export const SuiRating = /*@__PURE__*/ createComponent({
+    tagName: 'sui-rating',
+    elementClass: SuiRatingElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onSuiChange: 'suiChange' },
+    defineCustomElement: defineSuiRating
+});
+export const SuiRichTextEditor = /*@__PURE__*/ createComponent({
+    tagName: 'sui-rich-text-editor',
+    elementClass: SuiRichTextEditorElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSuiChange: 'suiChange',
+        onSuiSelection: 'suiSelection'
+    },
+    defineCustomElement: defineSuiRichTextEditor
+});
+export const SuiSaveStatus = /*@__PURE__*/ createComponent({
+    tagName: 'sui-save-status',
+    elementClass: SuiSaveStatusElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineSuiSaveStatus
+});
+export const SuiSchedulerBuilder = /*@__PURE__*/ createComponent({
+    tagName: 'sui-scheduler-builder',
+    elementClass: SuiSchedulerBuilderElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onSuiChange: 'suiChange' },
+    defineCustomElement: defineSuiSchedulerBuilder
+});
+export const SuiScrollPanel = /*@__PURE__*/ createComponent({
+    tagName: 'sui-scroll-panel',
+    elementClass: SuiScrollPanelElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineSuiScrollPanel
+});
+export const SuiScrollTop = /*@__PURE__*/ createComponent({
+    tagName: 'sui-scroll-top',
+    elementClass: SuiScrollTopElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onSuiVisibleChange: 'suiVisibleChange' },
+    defineCustomElement: defineSuiScrollTop
+});
+export const SuiSelect = /*@__PURE__*/ createComponent({
+    tagName: 'sui-select',
+    elementClass: SuiSelectElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSuiChange: 'suiChange',
+        onSuiOpen: 'suiOpen',
+        onSuiClose: 'suiClose'
+    },
+    defineCustomElement: defineSuiSelect
+});
+export const SuiSelectButton = /*@__PURE__*/ createComponent({
+    tagName: 'sui-select-button',
+    elementClass: SuiSelectButtonElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onSuiChange: 'suiChange' },
+    defineCustomElement: defineSuiSelectButton
+});
+export const SuiSideNav = /*@__PURE__*/ createComponent({
+    tagName: 'sui-side-nav',
+    elementClass: SuiSideNavElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSuiNavigate: 'suiNavigate',
+        onSuiActiveChange: 'suiActiveChange',
+        onSuiExpandedChange: 'suiExpandedChange',
+        onSuiOpen: 'suiOpen',
+        onSuiClose: 'suiClose'
+    },
+    defineCustomElement: defineSuiSideNav
+});
+export const SuiSkeleton = /*@__PURE__*/ createComponent({
+    tagName: 'sui-skeleton',
+    elementClass: SuiSkeletonElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineSuiSkeleton
+});
+export const SuiSkeletonCard = /*@__PURE__*/ createComponent({
+    tagName: 'sui-skeleton-card',
+    elementClass: SuiSkeletonCardElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineSuiSkeletonCard
+});
+export const SuiSlider = /*@__PURE__*/ createComponent({
+    tagName: 'sui-slider',
+    elementClass: SuiSliderElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSuiInput: 'suiInput',
+        onSuiChange: 'suiChange'
+    },
+    defineCustomElement: defineSuiSlider
+});
+export const SuiSparkline = /*@__PURE__*/ createComponent({
+    tagName: 'sui-sparkline',
+    elementClass: SuiSparklineElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineSuiSparkline
+});
+export const SuiSpeedDial = /*@__PURE__*/ createComponent({
+    tagName: 'sui-speed-dial',
+    elementClass: SuiSpeedDialElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSuiOpen: 'suiOpen',
+        onSuiClose: 'suiClose',
+        onSuiPick: 'suiPick'
+    },
+    defineCustomElement: defineSuiSpeedDial
+});
+export const SuiSplitButton = /*@__PURE__*/ createComponent({
+    tagName: 'sui-split-button',
+    elementClass: SuiSplitButtonElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSuiPick: 'suiPick',
+        onSuiOpen: 'suiOpen',
+        onSuiClose: 'suiClose'
+    },
+    defineCustomElement: defineSuiSplitButton
+});
+export const SuiSplitter = /*@__PURE__*/ createComponent({
+    tagName: 'sui-splitter',
+    elementClass: SuiSplitterElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSuiResize: 'suiResize',
+        onSuiResizeEnd: 'suiResizeEnd'
+    },
+    defineCustomElement: defineSuiSplitter
+});
+export const SuiSpoiler = /*@__PURE__*/ createComponent({
+    tagName: 'sui-spoiler',
+    elementClass: SuiSpoilerElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSuiOpen: 'suiOpen',
+        onSuiClose: 'suiClose'
+    },
+    defineCustomElement: defineSuiSpoiler
+});
+export const SuiStatCard = /*@__PURE__*/ createComponent({
+    tagName: 'sui-stat-card',
+    elementClass: SuiStatCardElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onSuiLink: 'suiLink' },
+    defineCustomElement: defineSuiStatCard
+});
+export const SuiStepper = /*@__PURE__*/ createComponent({
+    tagName: 'sui-stepper',
+    elementClass: SuiStepperElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onSuiActiveChange: 'suiActiveChange' },
+    defineCustomElement: defineSuiStepper
+});
+export const SuiTab = /*@__PURE__*/ createComponent({
+    tagName: 'sui-tab',
+    elementClass: SuiTabElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineSuiTab
+});
+export const SuiTabs = /*@__PURE__*/ createComponent({
+    tagName: 'sui-tabs',
+    elementClass: SuiTabsElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onSuiActiveChange: 'suiActiveChange' },
+    defineCustomElement: defineSuiTabs
+});
+export const SuiTag = /*@__PURE__*/ createComponent({
+    tagName: 'sui-tag',
+    elementClass: SuiTagElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineSuiTag
+});
+export const SuiTerminal = /*@__PURE__*/ createComponent({
+    tagName: 'sui-terminal',
+    elementClass: SuiTerminalElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onSuiCommand: 'suiCommand' },
+    defineCustomElement: defineSuiTerminal
+});
+export const SuiTextarea = /*@__PURE__*/ createComponent({
+    tagName: 'sui-textarea',
+    elementClass: SuiTextareaElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSuiInput: 'suiInput',
+        onSuiChange: 'suiChange',
+        onSuiFocus: 'suiFocus',
+        onSuiBlur: 'suiBlur'
+    },
+    defineCustomElement: defineSuiTextarea
+});
+export const SuiThemePicker = /*@__PURE__*/ createComponent({
+    tagName: 'sui-theme-picker',
+    elementClass: SuiThemePickerElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onSuiThemeChange: 'suiThemeChange' },
+    defineCustomElement: defineSuiThemePicker
+});
+export const SuiTieredMenu = /*@__PURE__*/ createComponent({
+    tagName: 'sui-tiered-menu',
+    elementClass: SuiTieredMenuElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSuiPick: 'suiPick',
+        onSuiOpenPathChange: 'suiOpenPathChange'
+    },
+    defineCustomElement: defineSuiTieredMenu
+});
+export const SuiTimePicker = /*@__PURE__*/ createComponent({
+    tagName: 'sui-time-picker',
+    elementClass: SuiTimePickerElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSuiChange: 'suiChange',
+        onSuiOpen: 'suiOpen',
+        onSuiClose: 'suiClose'
+    },
+    defineCustomElement: defineSuiTimePicker
+});
+export const SuiTimeline = /*@__PURE__*/ createComponent({
+    tagName: 'sui-timeline',
+    elementClass: SuiTimelineElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineSuiTimeline
+});
+export const SuiToastHost = /*@__PURE__*/ createComponent({
+    tagName: 'sui-toast-host',
+    elementClass: SuiToastHostElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSuiRemove: 'suiRemove',
+        onSuiAction: 'suiAction'
+    },
+    defineCustomElement: defineSuiToastHost
+});
+export const SuiToggleButton = /*@__PURE__*/ createComponent({
+    tagName: 'sui-toggle-button',
+    elementClass: SuiToggleButtonElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onSuiChange: 'suiChange' },
+    defineCustomElement: defineSuiToggleButton
+});
+export const SuiToggleSwitch = /*@__PURE__*/ createComponent({
+    tagName: 'sui-toggle-switch',
+    elementClass: SuiToggleSwitchElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onSuiChange: 'suiChange' },
+    defineCustomElement: defineSuiToggleSwitch
+});
+export const SuiToolbar = /*@__PURE__*/ createComponent({
+    tagName: 'sui-toolbar',
+    elementClass: SuiToolbarElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineSuiToolbar
+});
+export const SuiTooltip = /*@__PURE__*/ createComponent({
+    tagName: 'sui-tooltip',
+    elementClass: SuiTooltipElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onSuiClose: 'suiClose' },
+    defineCustomElement: defineSuiTooltip
+});
+export const SuiTour = /*@__PURE__*/ createComponent({
+    tagName: 'sui-tour',
+    elementClass: SuiTourElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSuiClose: 'suiClose',
+        onSuiStepChange: 'suiStepChange'
+    },
+    defineCustomElement: defineSuiTour
+});
+export const SuiTree = /*@__PURE__*/ createComponent({
+    tagName: 'sui-tree',
+    elementClass: SuiTreeElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSuiExpandedChange: 'suiExpandedChange',
+        onSuiSelectionChange: 'suiSelectionChange',
+        onSuiLoad: 'suiLoad',
+        onSuiNodesChange: 'suiNodesChange'
+    },
+    defineCustomElement: defineSuiTree
+});
+export const SuiTreeSelect = /*@__PURE__*/ createComponent({
+    tagName: 'sui-tree-select',
+    elementClass: SuiTreeSelectElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSuiChange: 'suiChange',
+        onSuiExpandedChange: 'suiExpandedChange',
+        onSuiOpen: 'suiOpen',
+        onSuiClose: 'suiClose'
+    },
+    defineCustomElement: defineSuiTreeSelect
+});
+export const SuiTreeTable = /*@__PURE__*/ createComponent({
+    tagName: 'sui-tree-table',
+    elementClass: SuiTreeTableElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSuiExpandedChange: 'suiExpandedChange',
+        onSuiSelectionChange: 'suiSelectionChange',
+        onSuiLoad: 'suiLoad',
+        onSuiSort: 'suiSort',
+        onSuiFilter: 'suiFilter'
+    },
+    defineCustomElement: defineSuiTreeTable
+});
+export const SuiTrend = /*@__PURE__*/ createComponent({
+    tagName: 'sui-trend',
+    elementClass: SuiTrendElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineSuiTrend
+});
+export const SuiVirtualScroller = /*@__PURE__*/ createComponent({
+    tagName: 'sui-virtual-scroller',
+    elementClass: SuiVirtualScrollerElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onSuiRange: 'suiRange' },
+    defineCustomElement: defineSuiVirtualScroller
+});