@watermarkinsights/ripple-react 5.13.1-alpha.3 → 5.13.1-alpha.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@watermarkinsights/ripple-react",
-  "version": "5.13.1-alpha.3",
+  "version": "5.13.1-alpha.4",
   "description": "React wrappers for Ripple Component Library",
   "main": "dist/components.js",
   "module": "dist/components.js",
@@ -11,14 +11,15 @@
     "tsc": "tsc -p . --outDir ./dist"
   },
   "files": [
-    "dist"
+    "dist",
+    "src"
   ],
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
-    "@stencil/react-output-target": "^1.0.3",
-    "@watermarkinsights/ripple": "^5.13.1-alpha.3"
+    "@stencil/react-output-target": "^1.1.0",
+    "@watermarkinsights/ripple": "*"
   },
-  "gitHead": "486db17ac0186bcbc5f3acb7f1ce6564c2b51d26"
+  "gitHead": "27457e10673cc753bf326571c4ff4d1144824957"
 }

package/src/components/stencil-generated/components.ts

@@ -0,0 +1,795 @@
+'use client';
+
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+
+/* eslint-disable */
+
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import { type PrivCalendarCustomEvent, type PrivChartPopoverCustomEvent, type PrivNavigatorItemCustomEvent, type PrivOptionListCustomEvent, type WmMenuitemCustomEvent, type WmOptionCustomEvent, type WmSnackbarCustomEvent, type WmTabItemCustomEvent, type WmUploaderCustomEvent } from "@watermarkinsights/ripple";
+import { PrivCalendar as PrivCalendarElement, defineCustomElement as definePrivCalendar } from "@watermarkinsights/ripple/dist/components/priv-calendar.js";
+import { PrivChartPopover as PrivChartPopoverElement, defineCustomElement as definePrivChartPopover } from "@watermarkinsights/ripple/dist/components/priv-chart-popover.js";
+import { PrivNavigatorButton as PrivNavigatorButtonElement, defineCustomElement as definePrivNavigatorButton } from "@watermarkinsights/ripple/dist/components/priv-navigator-button.js";
+import { PrivNavigatorItem as PrivNavigatorItemElement, defineCustomElement as definePrivNavigatorItem } from "@watermarkinsights/ripple/dist/components/priv-navigator-item.js";
+import { PrivOptionList as PrivOptionListElement, defineCustomElement as definePrivOptionList } from "@watermarkinsights/ripple/dist/components/priv-option-list.js";
+import { WmActionMenu as WmActionMenuElement, defineCustomElement as defineWmActionMenu } from "@watermarkinsights/ripple/dist/components/wm-action-menu.js";
+import { WmButton as WmButtonElement, defineCustomElement as defineWmButton } from "@watermarkinsights/ripple/dist/components/wm-button.js";
+import { WmChartSlice as WmChartSliceElement, defineCustomElement as defineWmChartSlice } from "@watermarkinsights/ripple/dist/components/wm-chart-slice.js";
+import { WmChart as WmChartElement, defineCustomElement as defineWmChart } from "@watermarkinsights/ripple/dist/components/wm-chart.js";
+import { WmDateRange as WmDateRangeElement, defineCustomElement as defineWmDateRange } from "@watermarkinsights/ripple/dist/components/wm-date-range.js";
+import { WmDatepicker as WmDatepickerElement, defineCustomElement as defineWmDatepicker } from "@watermarkinsights/ripple/dist/components/wm-datepicker.js";
+import { WmFileList as WmFileListElement, defineCustomElement as defineWmFileList } from "@watermarkinsights/ripple/dist/components/wm-file-list.js";
+import { WmFile as WmFileElement, defineCustomElement as defineWmFile } from "@watermarkinsights/ripple/dist/components/wm-file.js";
+import { WmFlyout as WmFlyoutElement, defineCustomElement as defineWmFlyout } from "@watermarkinsights/ripple/dist/components/wm-flyout.js";
+import { WmInput as WmInputElement, defineCustomElement as defineWmInput } from "@watermarkinsights/ripple/dist/components/wm-input.js";
+import { WmLineChart as WmLineChartElement, defineCustomElement as defineWmLineChart } from "@watermarkinsights/ripple/dist/components/wm-line-chart.js";
+import { WmMenuitem as WmMenuitemElement, defineCustomElement as defineWmMenuitem } from "@watermarkinsights/ripple/dist/components/wm-menuitem.js";
+import { WmModalFooter as WmModalFooterElement, defineCustomElement as defineWmModalFooter } from "@watermarkinsights/ripple/dist/components/wm-modal-footer.js";
+import { WmModalHeader as WmModalHeaderElement, defineCustomElement as defineWmModalHeader } from "@watermarkinsights/ripple/dist/components/wm-modal-header.js";
+import { WmModalPssFooter as WmModalPssFooterElement, defineCustomElement as defineWmModalPssFooter } from "@watermarkinsights/ripple/dist/components/wm-modal-pss-footer.js";
+import { WmModalPssHeader as WmModalPssHeaderElement, defineCustomElement as defineWmModalPssHeader } from "@watermarkinsights/ripple/dist/components/wm-modal-pss-header.js";
+import { WmModalPss as WmModalPssElement, defineCustomElement as defineWmModalPss } from "@watermarkinsights/ripple/dist/components/wm-modal-pss.js";
+import { WmModal as WmModalElement, defineCustomElement as defineWmModal } from "@watermarkinsights/ripple/dist/components/wm-modal.js";
+import { WmNavigationHamburger as WmNavigationHamburgerElement, defineCustomElement as defineWmNavigationHamburger } from "@watermarkinsights/ripple/dist/components/wm-navigation-hamburger.js";
+import { WmNavigationItem as WmNavigationItemElement, defineCustomElement as defineWmNavigationItem } from "@watermarkinsights/ripple/dist/components/wm-navigation-item.js";
+import { WmNavigation as WmNavigationElement, defineCustomElement as defineWmNavigation } from "@watermarkinsights/ripple/dist/components/wm-navigation.js";
+import { WmNavigator as WmNavigatorElement, defineCustomElement as defineWmNavigator } from "@watermarkinsights/ripple/dist/components/wm-navigator.js";
+import { WmNestedSelect as WmNestedSelectElement, defineCustomElement as defineWmNestedSelect } from "@watermarkinsights/ripple/dist/components/wm-nested-select.js";
+import { WmOptgroup as WmOptgroupElement, defineCustomElement as defineWmOptgroup } from "@watermarkinsights/ripple/dist/components/wm-optgroup.js";
+import { WmOption as WmOptionElement, defineCustomElement as defineWmOption } from "@watermarkinsights/ripple/dist/components/wm-option.js";
+import { WmPagination as WmPaginationElement, defineCustomElement as defineWmPagination } from "@watermarkinsights/ripple/dist/components/wm-pagination.js";
+import { WmProgressIndicator as WmProgressIndicatorElement, defineCustomElement as defineWmProgressIndicator } from "@watermarkinsights/ripple/dist/components/wm-progress-indicator.js";
+import { WmProgressMonitor as WmProgressMonitorElement, defineCustomElement as defineWmProgressMonitor } from "@watermarkinsights/ripple/dist/components/wm-progress-monitor.js";
+import { WmProgressSlice as WmProgressSliceElement, defineCustomElement as defineWmProgressSlice } from "@watermarkinsights/ripple/dist/components/wm-progress-slice.js";
+import { WmSearch as WmSearchElement, defineCustomElement as defineWmSearch } from "@watermarkinsights/ripple/dist/components/wm-search.js";
+import { WmSelect as WmSelectElement, defineCustomElement as defineWmSelect } from "@watermarkinsights/ripple/dist/components/wm-select.js";
+import { WmSnackbar as WmSnackbarElement, defineCustomElement as defineWmSnackbar } from "@watermarkinsights/ripple/dist/components/wm-snackbar.js";
+import { WmTabItem as WmTabItemElement, defineCustomElement as defineWmTabItem } from "@watermarkinsights/ripple/dist/components/wm-tab-item.js";
+import { WmTabList as WmTabListElement, defineCustomElement as defineWmTabList } from "@watermarkinsights/ripple/dist/components/wm-tab-list.js";
+import { WmTabPanel as WmTabPanelElement, defineCustomElement as defineWmTabPanel } from "@watermarkinsights/ripple/dist/components/wm-tab-panel.js";
+import { WmTagInput as WmTagInputElement, defineCustomElement as defineWmTagInput } from "@watermarkinsights/ripple/dist/components/wm-tag-input.js";
+import { WmTagOption as WmTagOptionElement, defineCustomElement as defineWmTagOption } from "@watermarkinsights/ripple/dist/components/wm-tag-option.js";
+import { WmTextarea as WmTextareaElement, defineCustomElement as defineWmTextarea } from "@watermarkinsights/ripple/dist/components/wm-textarea.js";
+import { WmTimepicker as WmTimepickerElement, defineCustomElement as defineWmTimepicker } from "@watermarkinsights/ripple/dist/components/wm-timepicker.js";
+import { WmToggletip as WmToggletipElement, defineCustomElement as defineWmToggletip } from "@watermarkinsights/ripple/dist/components/wm-toggletip.js";
+import { WmUploader as WmUploaderElement, defineCustomElement as defineWmUploader } from "@watermarkinsights/ripple/dist/components/wm-uploader.js";
+import { WmWrapper as WmWrapperElement, defineCustomElement as defineWmWrapper } from "@watermarkinsights/ripple/dist/components/wm-wrapper.js";
+import React from 'react';
+
+export type PrivCalendarEvents = {
+    onCellTriggered: EventName<PrivCalendarCustomEvent<{ cal: HTMLPrivCalendarElement; cell: HTMLElement }>>,
+    onCellHovered: EventName<CustomEvent<string>>,
+    onOutOfCal: EventName<CustomEvent<string>>,
+    onPopupBlurred: EventName<PrivCalendarCustomEvent<{ relatedTarget: EventTarget | null }>>,
+    onDateFocus: EventName<CustomEvent<any>>
+};
+
+export const PrivCalendar: StencilReactComponent<PrivCalendarElement, PrivCalendarEvents> = /*@__PURE__*/ createComponent<PrivCalendarElement, PrivCalendarEvents>({
+    tagName: 'priv-calendar',
+    elementClass: PrivCalendarElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onCellTriggered: 'cellTriggered',
+        onCellHovered: 'cellHovered',
+        onOutOfCal: 'outOfCal',
+        onPopupBlurred: 'popupBlurred',
+        onDateFocus: 'dateFocus'
+    } as PrivCalendarEvents,
+    defineCustomElement: definePrivCalendar
+});
+
+export type PrivChartPopoverEvents = {
+    onWmChartPopoverButtonTriggered: EventName<PrivChartPopoverCustomEvent<HTMLWmChartSliceElement>>,
+    onWmProgressIndicatorButtonTriggered: EventName<PrivChartPopoverCustomEvent<HTMLWmProgressSliceElement>>,
+    onIntChartPopoverOpenChanged: EventName<CustomEvent<boolean>>
+};
+
+export const PrivChartPopover: StencilReactComponent<PrivChartPopoverElement, PrivChartPopoverEvents> = /*@__PURE__*/ createComponent<PrivChartPopoverElement, PrivChartPopoverEvents>({
+    tagName: 'priv-chart-popover',
+    elementClass: PrivChartPopoverElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onWmChartPopoverButtonTriggered: 'wmChartPopoverButtonTriggered',
+        onWmProgressIndicatorButtonTriggered: 'wmProgressIndicatorButtonTriggered',
+        onIntChartPopoverOpenChanged: 'intChartPopoverOpenChanged'
+    } as PrivChartPopoverEvents,
+    defineCustomElement: definePrivChartPopover
+});
+
+export type PrivNavigatorButtonEvents = { onButtonActivated: EventName<CustomEvent<any>> };
+
+export const PrivNavigatorButton: StencilReactComponent<PrivNavigatorButtonElement, PrivNavigatorButtonEvents> = /*@__PURE__*/ createComponent<PrivNavigatorButtonElement, PrivNavigatorButtonEvents>({
+    tagName: 'priv-navigator-button',
+    elementClass: PrivNavigatorButtonElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onButtonActivated: 'buttonActivated' } as PrivNavigatorButtonEvents,
+    defineCustomElement: definePrivNavigatorButton
+});
+
+export type PrivNavigatorItemEvents = {
+    onKeydownOnNavItem: EventName<PrivNavigatorItemCustomEvent<{
+        navItem: HTMLPrivNavigatorItemElement;
+        key: string;
+    }>>
+};
+
+export const PrivNavigatorItem: StencilReactComponent<PrivNavigatorItemElement, PrivNavigatorItemEvents> = /*@__PURE__*/ createComponent<PrivNavigatorItemElement, PrivNavigatorItemEvents>({
+    tagName: 'priv-navigator-item',
+    elementClass: PrivNavigatorItemElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onKeydownOnNavItem: 'keydownOnNavItem' } as PrivNavigatorItemEvents,
+    defineCustomElement: definePrivNavigatorItem
+});
+
+export type PrivOptionListEvents = {
+    onOptionListSearchChanged: EventName<PrivOptionListCustomEvent<Object>>,
+    onOptionListCloseRequested: EventName<CustomEvent<any>>,
+    onOptionListAllSelected: EventName<CustomEvent<any>>,
+    onOptionListAllDeselected: EventName<CustomEvent<any>>,
+    onWmEscKeyPressed: EventName<CustomEvent<any>>,
+    onWmKeyLeftPressed: EventName<CustomEvent<any>>
+};
+
+export const PrivOptionList: StencilReactComponent<PrivOptionListElement, PrivOptionListEvents> = /*@__PURE__*/ createComponent<PrivOptionListElement, PrivOptionListEvents>({
+    tagName: 'priv-option-list',
+    elementClass: PrivOptionListElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onOptionListSearchChanged: 'optionListSearchChanged',
+        onOptionListCloseRequested: 'optionListCloseRequested',
+        onOptionListAllSelected: 'optionListAllSelected',
+        onOptionListAllDeselected: 'optionListAllDeselected',
+        onWmEscKeyPressed: 'wmEscKeyPressed',
+        onWmKeyLeftPressed: 'wmKeyLeftPressed'
+    } as PrivOptionListEvents,
+    defineCustomElement: definePrivOptionList
+});
+
+export type WmActionMenuEvents = {
+    onWmActionMenuLoaded: EventName<CustomEvent<any>>,
+    onMenuLoaded: EventName<CustomEvent<any>>
+};
+
+export const WmActionMenu: StencilReactComponent<WmActionMenuElement, WmActionMenuEvents> = /*@__PURE__*/ createComponent<WmActionMenuElement, WmActionMenuEvents>({
+    tagName: 'wm-action-menu',
+    elementClass: WmActionMenuElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onWmActionMenuLoaded: 'wmActionMenuLoaded',
+        onMenuLoaded: 'menuLoaded'
+    } as WmActionMenuEvents,
+    defineCustomElement: defineWmActionMenu
+});
+
+export type WmButtonEvents = NonNullable<unknown>;
+
+export const WmButton: StencilReactComponent<WmButtonElement, WmButtonEvents> = /*@__PURE__*/ createComponent<WmButtonElement, WmButtonEvents>({
+    tagName: 'wm-button',
+    elementClass: WmButtonElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {} as WmButtonEvents,
+    defineCustomElement: defineWmButton
+});
+
+export type WmChartEvents = NonNullable<unknown>;
+
+export const WmChart: StencilReactComponent<WmChartElement, WmChartEvents> = /*@__PURE__*/ createComponent<WmChartElement, WmChartEvents>({
+    tagName: 'wm-chart',
+    elementClass: WmChartElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {} as WmChartEvents,
+    defineCustomElement: defineWmChart
+});
+
+export type WmChartSliceEvents = { onWmChartSliceUpdated: EventName<CustomEvent<void>> };
+
+export const WmChartSlice: StencilReactComponent<WmChartSliceElement, WmChartSliceEvents> = /*@__PURE__*/ createComponent<WmChartSliceElement, WmChartSliceEvents>({
+    tagName: 'wm-chart-slice',
+    elementClass: WmChartSliceElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onWmChartSliceUpdated: 'wmChartSliceUpdated' } as WmChartSliceEvents,
+    defineCustomElement: defineWmChartSlice
+});
+
+export type WmDateRangeEvents = {
+    onWmRangeSelection: EventName<CustomEvent<any>>,
+    onWmStartInputBlur: EventName<CustomEvent<any>>,
+    onWmEndInputBlur: EventName<CustomEvent<any>>
+};
+
+export const WmDateRange: StencilReactComponent<WmDateRangeElement, WmDateRangeEvents> = /*@__PURE__*/ createComponent<WmDateRangeElement, WmDateRangeEvents>({
+    tagName: 'wm-date-range',
+    elementClass: WmDateRangeElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onWmRangeSelection: 'wmRangeSelection',
+        onWmStartInputBlur: 'wmStartInputBlur',
+        onWmEndInputBlur: 'wmEndInputBlur'
+    } as WmDateRangeEvents,
+    defineCustomElement: defineWmDateRange
+});
+
+export type WmDatepickerEvents = {
+    onWmDatepickerDateSelected: EventName<CustomEvent<any>>,
+    onWmDatepickerInputBlurred: EventName<CustomEvent<any>>
+};
+
+export const WmDatepicker: StencilReactComponent<WmDatepickerElement, WmDatepickerEvents> = /*@__PURE__*/ createComponent<WmDatepickerElement, WmDatepickerEvents>({
+    tagName: 'wm-datepicker',
+    elementClass: WmDatepickerElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onWmDatepickerDateSelected: 'wmDatepickerDateSelected',
+        onWmDatepickerInputBlurred: 'wmDatepickerInputBlurred'
+    } as WmDatepickerEvents,
+    defineCustomElement: defineWmDatepicker
+});
+
+export type WmFileEvents = {
+    onWmFilePreview: EventName<CustomEvent<any>>,
+    onWmFileDownload: EventName<CustomEvent<any>>,
+    onWmFileDelete: EventName<CustomEvent<any>>,
+    onWmFileErrorCleared: EventName<CustomEvent<any>>
+};
+
+export const WmFile: StencilReactComponent<WmFileElement, WmFileEvents> = /*@__PURE__*/ createComponent<WmFileElement, WmFileEvents>({
+    tagName: 'wm-file',
+    elementClass: WmFileElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onWmFilePreview: 'wmFilePreview',
+        onWmFileDownload: 'wmFileDownload',
+        onWmFileDelete: 'wmFileDelete',
+        onWmFileErrorCleared: 'wmFileErrorCleared'
+    } as WmFileEvents,
+    defineCustomElement: defineWmFile
+});
+
+export type WmFileListEvents = NonNullable<unknown>;
+
+export const WmFileList: StencilReactComponent<WmFileListElement, WmFileListEvents> = /*@__PURE__*/ createComponent<WmFileListElement, WmFileListEvents>({
+    tagName: 'wm-file-list',
+    elementClass: WmFileListElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {} as WmFileListEvents,
+    defineCustomElement: defineWmFileList
+});
+
+export type WmFlyoutEvents = {
+    onWmFlyoutCloseTriggered: EventName<CustomEvent<void>>,
+    onWmFlyoutPrimaryTriggered: EventName<CustomEvent<void>>,
+    onWmFlyoutSecondaryTriggered: EventName<CustomEvent<void>>,
+    onWmFlyoutBreadcrumbClicked: EventName<CustomEvent<{ breadcrumb: string; index: number }>>
+};
+
+export const WmFlyout: StencilReactComponent<WmFlyoutElement, WmFlyoutEvents> = /*@__PURE__*/ createComponent<WmFlyoutElement, WmFlyoutEvents>({
+    tagName: 'wm-flyout',
+    elementClass: WmFlyoutElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onWmFlyoutCloseTriggered: 'wmFlyoutCloseTriggered',
+        onWmFlyoutPrimaryTriggered: 'wmFlyoutPrimaryTriggered',
+        onWmFlyoutSecondaryTriggered: 'wmFlyoutSecondaryTriggered',
+        onWmFlyoutBreadcrumbClicked: 'wmFlyoutBreadcrumbClicked'
+    } as WmFlyoutEvents,
+    defineCustomElement: defineWmFlyout
+});
+
+export type WmInputEvents = { onWmInputValueChanged: EventName<CustomEvent<{ value: string }>> };
+
+export const WmInput: StencilReactComponent<WmInputElement, WmInputEvents> = /*@__PURE__*/ createComponent<WmInputElement, WmInputEvents>({
+    tagName: 'wm-input',
+    elementClass: WmInputElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onWmInputValueChanged: 'wmInputValueChanged' } as WmInputEvents,
+    defineCustomElement: defineWmInput
+});
+
+export type WmLineChartEvents = NonNullable<unknown>;
+
+export const WmLineChart: StencilReactComponent<WmLineChartElement, WmLineChartEvents> = /*@__PURE__*/ createComponent<WmLineChartElement, WmLineChartEvents>({
+    tagName: 'wm-line-chart',
+    elementClass: WmLineChartElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {} as WmLineChartEvents,
+    defineCustomElement: defineWmLineChart
+});
+
+export type WmMenuitemEvents = {
+    onWmMenuitemClicked: EventName<WmMenuitemCustomEvent<HTMLWmMenuitemElement>>,
+    onWmKeyUpPressed: EventName<WmMenuitemCustomEvent<HTMLWmMenuitemElement>>,
+    onWmKeyDownPressed: EventName<WmMenuitemCustomEvent<HTMLWmMenuitemElement>>,
+    onWmEscKeyPressed: EventName<WmMenuitemCustomEvent<HTMLWmMenuitemElement>>,
+    onWmHomeKeyPressed: EventName<WmMenuitemCustomEvent<HTMLWmMenuitemElement>>,
+    onWmEndKeyPressed: EventName<WmMenuitemCustomEvent<HTMLWmMenuitemElement>>,
+    onWmPageDownItems: EventName<WmMenuitemCustomEvent<HTMLWmMenuitemElement>>,
+    onWmPageUpItems: EventName<WmMenuitemCustomEvent<HTMLWmMenuitemElement>>,
+    onWmTabKeyPressed: EventName<WmMenuitemCustomEvent<HTMLWmMenuitemElement>>,
+    onWmLetterPressed: EventName<CustomEvent<any>>,
+    onWmMenuitemBlurred: EventName<WmMenuitemCustomEvent<{ relatedTarget: EventTarget | null }>>
+};
+
+export const WmMenuitem: StencilReactComponent<WmMenuitemElement, WmMenuitemEvents> = /*@__PURE__*/ createComponent<WmMenuitemElement, WmMenuitemEvents>({
+    tagName: 'wm-menuitem',
+    elementClass: WmMenuitemElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onWmMenuitemClicked: 'wmMenuitemClicked',
+        onWmKeyUpPressed: 'wmKeyUpPressed',
+        onWmKeyDownPressed: 'wmKeyDownPressed',
+        onWmEscKeyPressed: 'wmEscKeyPressed',
+        onWmHomeKeyPressed: 'wmHomeKeyPressed',
+        onWmEndKeyPressed: 'wmEndKeyPressed',
+        onWmPageDownItems: 'wmPageDownItems',
+        onWmPageUpItems: 'wmPageUpItems',
+        onWmTabKeyPressed: 'wmTabKeyPressed',
+        onWmLetterPressed: 'wmLetterPressed',
+        onWmMenuitemBlurred: 'wmMenuitemBlurred'
+    } as WmMenuitemEvents,
+    defineCustomElement: defineWmMenuitem
+});
+
+export type WmModalEvents = {
+    onFocusLastElement: EventName<CustomEvent<any>>,
+    onFocusFirstElement: EventName<CustomEvent<any>>,
+    onWmModalCloseTriggered: EventName<CustomEvent<any>>,
+    onWmModalPrimaryTriggered: EventName<CustomEvent<any>>,
+    onWmModalSecondaryTriggered: EventName<CustomEvent<any>>
+};
+
+export const WmModal: StencilReactComponent<WmModalElement, WmModalEvents> = /*@__PURE__*/ createComponent<WmModalElement, WmModalEvents>({
+    tagName: 'wm-modal',
+    elementClass: WmModalElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onFocusLastElement: 'focusLastElement',
+        onFocusFirstElement: 'focusFirstElement',
+        onWmModalCloseTriggered: 'wmModalCloseTriggered',
+        onWmModalPrimaryTriggered: 'wmModalPrimaryTriggered',
+        onWmModalSecondaryTriggered: 'wmModalSecondaryTriggered'
+    } as WmModalEvents,
+    defineCustomElement: defineWmModal
+});
+
+export type WmModalFooterEvents = NonNullable<unknown>;
+
+export const WmModalFooter: StencilReactComponent<WmModalFooterElement, WmModalFooterEvents> = /*@__PURE__*/ createComponent<WmModalFooterElement, WmModalFooterEvents>({
+    tagName: 'wm-modal-footer',
+    elementClass: WmModalFooterElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {} as WmModalFooterEvents,
+    defineCustomElement: defineWmModalFooter
+});
+
+export type WmModalHeaderEvents = NonNullable<unknown>;
+
+export const WmModalHeader: StencilReactComponent<WmModalHeaderElement, WmModalHeaderEvents> = /*@__PURE__*/ createComponent<WmModalHeaderElement, WmModalHeaderEvents>({
+    tagName: 'wm-modal-header',
+    elementClass: WmModalHeaderElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {} as WmModalHeaderEvents,
+    defineCustomElement: defineWmModalHeader
+});
+
+export type WmModalPssEvents = {
+    onFocusLastElement: EventName<CustomEvent<any>>,
+    onFocusFirstElement: EventName<CustomEvent<any>>,
+    onWmModalCloseTriggered: EventName<CustomEvent<any>>,
+    onWmModalPrimaryTriggered: EventName<CustomEvent<any>>,
+    onWmModalSecondaryTriggered: EventName<CustomEvent<any>>
+};
+
+export const WmModalPss: StencilReactComponent<WmModalPssElement, WmModalPssEvents> = /*@__PURE__*/ createComponent<WmModalPssElement, WmModalPssEvents>({
+    tagName: 'wm-modal-pss',
+    elementClass: WmModalPssElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onFocusLastElement: 'focusLastElement',
+        onFocusFirstElement: 'focusFirstElement',
+        onWmModalCloseTriggered: 'wmModalCloseTriggered',
+        onWmModalPrimaryTriggered: 'wmModalPrimaryTriggered',
+        onWmModalSecondaryTriggered: 'wmModalSecondaryTriggered'
+    } as WmModalPssEvents,
+    defineCustomElement: defineWmModalPss
+});
+
+export type WmModalPssFooterEvents = NonNullable<unknown>;
+
+export const WmModalPssFooter: StencilReactComponent<WmModalPssFooterElement, WmModalPssFooterEvents> = /*@__PURE__*/ createComponent<WmModalPssFooterElement, WmModalPssFooterEvents>({
+    tagName: 'wm-modal-pss-footer',
+    elementClass: WmModalPssFooterElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {} as WmModalPssFooterEvents,
+    defineCustomElement: defineWmModalPssFooter
+});
+
+export type WmModalPssHeaderEvents = NonNullable<unknown>;
+
+export const WmModalPssHeader: StencilReactComponent<WmModalPssHeaderElement, WmModalPssHeaderEvents> = /*@__PURE__*/ createComponent<WmModalPssHeaderElement, WmModalPssHeaderEvents>({
+    tagName: 'wm-modal-pss-header',
+    elementClass: WmModalPssHeaderElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {} as WmModalPssHeaderEvents,
+    defineCustomElement: defineWmModalPssHeader
+});
+
+export type WmNavigationEvents = { onWmNavigationStateChanged: EventName<CustomEvent<any>> };
+
+export const WmNavigation: StencilReactComponent<WmNavigationElement, WmNavigationEvents> = /*@__PURE__*/ createComponent<WmNavigationElement, WmNavigationEvents>({
+    tagName: 'wm-navigation',
+    elementClass: WmNavigationElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onWmNavigationStateChanged: 'wmNavigationStateChanged' } as WmNavigationEvents,
+    defineCustomElement: defineWmNavigation
+});
+
+export type WmNavigationHamburgerEvents = { onWmNavigationHamburgerClicked: EventName<CustomEvent<any>> };
+
+export const WmNavigationHamburger: StencilReactComponent<WmNavigationHamburgerElement, WmNavigationHamburgerEvents> = /*@__PURE__*/ createComponent<WmNavigationHamburgerElement, WmNavigationHamburgerEvents>({
+    tagName: 'wm-navigation-hamburger',
+    elementClass: WmNavigationHamburgerElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onWmNavigationHamburgerClicked: 'wmNavigationHamburgerClicked' } as WmNavigationHamburgerEvents,
+    defineCustomElement: defineWmNavigationHamburger
+});
+
+export type WmNavigationItemEvents = { onWmNavigationItemClicked: EventName<CustomEvent<any>> };
+
+export const WmNavigationItem: StencilReactComponent<WmNavigationItemElement, WmNavigationItemEvents> = /*@__PURE__*/ createComponent<WmNavigationItemElement, WmNavigationItemEvents>({
+    tagName: 'wm-navigation-item',
+    elementClass: WmNavigationItemElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onWmNavigationItemClicked: 'wmNavigationItemClicked' } as WmNavigationItemEvents,
+    defineCustomElement: defineWmNavigationItem
+});
+
+export type WmNavigatorEvents = { onWmNavigatorLogout: EventName<CustomEvent<any>> };
+
+export const WmNavigator: StencilReactComponent<WmNavigatorElement, WmNavigatorEvents> = /*@__PURE__*/ createComponent<WmNavigatorElement, WmNavigatorEvents>({
+    tagName: 'wm-navigator',
+    elementClass: WmNavigatorElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onWmNavigatorLogout: 'wmNavigatorLogout' } as WmNavigatorEvents,
+    defineCustomElement: defineWmNavigator
+});
+
+export type WmNestedSelectEvents = { onWmNestedSelectBlurred: EventName<CustomEvent<void>> };
+
+export const WmNestedSelect: StencilReactComponent<WmNestedSelectElement, WmNestedSelectEvents> = /*@__PURE__*/ createComponent<WmNestedSelectElement, WmNestedSelectEvents>({
+    tagName: 'wm-nested-select',
+    elementClass: WmNestedSelectElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onWmNestedSelectBlurred: 'wmNestedSelectBlurred' } as WmNestedSelectEvents,
+    defineCustomElement: defineWmNestedSelect
+});
+
+export type WmOptgroupEvents = {
+    onWmOptgroupAllSelected: EventName<CustomEvent<any>>,
+    onWmOptgroupAllDeselected: EventName<CustomEvent<any>>,
+    onOptgroupExpanded: EventName<CustomEvent<any>>,
+    onOptgroupHidden: EventName<CustomEvent<any>>
+};
+
+export const WmOptgroup: StencilReactComponent<WmOptgroupElement, WmOptgroupEvents> = /*@__PURE__*/ createComponent<WmOptgroupElement, WmOptgroupEvents>({
+    tagName: 'wm-optgroup',
+    elementClass: WmOptgroupElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onWmOptgroupAllSelected: 'wmOptgroupAllSelected',
+        onWmOptgroupAllDeselected: 'wmOptgroupAllDeselected',
+        onOptgroupExpanded: 'optgroupExpanded',
+        onOptgroupHidden: 'optgroupHidden'
+    } as WmOptgroupEvents,
+    defineCustomElement: defineWmOptgroup
+});
+
+export type WmOptionEvents = {
+    onWmOptionSelected: EventName<WmOptionCustomEvent<HTMLWmOptionElement>>,
+    onWmOptionDeselected: EventName<WmOptionCustomEvent<HTMLWmOptionElement>>,
+    onIntCloneClicked: EventName<WmOptionCustomEvent<HTMLWmOptionElement>>,
+    onWmKeyUpPressed: EventName<WmOptionCustomEvent<HTMLWmOptionElement>>,
+    onWmKeyDownPressed: EventName<WmOptionCustomEvent<HTMLWmOptionElement>>,
+    onWmKeyLeftPressed: EventName<CustomEvent<any>>,
+    onWmEscKeyPressed: EventName<WmOptionCustomEvent<HTMLWmOptionElement>>,
+    onWmHomeKeyPressed: EventName<WmOptionCustomEvent<HTMLWmOptionElement>>,
+    onWmEndKeyPressed: EventName<WmOptionCustomEvent<HTMLWmOptionElement>>,
+    onWmEnterKeyPressed: EventName<WmOptionCustomEvent<HTMLWmOptionElement>>,
+    onWmLetterPressed: EventName<WmOptionCustomEvent<{ optionEl: HTMLElement; letter: string }>>,
+    onWmOptionBlurred: EventName<WmOptionCustomEvent<{ relatedTarget: EventTarget | null }>>
+};
+
+export const WmOption: StencilReactComponent<WmOptionElement, WmOptionEvents> = /*@__PURE__*/ createComponent<WmOptionElement, WmOptionEvents>({
+    tagName: 'wm-option',
+    elementClass: WmOptionElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onWmOptionSelected: 'wmOptionSelected',
+        onWmOptionDeselected: 'wmOptionDeselected',
+        onIntCloneClicked: 'intCloneClicked',
+        onWmKeyUpPressed: 'wmKeyUpPressed',
+        onWmKeyDownPressed: 'wmKeyDownPressed',
+        onWmKeyLeftPressed: 'wmKeyLeftPressed',
+        onWmEscKeyPressed: 'wmEscKeyPressed',
+        onWmHomeKeyPressed: 'wmHomeKeyPressed',
+        onWmEndKeyPressed: 'wmEndKeyPressed',
+        onWmEnterKeyPressed: 'wmEnterKeyPressed',
+        onWmLetterPressed: 'wmLetterPressed',
+        onWmOptionBlurred: 'wmOptionBlurred'
+    } as WmOptionEvents,
+    defineCustomElement: defineWmOption
+});
+
+export type WmPaginationEvents = {
+    onWmPaginationPageClicked: EventName<CustomEvent<string>>,
+    onFocusCurrentPage: EventName<CustomEvent<any>>
+};
+
+export const WmPagination: StencilReactComponent<WmPaginationElement, WmPaginationEvents> = /*@__PURE__*/ createComponent<WmPaginationElement, WmPaginationEvents>({
+    tagName: 'wm-pagination',
+    elementClass: WmPaginationElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onWmPaginationPageClicked: 'wmPaginationPageClicked',
+        onFocusCurrentPage: 'focusCurrentPage'
+    } as WmPaginationEvents,
+    defineCustomElement: defineWmPagination
+});
+
+export type WmProgressIndicatorEvents = NonNullable<unknown>;
+
+export const WmProgressIndicator: StencilReactComponent<WmProgressIndicatorElement, WmProgressIndicatorEvents> = /*@__PURE__*/ createComponent<WmProgressIndicatorElement, WmProgressIndicatorEvents>({
+    tagName: 'wm-progress-indicator',
+    elementClass: WmProgressIndicatorElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {} as WmProgressIndicatorEvents,
+    defineCustomElement: defineWmProgressIndicator
+});
+
+export type WmProgressMonitorEvents = { onWmProgressMonitorModeChange: EventName<CustomEvent<any>> };
+
+export const WmProgressMonitor: StencilReactComponent<WmProgressMonitorElement, WmProgressMonitorEvents> = /*@__PURE__*/ createComponent<WmProgressMonitorElement, WmProgressMonitorEvents>({
+    tagName: 'wm-progress-monitor',
+    elementClass: WmProgressMonitorElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onWmProgressMonitorModeChange: 'wmProgressMonitorModeChange' } as WmProgressMonitorEvents,
+    defineCustomElement: defineWmProgressMonitor
+});
+
+export type WmProgressSliceEvents = { onWmProgressSliceUpdated: EventName<CustomEvent<void>> };
+
+export const WmProgressSlice: StencilReactComponent<WmProgressSliceElement, WmProgressSliceEvents> = /*@__PURE__*/ createComponent<WmProgressSliceElement, WmProgressSliceEvents>({
+    tagName: 'wm-progress-slice',
+    elementClass: WmProgressSliceElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onWmProgressSliceUpdated: 'wmProgressSliceUpdated' } as WmProgressSliceEvents,
+    defineCustomElement: defineWmProgressSlice
+});
+
+export type WmSearchEvents = {
+    onWmSearchBrowseResults: EventName<CustomEvent<{ position: number }>>,
+    onWmSearchValueChanged: EventName<CustomEvent<{ value: string }>>
+};
+
+export const WmSearch: StencilReactComponent<WmSearchElement, WmSearchEvents> = /*@__PURE__*/ createComponent<WmSearchElement, WmSearchEvents>({
+    tagName: 'wm-search',
+    elementClass: WmSearchElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onWmSearchBrowseResults: 'wmSearchBrowseResults',
+        onWmSearchValueChanged: 'wmSearchValueChanged'
+    } as WmSearchEvents,
+    defineCustomElement: defineWmSearch
+});
+
+export type WmSelectEvents = {
+    onWmSelectDidLoad: EventName<CustomEvent<void>>,
+    onWmSelectBlurred: EventName<CustomEvent<void>>,
+    onWmSelectAllSelected: EventName<CustomEvent<any>>,
+    onWmSelectAllDeselected: EventName<CustomEvent<any>>
+};
+
+export const WmSelect: StencilReactComponent<WmSelectElement, WmSelectEvents> = /*@__PURE__*/ createComponent<WmSelectElement, WmSelectEvents>({
+    tagName: 'wm-select',
+    elementClass: WmSelectElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onWmSelectDidLoad: 'wmSelectDidLoad',
+        onWmSelectBlurred: 'wmSelectBlurred',
+        onWmSelectAllSelected: 'wmSelectAllSelected',
+        onWmSelectAllDeselected: 'wmSelectAllDeselected'
+    } as WmSelectEvents,
+    defineCustomElement: defineWmSelect
+});
+
+export type WmSnackbarEvents = {
+    onWmSnackbarSnackFinished: EventName<WmSnackbarCustomEvent<Object>>,
+    onWmSnackbarActionTriggered: EventName<WmSnackbarCustomEvent<Object>>
+};
+
+export const WmSnackbar: StencilReactComponent<WmSnackbarElement, WmSnackbarEvents> = /*@__PURE__*/ createComponent<WmSnackbarElement, WmSnackbarEvents>({
+    tagName: 'wm-snackbar',
+    elementClass: WmSnackbarElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onWmSnackbarSnackFinished: 'wmSnackbarSnackFinished',
+        onWmSnackbarActionTriggered: 'wmSnackbarActionTriggered'
+    } as WmSnackbarEvents,
+    defineCustomElement: defineWmSnackbar
+});
+
+export type WmTabItemEvents = {
+    onWmTabSelected: EventName<CustomEvent<{ tabId: string }>>,
+    onKeydownOnTabItem: EventName<WmTabItemCustomEvent<{
+        tabItem: HTMLWmTabItemElement;
+        key: string;
+    }>>,
+    onTabItemLoaded: EventName<WmTabItemCustomEvent<{ tab: HTMLWmTabItemElement }>>
+};
+
+export const WmTabItem: StencilReactComponent<WmTabItemElement, WmTabItemEvents> = /*@__PURE__*/ createComponent<WmTabItemElement, WmTabItemEvents>({
+    tagName: 'wm-tab-item',
+    elementClass: WmTabItemElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onWmTabSelected: 'wmTabSelected',
+        onKeydownOnTabItem: 'keydownOnTabItem',
+        onTabItemLoaded: 'tabItemLoaded'
+    } as WmTabItemEvents,
+    defineCustomElement: defineWmTabItem
+});
+
+export type WmTabListEvents = { onWmTabSelected: EventName<CustomEvent<{ tabId: string }>> };
+
+export const WmTabList: StencilReactComponent<WmTabListElement, WmTabListEvents> = /*@__PURE__*/ createComponent<WmTabListElement, WmTabListEvents>({
+    tagName: 'wm-tab-list',
+    elementClass: WmTabListElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onWmTabSelected: 'wmTabSelected' } as WmTabListEvents,
+    defineCustomElement: defineWmTabList
+});
+
+export type WmTabPanelEvents = { onTabPanelLoaded: EventName<CustomEvent<{ tabId: string }>> };
+
+export const WmTabPanel: StencilReactComponent<WmTabPanelElement, WmTabPanelEvents> = /*@__PURE__*/ createComponent<WmTabPanelElement, WmTabPanelEvents>({
+    tagName: 'wm-tab-panel',
+    elementClass: WmTabPanelElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onTabPanelLoaded: 'tabPanelLoaded' } as WmTabPanelEvents,
+    defineCustomElement: defineWmTabPanel
+});
+
+export type WmTagInputEvents = { onWmTagInputTagAdded: EventName<CustomEvent<any>> };
+
+export const WmTagInput: StencilReactComponent<WmTagInputElement, WmTagInputEvents> = /*@__PURE__*/ createComponent<WmTagInputElement, WmTagInputEvents>({
+    tagName: 'wm-tag-input',
+    elementClass: WmTagInputElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onWmTagInputTagAdded: 'wmTagInputTagAdded' } as WmTagInputEvents,
+    defineCustomElement: defineWmTagInput
+});
+
+export type WmTagOptionEvents = {
+    onPrivTagOptionSelected: EventName<CustomEvent<void>>,
+    onPrivTagOptionDeselected: EventName<CustomEvent<void>>,
+    onWmTagOptionSelected: EventName<CustomEvent<any>>,
+    onWmTagOptionDeselected: EventName<CustomEvent<any>>
+};
+
+export const WmTagOption: StencilReactComponent<WmTagOptionElement, WmTagOptionEvents> = /*@__PURE__*/ createComponent<WmTagOptionElement, WmTagOptionEvents>({
+    tagName: 'wm-tag-option',
+    elementClass: WmTagOptionElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onPrivTagOptionSelected: 'privTagOptionSelected',
+        onPrivTagOptionDeselected: 'privTagOptionDeselected',
+        onWmTagOptionSelected: 'wmTagOptionSelected',
+        onWmTagOptionDeselected: 'wmTagOptionDeselected'
+    } as WmTagOptionEvents,
+    defineCustomElement: defineWmTagOption
+});
+
+export type WmTextareaEvents = { onWmTextareaValueChanged: EventName<CustomEvent<{ value: string }>> };
+
+export const WmTextarea: StencilReactComponent<WmTextareaElement, WmTextareaEvents> = /*@__PURE__*/ createComponent<WmTextareaElement, WmTextareaEvents>({
+    tagName: 'wm-textarea',
+    elementClass: WmTextareaElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onWmTextareaValueChanged: 'wmTextareaValueChanged' } as WmTextareaEvents,
+    defineCustomElement: defineWmTextarea
+});
+
+export type WmTimepickerEvents = {
+    onWmTimepickerInputBlurred: EventName<CustomEvent<any>>,
+    onWmTimepickerTimeSelected: EventName<CustomEvent<any>>
+};
+
+export const WmTimepicker: StencilReactComponent<WmTimepickerElement, WmTimepickerEvents> = /*@__PURE__*/ createComponent<WmTimepickerElement, WmTimepickerEvents>({
+    tagName: 'wm-timepicker',
+    elementClass: WmTimepickerElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onWmTimepickerInputBlurred: 'wmTimepickerInputBlurred',
+        onWmTimepickerTimeSelected: 'wmTimepickerTimeSelected'
+    } as WmTimepickerEvents,
+    defineCustomElement: defineWmTimepicker
+});
+
+export type WmToggletipEvents = NonNullable<unknown>;
+
+export const WmToggletip: StencilReactComponent<WmToggletipElement, WmToggletipEvents> = /*@__PURE__*/ createComponent<WmToggletipElement, WmToggletipEvents>({
+    tagName: 'wm-toggletip',
+    elementClass: WmToggletipElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {} as WmToggletipEvents,
+    defineCustomElement: defineWmToggletip
+});
+
+export type WmUploaderEvents = { onWmUploaderFilesSelected: EventName<WmUploaderCustomEvent<File[]>> };
+
+export const WmUploader: StencilReactComponent<WmUploaderElement, WmUploaderEvents> = /*@__PURE__*/ createComponent<WmUploaderElement, WmUploaderEvents>({
+    tagName: 'wm-uploader',
+    elementClass: WmUploaderElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onWmUploaderFilesSelected: 'wmUploaderFilesSelected' } as WmUploaderEvents,
+    defineCustomElement: defineWmUploader
+});
+
+export type WmWrapperEvents = { onWmWrapperLoaded: EventName<CustomEvent<void>> };
+
+export const WmWrapper: StencilReactComponent<WmWrapperElement, WmWrapperEvents> = /*@__PURE__*/ createComponent<WmWrapperElement, WmWrapperEvents>({
+    tagName: 'wm-wrapper',
+    elementClass: WmWrapperElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onWmWrapperLoaded: 'wmWrapperLoaded' } as WmWrapperEvents,
+    defineCustomElement: defineWmWrapper
+});

package/src/index.ts

@@ -0,0 +1 @@
+export * from './components/stencil-generated/components';