@desynth/web-components-react 13.11.25-alpha.1 → 13.11.25-alpha.3

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@desynth/web-components-react",
     "sideEffects": false,
-    "version": "13.11.25-alpha.1",
+    "version": "13.11.25-alpha.3",
     "description": "React proxy for @desynth/web-components",
     "license": "MPL-2.0",
     "homepage": "https://github.com/desynth/desynth-web-components#readme",
@@ -20,11 +20,13 @@
         "tsc": "tsc -p ."
     },
     "main": "./dist/index.js",
-    "module": "./dist/index.js",
-    "types": "./dist/index.d.ts",
-    "files": [
-        "dist/"
-    ],
+    "exports": {
+        ".": {
+        "types": "./dist/index.d.ts",
+        "import": "./dist/index.js"
+        }
+    },
+    "type": "module",
     "devDependencies": {
         "@types/react": "19.2.4",
         "@types/react-dom": "19.2.3"

package/{dist/components.js → src/components.ts}

@@ -1,4 +1,13 @@
 '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 BeforeCloseAlertEventDetail, type BeforeCloseEventDetail, type CheckedChangeEventValue, type DesynthAlertCustomEvent, type DesynthBreadcrumbCustomEvent, type DesynthCheckboxCustomEvent, type DesynthDatePickerCustomEvent, type DesynthDropFileCustomEvent, type DesynthFormCustomEvent, type DesynthListCustomEvent, type DesynthModalCustomEvent, type DesynthRatingCustomEvent, type DesynthSelectCustomEvent, type DesynthSwitchCustomEvent, type DesynthTextAreaCustomEvent, type DesynthTextInputCustomEvent, type IFormInput, type InputChangeEventValue, type ListItem, type Options, type SwitchChangeEventValue, type TextInputChangeEventValue } from "@desynth/web-components";
 import { DesynthAccordion as DesynthAccordionElement, defineCustomElement as defineDesynthAccordion } from "@desynth/web-components/dist/desynth-accordion.js";
 import { DesynthAlert as DesynthAlertElement, defineCustomElement as defineDesynthAlert } from "@desynth/web-components/dist/desynth-alert.js";
 import { DesynthBreadcrumb as DesynthBreadcrumbElement, defineCustomElement as defineDesynthBreadcrumb } from "@desynth/web-components/dist/desynth-breadcrumb.js";
@@ -29,17 +38,28 @@ import { DesynthTextInput as DesynthTextInputElement, defineCustomElement as def
 import { DesynthTooltip as DesynthTooltipElement, defineCustomElement as defineDesynthTooltip } from "@desynth/web-components/dist/desynth-tooltip.js";
 import { HorizontalCards as HorizontalCardsElement, defineCustomElement as defineHorizontalCards } from "@desynth/web-components/dist/horizontal-cards.js";
 import { HtmlEditor as HtmlEditorElement, defineCustomElement as defineHtmlEditor } from "@desynth/web-components/dist/html-editor.js";
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
 import { createComponent } from '@stencil/react-output-target/runtime';
 import React from 'react';
-export const DesynthAccordion = /*@__PURE__*/ createComponent({
+
+export type DesynthAccordionEvents = NonNullable<unknown>;
+
+export const DesynthAccordion: StencilReactComponent<DesynthAccordionElement, DesynthAccordionEvents> = /*@__PURE__*/ createComponent<DesynthAccordionElement, DesynthAccordionEvents>({
     tagName: 'desynth-accordion',
     elementClass: DesynthAccordionElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
-    events: {},
+    events: {} as DesynthAccordionEvents,
     defineCustomElement: defineDesynthAccordion
 });
-export const DesynthAlert = /*@__PURE__*/ createComponent({
+
+export type DesynthAlertEvents = {
+    onHandleOpen: EventName<CustomEvent<void>>,
+    onHandleClose: EventName<CustomEvent<void>>,
+    onHandleBeforeClose: EventName<DesynthAlertCustomEvent<BeforeCloseAlertEventDetail>>
+};
+
+export const DesynthAlert: StencilReactComponent<DesynthAlertElement, DesynthAlertEvents> = /*@__PURE__*/ createComponent<DesynthAlertElement, DesynthAlertEvents>({
     tagName: 'desynth-alert',
     elementClass: DesynthAlertElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -48,10 +68,17 @@ export const DesynthAlert = /*@__PURE__*/ createComponent({
         onHandleOpen: 'handleOpen',
         onHandleClose: 'handleClose',
         onHandleBeforeClose: 'handleBeforeClose'
-    },
+    } as DesynthAlertEvents,
     defineCustomElement: defineDesynthAlert
 });
-export const DesynthBreadcrumb = /*@__PURE__*/ createComponent({
+
+export type DesynthBreadcrumbEvents = {
+    onHandleInput: EventName<DesynthBreadcrumbCustomEvent<HTMLInputElement>>,
+    onHandleFocus: EventName<CustomEvent<void>>,
+    onHandleBlur: EventName<CustomEvent<void>>
+};
+
+export const DesynthBreadcrumb: StencilReactComponent<DesynthBreadcrumbElement, DesynthBreadcrumbEvents> = /*@__PURE__*/ createComponent<DesynthBreadcrumbElement, DesynthBreadcrumbEvents>({
     tagName: 'desynth-breadcrumb',
     elementClass: DesynthBreadcrumbElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -60,10 +87,17 @@ export const DesynthBreadcrumb = /*@__PURE__*/ createComponent({
         onHandleInput: 'handleInput',
         onHandleFocus: 'handleFocus',
         onHandleBlur: 'handleBlur'
-    },
+    } as DesynthBreadcrumbEvents,
     defineCustomElement: defineDesynthBreadcrumb
 });
-export const DesynthButton = /*@__PURE__*/ createComponent({
+
+export type DesynthButtonEvents = {
+    onHandleClick: EventName<CustomEvent<void>>,
+    onHandleFocus: EventName<CustomEvent<void>>,
+    onHandleBlur: EventName<CustomEvent<void>>
+};
+
+export const DesynthButton: StencilReactComponent<DesynthButtonElement, DesynthButtonEvents> = /*@__PURE__*/ createComponent<DesynthButtonElement, DesynthButtonEvents>({
     tagName: 'desynth-button',
     elementClass: DesynthButtonElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -72,50 +106,72 @@ export const DesynthButton = /*@__PURE__*/ createComponent({
         onHandleClick: 'handleClick',
         onHandleFocus: 'handleFocus',
         onHandleBlur: 'handleBlur'
-    },
+    } as DesynthButtonEvents,
     defineCustomElement: defineDesynthButton
 });
-export const DesynthButtonSlider = /*@__PURE__*/ createComponent({
+
+export type DesynthButtonSliderEvents = NonNullable<unknown>;
+
+export const DesynthButtonSlider: StencilReactComponent<DesynthButtonSliderElement, DesynthButtonSliderEvents> = /*@__PURE__*/ createComponent<DesynthButtonSliderElement, DesynthButtonSliderEvents>({
     tagName: 'desynth-button-slider',
     elementClass: DesynthButtonSliderElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
-    events: {},
+    events: {} as DesynthButtonSliderEvents,
     defineCustomElement: defineDesynthButtonSlider
 });
-export const DesynthCard = /*@__PURE__*/ createComponent({
+
+export type DesynthCardEvents = NonNullable<unknown>;
+
+export const DesynthCard: StencilReactComponent<DesynthCardElement, DesynthCardEvents> = /*@__PURE__*/ createComponent<DesynthCardElement, DesynthCardEvents>({
     tagName: 'desynth-card',
     elementClass: DesynthCardElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
-    events: {},
+    events: {} as DesynthCardEvents,
     defineCustomElement: defineDesynthCard
 });
-export const DesynthCheckbox = /*@__PURE__*/ createComponent({
+
+export type DesynthCheckboxEvents = { onHandleClick: EventName<DesynthCheckboxCustomEvent<CheckedChangeEventValue>> };
+
+export const DesynthCheckbox: StencilReactComponent<DesynthCheckboxElement, DesynthCheckboxEvents> = /*@__PURE__*/ createComponent<DesynthCheckboxElement, DesynthCheckboxEvents>({
     tagName: 'desynth-checkbox',
     elementClass: DesynthCheckboxElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
-    events: { onHandleClick: 'handleClick' },
+    events: { onHandleClick: 'handleClick' } as DesynthCheckboxEvents,
     defineCustomElement: defineDesynthCheckbox
 });
-export const DesynthDatePicker = /*@__PURE__*/ createComponent({
+
+export type DesynthDatePickerEvents = { onDateChanged: EventName<DesynthDatePickerCustomEvent<InputChangeEventValue>> };
+
+export const DesynthDatePicker: StencilReactComponent<DesynthDatePickerElement, DesynthDatePickerEvents> = /*@__PURE__*/ createComponent<DesynthDatePickerElement, DesynthDatePickerEvents>({
     tagName: 'desynth-date-picker',
     elementClass: DesynthDatePickerElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
-    events: { onDateChanged: 'dateChanged' },
+    events: { onDateChanged: 'dateChanged' } as DesynthDatePickerEvents,
     defineCustomElement: defineDesynthDatePicker
 });
-export const DesynthDivider = /*@__PURE__*/ createComponent({
+
+export type DesynthDividerEvents = NonNullable<unknown>;
+
+export const DesynthDivider: StencilReactComponent<DesynthDividerElement, DesynthDividerEvents> = /*@__PURE__*/ createComponent<DesynthDividerElement, DesynthDividerEvents>({
     tagName: 'desynth-divider',
     elementClass: DesynthDividerElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
-    events: {},
+    events: {} as DesynthDividerEvents,
     defineCustomElement: defineDesynthDivider
 });
-export const DesynthDrawer = /*@__PURE__*/ createComponent({
+
+export type DesynthDrawerEvents = {
+    onHandleClick: EventName<CustomEvent<void>>,
+    onHandleFocus: EventName<CustomEvent<void>>,
+    onHandleClose: EventName<CustomEvent<void>>
+};
+
+export const DesynthDrawer: StencilReactComponent<DesynthDrawerElement, DesynthDrawerEvents> = /*@__PURE__*/ createComponent<DesynthDrawerElement, DesynthDrawerEvents>({
     tagName: 'desynth-drawer',
     elementClass: DesynthDrawerElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -124,18 +180,28 @@ export const DesynthDrawer = /*@__PURE__*/ createComponent({
         onHandleClick: 'handleClick',
         onHandleFocus: 'handleFocus',
         onHandleClose: 'handleClose'
-    },
+    } as DesynthDrawerEvents,
     defineCustomElement: defineDesynthDrawer
 });
-export const DesynthDropFile = /*@__PURE__*/ createComponent({
+
+export type DesynthDropFileEvents = { onFilesDropped: EventName<DesynthDropFileCustomEvent<File[]>> };
+
+export const DesynthDropFile: StencilReactComponent<DesynthDropFileElement, DesynthDropFileEvents> = /*@__PURE__*/ createComponent<DesynthDropFileElement, DesynthDropFileEvents>({
     tagName: 'desynth-drop-file',
     elementClass: DesynthDropFileElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
-    events: { onFilesDropped: 'filesDropped' },
+    events: { onFilesDropped: 'filesDropped' } as DesynthDropFileEvents,
     defineCustomElement: defineDesynthDropFile
 });
-export const DesynthForm = /*@__PURE__*/ createComponent({
+
+export type DesynthFormEvents = {
+    onClickSubmit: EventName<CustomEvent<void>>,
+    onClickClear: EventName<CustomEvent<void>>,
+    onHandleChange: EventName<DesynthFormCustomEvent<IFormInput>>
+};
+
+export const DesynthForm: StencilReactComponent<DesynthFormElement, DesynthFormEvents> = /*@__PURE__*/ createComponent<DesynthFormElement, DesynthFormEvents>({
     tagName: 'desynth-form',
     elementClass: DesynthFormElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -144,18 +210,28 @@ export const DesynthForm = /*@__PURE__*/ createComponent({
         onClickSubmit: 'clickSubmit',
         onClickClear: 'clickClear',
         onHandleChange: 'handleChange'
-    },
+    } as DesynthFormEvents,
     defineCustomElement: defineDesynthForm
 });
-export const DesynthGrid = /*@__PURE__*/ createComponent({
+
+export type DesynthGridEvents = NonNullable<unknown>;
+
+export const DesynthGrid: StencilReactComponent<DesynthGridElement, DesynthGridEvents> = /*@__PURE__*/ createComponent<DesynthGridElement, DesynthGridEvents>({
     tagName: 'desynth-grid',
     elementClass: DesynthGridElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
-    events: {},
+    events: {} as DesynthGridEvents,
     defineCustomElement: defineDesynthGrid
 });
-export const DesynthHeader = /*@__PURE__*/ createComponent({
+
+export type DesynthHeaderEvents = {
+    onHandleClick: EventName<CustomEvent<void>>,
+    onHandleFocus: EventName<CustomEvent<void>>,
+    onHandleBlur: EventName<CustomEvent<void>>
+};
+
+export const DesynthHeader: StencilReactComponent<DesynthHeaderElement, DesynthHeaderEvents> = /*@__PURE__*/ createComponent<DesynthHeaderElement, DesynthHeaderEvents>({
     tagName: 'desynth-header',
     elementClass: DesynthHeaderElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -164,26 +240,39 @@ export const DesynthHeader = /*@__PURE__*/ createComponent({
         onHandleClick: 'handleClick',
         onHandleFocus: 'handleFocus',
         onHandleBlur: 'handleBlur'
-    },
+    } as DesynthHeaderEvents,
     defineCustomElement: defineDesynthHeader
 });
-export const DesynthList = /*@__PURE__*/ createComponent({
+
+export type DesynthListEvents = { onItemClicked: EventName<DesynthListCustomEvent<ListItem>> };
+
+export const DesynthList: StencilReactComponent<DesynthListElement, DesynthListEvents> = /*@__PURE__*/ createComponent<DesynthListElement, DesynthListEvents>({
     tagName: 'desynth-list',
     elementClass: DesynthListElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
-    events: { onItemClicked: 'itemClicked' },
+    events: { onItemClicked: 'itemClicked' } as DesynthListEvents,
     defineCustomElement: defineDesynthList
 });
-export const DesynthLoader = /*@__PURE__*/ createComponent({
+
+export type DesynthLoaderEvents = NonNullable<unknown>;
+
+export const DesynthLoader: StencilReactComponent<DesynthLoaderElement, DesynthLoaderEvents> = /*@__PURE__*/ createComponent<DesynthLoaderElement, DesynthLoaderEvents>({
     tagName: 'desynth-loader',
     elementClass: DesynthLoaderElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
-    events: {},
+    events: {} as DesynthLoaderEvents,
     defineCustomElement: defineDesynthLoader
 });
-export const DesynthModal = /*@__PURE__*/ createComponent({
+
+export type DesynthModalEvents = {
+    onHandleOpen: EventName<CustomEvent<void>>,
+    onHandleClose: EventName<CustomEvent<void>>,
+    onHandleBeforeClose: EventName<DesynthModalCustomEvent<BeforeCloseEventDetail>>
+};
+
+export const DesynthModal: StencilReactComponent<DesynthModalElement, DesynthModalEvents> = /*@__PURE__*/ createComponent<DesynthModalElement, DesynthModalEvents>({
     tagName: 'desynth-modal',
     elementClass: DesynthModalElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -192,42 +281,61 @@ export const DesynthModal = /*@__PURE__*/ createComponent({
         onHandleOpen: 'handleOpen',
         onHandleClose: 'handleClose',
         onHandleBeforeClose: 'handleBeforeClose'
-    },
+    } as DesynthModalEvents,
     defineCustomElement: defineDesynthModal
 });
-export const DesynthMultiStepper = /*@__PURE__*/ createComponent({
+
+export type DesynthMultiStepperEvents = { onHandleSubmit: EventName<CustomEvent<void>> };
+
+export const DesynthMultiStepper: StencilReactComponent<DesynthMultiStepperElement, DesynthMultiStepperEvents> = /*@__PURE__*/ createComponent<DesynthMultiStepperElement, DesynthMultiStepperEvents>({
     tagName: 'desynth-multi-stepper',
     elementClass: DesynthMultiStepperElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
-    events: { onHandleSubmit: 'handleSubmit' },
+    events: { onHandleSubmit: 'handleSubmit' } as DesynthMultiStepperEvents,
     defineCustomElement: defineDesynthMultiStepper
 });
-export const DesynthPaper = /*@__PURE__*/ createComponent({
+
+export type DesynthPaperEvents = NonNullable<unknown>;
+
+export const DesynthPaper: StencilReactComponent<DesynthPaperElement, DesynthPaperEvents> = /*@__PURE__*/ createComponent<DesynthPaperElement, DesynthPaperEvents>({
     tagName: 'desynth-paper',
     elementClass: DesynthPaperElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
-    events: {},
+    events: {} as DesynthPaperEvents,
     defineCustomElement: defineDesynthPaper
 });
-export const DesynthRating = /*@__PURE__*/ createComponent({
+
+export type DesynthRatingEvents = { onHandleChange: EventName<DesynthRatingCustomEvent<TextInputChangeEventValue>> };
+
+export const DesynthRating: StencilReactComponent<DesynthRatingElement, DesynthRatingEvents> = /*@__PURE__*/ createComponent<DesynthRatingElement, DesynthRatingEvents>({
     tagName: 'desynth-rating',
     elementClass: DesynthRatingElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
-    events: { onHandleChange: 'handleChange' },
+    events: { onHandleChange: 'handleChange' } as DesynthRatingEvents,
     defineCustomElement: defineDesynthRating
 });
-export const DesynthRenderer = /*@__PURE__*/ createComponent({
+
+export type DesynthRendererEvents = NonNullable<unknown>;
+
+export const DesynthRenderer: StencilReactComponent<DesynthRendererElement, DesynthRendererEvents> = /*@__PURE__*/ createComponent<DesynthRendererElement, DesynthRendererEvents>({
     tagName: 'desynth-renderer',
     elementClass: DesynthRendererElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
-    events: {},
+    events: {} as DesynthRendererEvents,
     defineCustomElement: defineDesynthRenderer
 });
-export const DesynthSelect = /*@__PURE__*/ createComponent({
+
+export type DesynthSelectEvents = {
+    onHandleChange: EventName<DesynthSelectCustomEvent<Options>>,
+    onHandleInput: EventName<DesynthSelectCustomEvent<HTMLInputElement>>,
+    onHandleFocus: EventName<CustomEvent<void>>
+};
+
+export const DesynthSelect: StencilReactComponent<DesynthSelectElement, DesynthSelectEvents> = /*@__PURE__*/ createComponent<DesynthSelectElement, DesynthSelectEvents>({
     tagName: 'desynth-select',
     elementClass: DesynthSelectElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -236,18 +344,29 @@ export const DesynthSelect = /*@__PURE__*/ createComponent({
         onHandleChange: 'handleChange',
         onHandleInput: 'handleInput',
         onHandleFocus: 'handleFocus'
-    },
+    } as DesynthSelectEvents,
     defineCustomElement: defineDesynthSelect
 });
-export const DesynthStepStepper = /*@__PURE__*/ createComponent({
+
+export type DesynthStepStepperEvents = NonNullable<unknown>;
+
+export const DesynthStepStepper: StencilReactComponent<DesynthStepStepperElement, DesynthStepStepperEvents> = /*@__PURE__*/ createComponent<DesynthStepStepperElement, DesynthStepStepperEvents>({
     tagName: 'desynth-step-stepper',
     elementClass: DesynthStepStepperElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
-    events: {},
+    events: {} as DesynthStepStepperEvents,
     defineCustomElement: defineDesynthStepStepper
 });
-export const DesynthSwitch = /*@__PURE__*/ createComponent({
+
+export type DesynthSwitchEvents = {
+    onHandleClick: EventName<DesynthSwitchCustomEvent<SwitchChangeEventValue>>,
+    onHandleInput: EventName<DesynthSwitchCustomEvent<HTMLInputElement>>,
+    onHandleFocus: EventName<CustomEvent<void>>,
+    onHandleBlur: EventName<CustomEvent<void>>
+};
+
+export const DesynthSwitch: StencilReactComponent<DesynthSwitchElement, DesynthSwitchEvents> = /*@__PURE__*/ createComponent<DesynthSwitchElement, DesynthSwitchEvents>({
     tagName: 'desynth-switch',
     elementClass: DesynthSwitchElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -257,10 +376,18 @@ export const DesynthSwitch = /*@__PURE__*/ createComponent({
         onHandleInput: 'handleInput',
         onHandleFocus: 'handleFocus',
         onHandleBlur: 'handleBlur'
-    },
+    } as DesynthSwitchEvents,
     defineCustomElement: defineDesynthSwitch
 });
-export const DesynthTable = /*@__PURE__*/ createComponent({
+
+export type DesynthTableEvents = {
+    onChangeRowsPerPage: EventName<CustomEvent<number>>,
+    onGetDataNextPage: EventName<CustomEvent<null>>,
+    onRowEvent: EventName<CustomEvent<any>>,
+    onDropEvent: EventName<CustomEvent<any>>
+};
+
+export const DesynthTable: StencilReactComponent<DesynthTableElement, DesynthTableEvents> = /*@__PURE__*/ createComponent<DesynthTableElement, DesynthTableEvents>({
     tagName: 'desynth-table',
     elementClass: DesynthTableElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -270,10 +397,18 @@ export const DesynthTable = /*@__PURE__*/ createComponent({
         onGetDataNextPage: 'getDataNextPage',
         onRowEvent: 'rowEvent',
         onDropEvent: 'dropEvent'
-    },
+    } as DesynthTableEvents,
     defineCustomElement: defineDesynthTable
 });
-export const DesynthTextArea = /*@__PURE__*/ createComponent({
+
+export type DesynthTextAreaEvents = {
+    onHandleChange: EventName<DesynthTextAreaCustomEvent<InputChangeEventValue>>,
+    onHandleInput: EventName<DesynthTextAreaCustomEvent<HTMLInputElement>>,
+    onHandleFocus: EventName<CustomEvent<void>>,
+    onHandleBlur: EventName<CustomEvent<void>>
+};
+
+export const DesynthTextArea: StencilReactComponent<DesynthTextAreaElement, DesynthTextAreaEvents> = /*@__PURE__*/ createComponent<DesynthTextAreaElement, DesynthTextAreaEvents>({
     tagName: 'desynth-text-area',
     elementClass: DesynthTextAreaElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -283,10 +418,18 @@ export const DesynthTextArea = /*@__PURE__*/ createComponent({
         onHandleInput: 'handleInput',
         onHandleFocus: 'handleFocus',
         onHandleBlur: 'handleBlur'
-    },
+    } as DesynthTextAreaEvents,
     defineCustomElement: defineDesynthTextArea
 });
-export const DesynthTextInput = /*@__PURE__*/ createComponent({
+
+export type DesynthTextInputEvents = {
+    onHandleChange: EventName<DesynthTextInputCustomEvent<TextInputChangeEventValue>>,
+    onHandleInput: EventName<DesynthTextInputCustomEvent<HTMLInputElement>>,
+    onHandleFocus: EventName<CustomEvent<void>>,
+    onHandleBlur: EventName<CustomEvent<void>>
+};
+
+export const DesynthTextInput: StencilReactComponent<DesynthTextInputElement, DesynthTextInputEvents> = /*@__PURE__*/ createComponent<DesynthTextInputElement, DesynthTextInputEvents>({
     tagName: 'desynth-text-input',
     elementClass: DesynthTextInputElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -296,30 +439,39 @@ export const DesynthTextInput = /*@__PURE__*/ createComponent({
         onHandleInput: 'handleInput',
         onHandleFocus: 'handleFocus',
         onHandleBlur: 'handleBlur'
-    },
+    } as DesynthTextInputEvents,
     defineCustomElement: defineDesynthTextInput
 });
-export const DesynthTooltip = /*@__PURE__*/ createComponent({
+
+export type DesynthTooltipEvents = NonNullable<unknown>;
+
+export const DesynthTooltip: StencilReactComponent<DesynthTooltipElement, DesynthTooltipEvents> = /*@__PURE__*/ createComponent<DesynthTooltipElement, DesynthTooltipEvents>({
     tagName: 'desynth-tooltip',
     elementClass: DesynthTooltipElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
-    events: {},
+    events: {} as DesynthTooltipEvents,
     defineCustomElement: defineDesynthTooltip
 });
-export const HorizontalCards = /*@__PURE__*/ createComponent({
+
+export type HorizontalCardsEvents = NonNullable<unknown>;
+
+export const HorizontalCards: StencilReactComponent<HorizontalCardsElement, HorizontalCardsEvents> = /*@__PURE__*/ createComponent<HorizontalCardsElement, HorizontalCardsEvents>({
     tagName: 'horizontal-cards',
     elementClass: HorizontalCardsElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
-    events: {},
+    events: {} as HorizontalCardsEvents,
     defineCustomElement: defineHorizontalCards
 });
-export const HtmlEditor = /*@__PURE__*/ createComponent({
+
+export type HtmlEditorEvents = { onHtmlChanged: EventName<CustomEvent<string>> };
+
+export const HtmlEditor: StencilReactComponent<HtmlEditorElement, HtmlEditorEvents> = /*@__PURE__*/ createComponent<HtmlEditorElement, HtmlEditorEvents>({
     tagName: 'html-editor',
     elementClass: HtmlEditorElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
-    events: { onHtmlChanged: 'htmlChanged' },
+    events: { onHtmlChanged: 'htmlChanged' } as HtmlEditorEvents,
     defineCustomElement: defineHtmlEditor
 });

package/src/index.ts

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

package/tsconfig.json

@@ -0,0 +1,30 @@
+{
+    "compilerOptions": {
+      "alwaysStrict": true,
+      "allowSyntheticDefaultImports": true,
+      "allowUnreachableCode": false,
+      "declaration": true,
+      "experimentalDecorators": true,
+      "lib": [
+        "dom",
+        "es2015"
+      ],
+      "jsx": "react",
+      "noImplicitAny": true,
+      "noImplicitReturns": true,
+      "noUnusedLocals": true,
+      "noUnusedParameters": true,
+      "pretty": true,
+      "removeComments": false,
+      "strictPropertyInitialization": false,
+      "baseUrl": ".",
+      "outDir": "./dist/",
+      "target": "es2017",                                  /* Set the JavaScript language version for emitted JavaScript and include compatible library declarations. */
+      "module": "esnext",     
+      "moduleResolution": "bundler",                           /* Specify what module code is generated. */
+      "esModuleInterop": true,                             /* Emit additional JavaScript to ease support for importing CommonJS modules. This enables 'allowSyntheticDefaultImports' for type compatibility. */
+      "forceConsistentCasingInFileNames": true,            /* Ensure that casing is correct in imports. */
+      "strict": true,                                      /* Enable all strict type-checking options. */
+      "skipLibCheck": true,                            /* Skip type checking all .d.ts files. */
+    }
+  }

package/dist/components.d.ts

@@ -1,162 +0,0 @@
-/**
- * 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.
- */
-import { type BeforeCloseAlertEventDetail, type BeforeCloseEventDetail, type CheckedChangeEventValue, type DesynthAlertCustomEvent, type DesynthBreadcrumbCustomEvent, type DesynthCheckboxCustomEvent, type DesynthDatePickerCustomEvent, type DesynthDropFileCustomEvent, type DesynthFormCustomEvent, type DesynthListCustomEvent, type DesynthModalCustomEvent, type DesynthRatingCustomEvent, type DesynthSelectCustomEvent, type DesynthSwitchCustomEvent, type DesynthTextAreaCustomEvent, type DesynthTextInputCustomEvent, type IFormInput, type InputChangeEventValue, type ListItem, type Options, type SwitchChangeEventValue, type TextInputChangeEventValue } from "@desynth/web-components";
-import { DesynthAccordion as DesynthAccordionElement } from "@desynth/web-components/dist/desynth-accordion.js";
-import { DesynthAlert as DesynthAlertElement } from "@desynth/web-components/dist/desynth-alert.js";
-import { DesynthBreadcrumb as DesynthBreadcrumbElement } from "@desynth/web-components/dist/desynth-breadcrumb.js";
-import { DesynthButtonSlider as DesynthButtonSliderElement } from "@desynth/web-components/dist/desynth-button-slider.js";
-import { DesynthButton as DesynthButtonElement } from "@desynth/web-components/dist/desynth-button.js";
-import { DesynthCard as DesynthCardElement } from "@desynth/web-components/dist/desynth-card.js";
-import { DesynthCheckbox as DesynthCheckboxElement } from "@desynth/web-components/dist/desynth-checkbox.js";
-import { DesynthDatePicker as DesynthDatePickerElement } from "@desynth/web-components/dist/desynth-date-picker.js";
-import { DesynthDivider as DesynthDividerElement } from "@desynth/web-components/dist/desynth-divider.js";
-import { DesynthDrawer as DesynthDrawerElement } from "@desynth/web-components/dist/desynth-drawer.js";
-import { DesynthDropFile as DesynthDropFileElement } from "@desynth/web-components/dist/desynth-drop-file.js";
-import { DesynthForm as DesynthFormElement } from "@desynth/web-components/dist/desynth-form.js";
-import { DesynthGrid as DesynthGridElement } from "@desynth/web-components/dist/desynth-grid.js";
-import { DesynthHeader as DesynthHeaderElement } from "@desynth/web-components/dist/desynth-header.js";
-import { DesynthList as DesynthListElement } from "@desynth/web-components/dist/desynth-list.js";
-import { DesynthLoader as DesynthLoaderElement } from "@desynth/web-components/dist/desynth-loader.js";
-import { DesynthModal as DesynthModalElement } from "@desynth/web-components/dist/desynth-modal.js";
-import { DesynthMultiStepper as DesynthMultiStepperElement } from "@desynth/web-components/dist/desynth-multi-stepper.js";
-import { DesynthPaper as DesynthPaperElement } from "@desynth/web-components/dist/desynth-paper.js";
-import { DesynthRating as DesynthRatingElement } from "@desynth/web-components/dist/desynth-rating.js";
-import { DesynthRenderer as DesynthRendererElement } from "@desynth/web-components/dist/desynth-renderer.js";
-import { DesynthSelect as DesynthSelectElement } from "@desynth/web-components/dist/desynth-select.js";
-import { DesynthStepStepper as DesynthStepStepperElement } from "@desynth/web-components/dist/desynth-step-stepper.js";
-import { DesynthSwitch as DesynthSwitchElement } from "@desynth/web-components/dist/desynth-switch.js";
-import { DesynthTable as DesynthTableElement } from "@desynth/web-components/dist/desynth-table.js";
-import { DesynthTextArea as DesynthTextAreaElement } from "@desynth/web-components/dist/desynth-text-area.js";
-import { DesynthTextInput as DesynthTextInputElement } from "@desynth/web-components/dist/desynth-text-input.js";
-import { DesynthTooltip as DesynthTooltipElement } from "@desynth/web-components/dist/desynth-tooltip.js";
-import { HorizontalCards as HorizontalCardsElement } from "@desynth/web-components/dist/horizontal-cards.js";
-import { HtmlEditor as HtmlEditorElement } from "@desynth/web-components/dist/html-editor.js";
-import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
-export type DesynthAccordionEvents = NonNullable<unknown>;
-export declare const DesynthAccordion: StencilReactComponent<DesynthAccordionElement, DesynthAccordionEvents>;
-export type DesynthAlertEvents = {
-    onHandleOpen: EventName<CustomEvent<void>>;
-    onHandleClose: EventName<CustomEvent<void>>;
-    onHandleBeforeClose: EventName<DesynthAlertCustomEvent<BeforeCloseAlertEventDetail>>;
-};
-export declare const DesynthAlert: StencilReactComponent<DesynthAlertElement, DesynthAlertEvents>;
-export type DesynthBreadcrumbEvents = {
-    onHandleInput: EventName<DesynthBreadcrumbCustomEvent<HTMLInputElement>>;
-    onHandleFocus: EventName<CustomEvent<void>>;
-    onHandleBlur: EventName<CustomEvent<void>>;
-};
-export declare const DesynthBreadcrumb: StencilReactComponent<DesynthBreadcrumbElement, DesynthBreadcrumbEvents>;
-export type DesynthButtonEvents = {
-    onHandleClick: EventName<CustomEvent<void>>;
-    onHandleFocus: EventName<CustomEvent<void>>;
-    onHandleBlur: EventName<CustomEvent<void>>;
-};
-export declare const DesynthButton: StencilReactComponent<DesynthButtonElement, DesynthButtonEvents>;
-export type DesynthButtonSliderEvents = NonNullable<unknown>;
-export declare const DesynthButtonSlider: StencilReactComponent<DesynthButtonSliderElement, DesynthButtonSliderEvents>;
-export type DesynthCardEvents = NonNullable<unknown>;
-export declare const DesynthCard: StencilReactComponent<DesynthCardElement, DesynthCardEvents>;
-export type DesynthCheckboxEvents = {
-    onHandleClick: EventName<DesynthCheckboxCustomEvent<CheckedChangeEventValue>>;
-};
-export declare const DesynthCheckbox: StencilReactComponent<DesynthCheckboxElement, DesynthCheckboxEvents>;
-export type DesynthDatePickerEvents = {
-    onDateChanged: EventName<DesynthDatePickerCustomEvent<InputChangeEventValue>>;
-};
-export declare const DesynthDatePicker: StencilReactComponent<DesynthDatePickerElement, DesynthDatePickerEvents>;
-export type DesynthDividerEvents = NonNullable<unknown>;
-export declare const DesynthDivider: StencilReactComponent<DesynthDividerElement, DesynthDividerEvents>;
-export type DesynthDrawerEvents = {
-    onHandleClick: EventName<CustomEvent<void>>;
-    onHandleFocus: EventName<CustomEvent<void>>;
-    onHandleClose: EventName<CustomEvent<void>>;
-};
-export declare const DesynthDrawer: StencilReactComponent<DesynthDrawerElement, DesynthDrawerEvents>;
-export type DesynthDropFileEvents = {
-    onFilesDropped: EventName<DesynthDropFileCustomEvent<File[]>>;
-};
-export declare const DesynthDropFile: StencilReactComponent<DesynthDropFileElement, DesynthDropFileEvents>;
-export type DesynthFormEvents = {
-    onClickSubmit: EventName<CustomEvent<void>>;
-    onClickClear: EventName<CustomEvent<void>>;
-    onHandleChange: EventName<DesynthFormCustomEvent<IFormInput>>;
-};
-export declare const DesynthForm: StencilReactComponent<DesynthFormElement, DesynthFormEvents>;
-export type DesynthGridEvents = NonNullable<unknown>;
-export declare const DesynthGrid: StencilReactComponent<DesynthGridElement, DesynthGridEvents>;
-export type DesynthHeaderEvents = {
-    onHandleClick: EventName<CustomEvent<void>>;
-    onHandleFocus: EventName<CustomEvent<void>>;
-    onHandleBlur: EventName<CustomEvent<void>>;
-};
-export declare const DesynthHeader: StencilReactComponent<DesynthHeaderElement, DesynthHeaderEvents>;
-export type DesynthListEvents = {
-    onItemClicked: EventName<DesynthListCustomEvent<ListItem>>;
-};
-export declare const DesynthList: StencilReactComponent<DesynthListElement, DesynthListEvents>;
-export type DesynthLoaderEvents = NonNullable<unknown>;
-export declare const DesynthLoader: StencilReactComponent<DesynthLoaderElement, DesynthLoaderEvents>;
-export type DesynthModalEvents = {
-    onHandleOpen: EventName<CustomEvent<void>>;
-    onHandleClose: EventName<CustomEvent<void>>;
-    onHandleBeforeClose: EventName<DesynthModalCustomEvent<BeforeCloseEventDetail>>;
-};
-export declare const DesynthModal: StencilReactComponent<DesynthModalElement, DesynthModalEvents>;
-export type DesynthMultiStepperEvents = {
-    onHandleSubmit: EventName<CustomEvent<void>>;
-};
-export declare const DesynthMultiStepper: StencilReactComponent<DesynthMultiStepperElement, DesynthMultiStepperEvents>;
-export type DesynthPaperEvents = NonNullable<unknown>;
-export declare const DesynthPaper: StencilReactComponent<DesynthPaperElement, DesynthPaperEvents>;
-export type DesynthRatingEvents = {
-    onHandleChange: EventName<DesynthRatingCustomEvent<TextInputChangeEventValue>>;
-};
-export declare const DesynthRating: StencilReactComponent<DesynthRatingElement, DesynthRatingEvents>;
-export type DesynthRendererEvents = NonNullable<unknown>;
-export declare const DesynthRenderer: StencilReactComponent<DesynthRendererElement, DesynthRendererEvents>;
-export type DesynthSelectEvents = {
-    onHandleChange: EventName<DesynthSelectCustomEvent<Options>>;
-    onHandleInput: EventName<DesynthSelectCustomEvent<HTMLInputElement>>;
-    onHandleFocus: EventName<CustomEvent<void>>;
-};
-export declare const DesynthSelect: StencilReactComponent<DesynthSelectElement, DesynthSelectEvents>;
-export type DesynthStepStepperEvents = NonNullable<unknown>;
-export declare const DesynthStepStepper: StencilReactComponent<DesynthStepStepperElement, DesynthStepStepperEvents>;
-export type DesynthSwitchEvents = {
-    onHandleClick: EventName<DesynthSwitchCustomEvent<SwitchChangeEventValue>>;
-    onHandleInput: EventName<DesynthSwitchCustomEvent<HTMLInputElement>>;
-    onHandleFocus: EventName<CustomEvent<void>>;
-    onHandleBlur: EventName<CustomEvent<void>>;
-};
-export declare const DesynthSwitch: StencilReactComponent<DesynthSwitchElement, DesynthSwitchEvents>;
-export type DesynthTableEvents = {
-    onChangeRowsPerPage: EventName<CustomEvent<number>>;
-    onGetDataNextPage: EventName<CustomEvent<null>>;
-    onRowEvent: EventName<CustomEvent<any>>;
-    onDropEvent: EventName<CustomEvent<any>>;
-};
-export declare const DesynthTable: StencilReactComponent<DesynthTableElement, DesynthTableEvents>;
-export type DesynthTextAreaEvents = {
-    onHandleChange: EventName<DesynthTextAreaCustomEvent<InputChangeEventValue>>;
-    onHandleInput: EventName<DesynthTextAreaCustomEvent<HTMLInputElement>>;
-    onHandleFocus: EventName<CustomEvent<void>>;
-    onHandleBlur: EventName<CustomEvent<void>>;
-};
-export declare const DesynthTextArea: StencilReactComponent<DesynthTextAreaElement, DesynthTextAreaEvents>;
-export type DesynthTextInputEvents = {
-    onHandleChange: EventName<DesynthTextInputCustomEvent<TextInputChangeEventValue>>;
-    onHandleInput: EventName<DesynthTextInputCustomEvent<HTMLInputElement>>;
-    onHandleFocus: EventName<CustomEvent<void>>;
-    onHandleBlur: EventName<CustomEvent<void>>;
-};
-export declare const DesynthTextInput: StencilReactComponent<DesynthTextInputElement, DesynthTextInputEvents>;
-export type DesynthTooltipEvents = NonNullable<unknown>;
-export declare const DesynthTooltip: StencilReactComponent<DesynthTooltipElement, DesynthTooltipEvents>;
-export type HorizontalCardsEvents = NonNullable<unknown>;
-export declare const HorizontalCards: StencilReactComponent<HorizontalCardsElement, HorizontalCardsEvents>;
-export type HtmlEditorEvents = {
-    onHtmlChanged: EventName<CustomEvent<string>>;
-};
-export declare const HtmlEditor: StencilReactComponent<HtmlEditorElement, HtmlEditorEvents>;