@sellmate/design-system-react 1.0.78 → 1.2.0

package/dist/components/components.server.d.ts

@@ -2,11 +2,13 @@
  * 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 CheckedType, type DateRangeValue, type DropdownButtonValue, type RadioValue, type Row, type SdBarcodeInputCustomEvent, type SdButtonCustomEvent, type SdButtonV2CustomEvent, type SdCheckboxCustomEvent, type SdDateRangePickerCustomEvent, type SdDropdownButtonCustomEvent, type SdFilePickerCustomEvent, type SdGhostButtonCustomEvent, type SdInputCustomEvent, type SdNumberInputCustomEvent, type SdRadioButtonCustomEvent, type SdRadioCustomEvent, type SdRadioGroupCustomEvent, type SdSelectCustomEvent, type SdSelectListItemCustomEvent, type SdSelectListboxCustomEvent, type SdTableColumn, type SdTableCustomEvent, type SdTextareaCustomEvent, type SdTheadCustomEvent, type SelectOption, type SelectOptionSelectDetail, type SelectValue } from "@sellmate/design-system";
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { type SerializeShadowRootOptions } from '@stencil/react-output-target/ssr';
+import { type CheckedType, type DateRangeValue, type DropdownButtonValue, type RadioValue, type Row, type SdActionModalCustomEvent, type SdBarcodeInputCustomEvent, type SdButtonCustomEvent, type SdCalendarCustomEvent, type SdCheckboxCustomEvent, type SdChipCustomEvent, type SdConfirmModalCustomEvent, type SdDateBoxCustomEvent, type SdDatePickerCalendarCustomEvent, type SdDatePickerCustomEvent, type SdDatePickerTriggerCustomEvent, type SdDateRangePickerCalendarCustomEvent, type SdDateRangePickerCustomEvent, type SdDropdownButtonCustomEvent, type SdFilePickerCustomEvent, type SdFloatingPortalCustomEvent, type SdFormCustomEvent, type SdGhostButtonCustomEvent, type SdInputCustomEvent, type SdKeyValueChangeDetail, type SdKeyValueTableCustomEvent, type SdLoadingModalCustomEvent, type SdNumberInputCustomEvent, type SdPaginationCustomEvent, type SdPopoverCustomEvent, type SdPopupCustomEvent, type SdPortalCustomEvent, type SdRadioButtonCustomEvent, type SdRadioCustomEvent, type SdRadioGroupCustomEvent, type SdSelectCustomEvent, type SdSelectListItemCustomEvent, type SdSelectListItemSearchCustomEvent, type SdSelectListboxCustomEvent, type SdSelectTriggerCustomEvent, type SdSwitchCustomEvent, type SdTableColumn, type SdTableCustomEvent, type SdTabsCustomEvent, type SdTextLinkCustomEvent, type SdTextareaCustomEvent, type SdTheadCustomEvent, type SdToastContainerCustomEvent, type SdToastCustomEvent, type SdToggleCustomEvent, type SelectOption, type SelectOptionSelectDetail, type SelectValue } from "@sellmate/design-system";
+import type { Components } from "@sellmate/design-system/dist/components";
 import { SdActionModal as SdActionModalElement } from "@sellmate/design-system/dist/components/sd-action-modal.js";
 import { SdBadge as SdBadgeElement } from "@sellmate/design-system/dist/components/sd-badge.js";
 import { SdBarcodeInput as SdBarcodeInputElement } from "@sellmate/design-system/dist/components/sd-barcode-input.js";
-import { SdButtonV2 as SdButtonV2Element } from "@sellmate/design-system/dist/components/sd-button-v2.js";
 import { SdButton as SdButtonElement } from "@sellmate/design-system/dist/components/sd-button.js";
 import { SdCalendar as SdCalendarElement } from "@sellmate/design-system/dist/components/sd-calendar.js";
 import { SdCard as SdCardElement } from "@sellmate/design-system/dist/components/sd-card.js";
@@ -29,6 +31,7 @@ import { SdGhostButton as SdGhostButtonElement } from "@sellmate/design-system/d
 import { SdGuide as SdGuideElement } from "@sellmate/design-system/dist/components/sd-guide.js";
 import { SdIcon as SdIconElement } from "@sellmate/design-system/dist/components/sd-icon.js";
 import { SdInput as SdInputElement } from "@sellmate/design-system/dist/components/sd-input.js";
+import { SdKeyValueTable as SdKeyValueTableElement } from "@sellmate/design-system/dist/components/sd-key-value-table.js";
 import { SdLinearProgress as SdLinearProgressElement } from "@sellmate/design-system/dist/components/sd-linear-progress.js";
 import { SdLoadingContainer as SdLoadingContainerElement } from "@sellmate/design-system/dist/components/sd-loading-container.js";
 import { SdLoadingModal as SdLoadingModalElement } from "@sellmate/design-system/dist/components/sd-loading-modal.js";
@@ -36,6 +39,7 @@ import { SdModalContainer as SdModalContainerElement } from "@sellmate/design-sy
 import { SdNumberInput as SdNumberInputElement } from "@sellmate/design-system/dist/components/sd-number-input.js";
 import { SdPagination as SdPaginationElement } from "@sellmate/design-system/dist/components/sd-pagination.js";
 import { SdPopover as SdPopoverElement } from "@sellmate/design-system/dist/components/sd-popover.js";
+import { SdPopup as SdPopupElement } from "@sellmate/design-system/dist/components/sd-popup.js";
 import { SdPortal as SdPortalElement } from "@sellmate/design-system/dist/components/sd-portal.js";
 import { SdRadioButton as SdRadioButtonElement } from "@sellmate/design-system/dist/components/sd-radio-button.js";
 import { SdRadioGroup as SdRadioGroupElement } from "@sellmate/design-system/dist/components/sd-radio-group.js";
@@ -59,109 +63,103 @@ import { SdToast as SdToastElement } from "@sellmate/design-system/dist/componen
 import { SdToggle as SdToggleElement } from "@sellmate/design-system/dist/components/sd-toggle.js";
 import { SdTooltip as SdTooltipElement } from "@sellmate/design-system/dist/components/sd-tooltip.js";
 import { SdTr as SdTrElement } from "@sellmate/design-system/dist/components/sd-tr.js";
-import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
-import { type SerializeShadowRootOptions } from '@stencil/react-output-target/ssr';
 export declare const serializeShadowRoot: SerializeShadowRootOptions;
 export type SdActionModalEvents = {
-    onSdClose: EventName<CustomEvent<void>>;
-    onSdOk: EventName<CustomEvent<void>>;
+    onSdClose: EventName<SdActionModalCustomEvent<void>>;
+    onSdOk: EventName<SdActionModalCustomEvent<void>>;
 };
-export declare const SdActionModal: StencilReactComponent<SdActionModalElement, SdActionModalEvents>;
+export declare const SdActionModal: StencilReactComponent<SdActionModalElement, SdActionModalEvents, Components.SdActionModal>;
 export type SdBadgeEvents = NonNullable<unknown>;
-export declare const SdBadge: StencilReactComponent<SdBadgeElement, SdBadgeEvents>;
+export declare const SdBadge: StencilReactComponent<SdBadgeElement, SdBadgeEvents, Components.SdBadge>;
 export type SdBarcodeInputEvents = {
-    onSdUpdate: EventName<CustomEvent<string | number | null>>;
+    onSdUpdate: EventName<SdBarcodeInputCustomEvent<string | number | null>>;
     onSdFocus: EventName<SdBarcodeInputCustomEvent<Event>>;
     onSdBlur: EventName<SdBarcodeInputCustomEvent<Event>>;
 };
-export declare const SdBarcodeInput: StencilReactComponent<SdBarcodeInputElement, SdBarcodeInputEvents>;
+export declare const SdBarcodeInput: StencilReactComponent<SdBarcodeInputElement, SdBarcodeInputEvents, Components.SdBarcodeInput>;
 export type SdButtonEvents = {
     onSdClick: EventName<SdButtonCustomEvent<MouseEvent>>;
 };
-export declare const SdButton: StencilReactComponent<SdButtonElement, SdButtonEvents>;
-export type SdButtonV2Events = {
-    onSdClick: EventName<SdButtonV2CustomEvent<MouseEvent>>;
-};
-export declare const SdButtonV2: StencilReactComponent<SdButtonV2Element, SdButtonV2Events>;
+export declare const SdButton: StencilReactComponent<SdButtonElement, SdButtonEvents, Components.SdButton>;
 export type SdCalendarEvents = {
-    onSdSelect: EventName<CustomEvent<string>>;
-    onSdViewChange: EventName<CustomEvent<{
+    onSdSelect: EventName<SdCalendarCustomEvent<string>>;
+    onSdViewChange: EventName<SdCalendarCustomEvent<{
         year: number;
         month: number;
     }>>;
 };
-export declare const SdCalendar: StencilReactComponent<SdCalendarElement, SdCalendarEvents>;
+export declare const SdCalendar: StencilReactComponent<SdCalendarElement, SdCalendarEvents, Components.SdCalendar>;
 export type SdCardEvents = NonNullable<unknown>;
-export declare const SdCard: StencilReactComponent<SdCardElement, SdCardEvents>;
+export declare const SdCard: StencilReactComponent<SdCardElement, SdCardEvents, Components.SdCard>;
 export type SdCheckboxEvents = {
     onSdUpdate: EventName<SdCheckboxCustomEvent<CheckedType>>;
 };
-export declare const SdCheckbox: StencilReactComponent<SdCheckboxElement, SdCheckboxEvents>;
+export declare const SdCheckbox: StencilReactComponent<SdCheckboxElement, SdCheckboxEvents, Components.SdCheckbox>;
 export type SdChipEvents = {
-    onSdUpdate: EventName<CustomEvent<string>>;
-    onSdRemove: EventName<CustomEvent<void>>;
-    onSdFocus: EventName<CustomEvent<void>>;
-    onSdBlur: EventName<CustomEvent<void>>;
+    onSdUpdate: EventName<SdChipCustomEvent<string>>;
+    onSdRemove: EventName<SdChipCustomEvent<void>>;
+    onSdFocus: EventName<SdChipCustomEvent<void>>;
+    onSdBlur: EventName<SdChipCustomEvent<void>>;
 };
-export declare const SdChip: StencilReactComponent<SdChipElement, SdChipEvents>;
+export declare const SdChip: StencilReactComponent<SdChipElement, SdChipEvents, Components.SdChip>;
 export type SdCircleProgressEvents = NonNullable<unknown>;
-export declare const SdCircleProgress: StencilReactComponent<SdCircleProgressElement, SdCircleProgressEvents>;
+export declare const SdCircleProgress: StencilReactComponent<SdCircleProgressElement, SdCircleProgressEvents, Components.SdCircleProgress>;
 export type SdConfirmModalEvents = {
-    onSdClose: EventName<CustomEvent<void>>;
-    onSdCancel: EventName<CustomEvent<void>>;
-    onSdOk: EventName<CustomEvent<void>>;
+    onSdClose: EventName<SdConfirmModalCustomEvent<void>>;
+    onSdCancel: EventName<SdConfirmModalCustomEvent<void>>;
+    onSdOk: EventName<SdConfirmModalCustomEvent<void>>;
 };
-export declare const SdConfirmModal: StencilReactComponent<SdConfirmModalElement, SdConfirmModalEvents>;
+export declare const SdConfirmModal: StencilReactComponent<SdConfirmModalElement, SdConfirmModalEvents, Components.SdConfirmModal>;
 export type SdDateBoxEvents = {
-    onSdClick: EventName<CustomEvent<number | string | null>>;
-    onSdMouseOver: EventName<CustomEvent<number | string | null>>;
+    onSdClick: EventName<SdDateBoxCustomEvent<number | string | null>>;
+    onSdMouseOver: EventName<SdDateBoxCustomEvent<number | string | null>>;
 };
-export declare const SdDateBox: StencilReactComponent<SdDateBoxElement, SdDateBoxEvents>;
+export declare const SdDateBox: StencilReactComponent<SdDateBoxElement, SdDateBoxEvents, Components.SdDateBox>;
 export type SdDatePickerEvents = {
-    onSdUpdate: EventName<CustomEvent<string | null>>;
-    onSdViewChange: EventName<CustomEvent<{
+    onSdUpdate: EventName<SdDatePickerCustomEvent<string | null>>;
+    onSdViewChange: EventName<SdDatePickerCustomEvent<{
         year: number;
         month: number;
     }>>;
 };
-export declare const SdDatePicker: StencilReactComponent<SdDatePickerElement, SdDatePickerEvents>;
+export declare const SdDatePicker: StencilReactComponent<SdDatePickerElement, SdDatePickerEvents, Components.SdDatePicker>;
 export type SdDatePickerCalendarEvents = {
-    onSdSelect: EventName<CustomEvent<string>>;
-    onSdViewChange: EventName<CustomEvent<{
+    onSdSelect: EventName<SdDatePickerCalendarCustomEvent<string>>;
+    onSdViewChange: EventName<SdDatePickerCalendarCustomEvent<{
         year: number;
         month: number;
     }>>;
 };
-export declare const SdDatePickerCalendar: StencilReactComponent<SdDatePickerCalendarElement, SdDatePickerCalendarEvents>;
+export declare const SdDatePickerCalendar: StencilReactComponent<SdDatePickerCalendarElement, SdDatePickerCalendarEvents, Components.SdDatePickerCalendar>;
 export type SdDatePickerTriggerEvents = {
-    onSdTriggerClick: EventName<CustomEvent<void>>;
+    onSdTriggerClick: EventName<SdDatePickerTriggerCustomEvent<void>>;
 };
-export declare const SdDatePickerTrigger: StencilReactComponent<SdDatePickerTriggerElement, SdDatePickerTriggerEvents>;
+export declare const SdDatePickerTrigger: StencilReactComponent<SdDatePickerTriggerElement, SdDatePickerTriggerEvents, Components.SdDatePickerTrigger>;
 export type SdDateRangePickerEvents = {
     onSdUpdate: EventName<SdDateRangePickerCustomEvent<DateRangeValue>>;
-    onSdViewChange: EventName<CustomEvent<{
+    onSdViewChange: EventName<SdDateRangePickerCustomEvent<{
         year: number;
         month: number;
     }>>;
 };
-export declare const SdDateRangePicker: StencilReactComponent<SdDateRangePickerElement, SdDateRangePickerEvents>;
+export declare const SdDateRangePicker: StencilReactComponent<SdDateRangePickerElement, SdDateRangePickerEvents, Components.SdDateRangePicker>;
 export type SdDateRangePickerCalendarEvents = {
-    onSdSelect: EventName<CustomEvent<[string, string]>>;
-    onSdViewChange: EventName<CustomEvent<{
+    onSdSelect: EventName<SdDateRangePickerCalendarCustomEvent<[string, string]>>;
+    onSdViewChange: EventName<SdDateRangePickerCalendarCustomEvent<{
         year: number;
         month: number;
     }>>;
 };
-export declare const SdDateRangePickerCalendar: StencilReactComponent<SdDateRangePickerCalendarElement, SdDateRangePickerCalendarEvents>;
+export declare const SdDateRangePickerCalendar: StencilReactComponent<SdDateRangePickerCalendarElement, SdDateRangePickerCalendarEvents, Components.SdDateRangePickerCalendar>;
 export type SdDropdownButtonEvents = {
     onSdClick: EventName<SdDropdownButtonCustomEvent<DropdownButtonValue>>;
-    onSdDropDownShow: EventName<CustomEvent<{
+    onSdDropDownShow: EventName<SdDropdownButtonCustomEvent<{
         isOpen: boolean;
     }>>;
 };
-export declare const SdDropdownButton: StencilReactComponent<SdDropdownButtonElement, SdDropdownButtonEvents>;
+export declare const SdDropdownButton: StencilReactComponent<SdDropdownButtonElement, SdDropdownButtonEvents, Components.SdDropdownButton>;
 export type SdFieldEvents = NonNullable<unknown>;
-export declare const SdField: StencilReactComponent<SdFieldElement, SdFieldEvents>;
+export declare const SdField: StencilReactComponent<SdFieldElement, SdFieldEvents, Components.SdField>;
 export type SdFilePickerEvents = {
     onSdUpdate: EventName<SdFilePickerCustomEvent<File[] | File | null>>;
     onSdReject: EventName<SdFilePickerCustomEvent<{
@@ -169,162 +167,172 @@ export type SdFilePickerEvents = {
         reason: 'max-file-size' | 'max-total-size' | 'max-files';
     }>>;
 };
-export declare const SdFilePicker: StencilReactComponent<SdFilePickerElement, SdFilePickerEvents>;
+export declare const SdFilePicker: StencilReactComponent<SdFilePickerElement, SdFilePickerEvents, Components.SdFilePicker>;
 export type SdFloatingPortalEvents = {
-    onSdClose: EventName<CustomEvent<void>>;
+    onSdClose: EventName<SdFloatingPortalCustomEvent<void>>;
 };
-export declare const SdFloatingPortal: StencilReactComponent<SdFloatingPortalElement, SdFloatingPortalEvents>;
+export declare const SdFloatingPortal: StencilReactComponent<SdFloatingPortalElement, SdFloatingPortalEvents, Components.SdFloatingPortal>;
 export type SdFormEvents = {
-    onSdSubmit: EventName<CustomEvent<void>>;
-    onSdValidationError: EventName<CustomEvent<{
+    onSdSubmit: EventName<SdFormCustomEvent<void>>;
+    onSdValidationError: EventName<SdFormCustomEvent<{
         names: string[];
     }>>;
 };
-export declare const SdForm: StencilReactComponent<SdFormElement, SdFormEvents>;
+export declare const SdForm: StencilReactComponent<SdFormElement, SdFormEvents, Components.SdForm>;
 export type SdGhostButtonEvents = {
     onSdClick: EventName<SdGhostButtonCustomEvent<MouseEvent>>;
 };
-export declare const SdGhostButton: StencilReactComponent<SdGhostButtonElement, SdGhostButtonEvents>;
+export declare const SdGhostButton: StencilReactComponent<SdGhostButtonElement, SdGhostButtonEvents, Components.SdGhostButton>;
 export type SdGuideEvents = NonNullable<unknown>;
-export declare const SdGuide: StencilReactComponent<SdGuideElement, SdGuideEvents>;
+export declare const SdGuide: StencilReactComponent<SdGuideElement, SdGuideEvents, Components.SdGuide>;
 export type SdIconEvents = NonNullable<unknown>;
-export declare const SdIcon: StencilReactComponent<SdIconElement, SdIconEvents>;
+export declare const SdIcon: StencilReactComponent<SdIconElement, SdIconEvents, Components.SdIcon>;
 export type SdInputEvents = {
-    onSdUpdate: EventName<CustomEvent<string | number | null>>;
+    onSdUpdate: EventName<SdInputCustomEvent<string | number | null>>;
     onSdFocus: EventName<SdInputCustomEvent<Event>>;
     onSdBlur: EventName<SdInputCustomEvent<Event>>;
 };
-export declare const SdInput: StencilReactComponent<SdInputElement, SdInputEvents>;
+export declare const SdInput: StencilReactComponent<SdInputElement, SdInputEvents, Components.SdInput>;
+export type SdKeyValueTableEvents = {
+    onSdChange: EventName<SdKeyValueTableCustomEvent<SdKeyValueChangeDetail>>;
+    onSdSearch: EventName<SdKeyValueTableCustomEvent<void>>;
+};
+export declare const SdKeyValueTable: StencilReactComponent<SdKeyValueTableElement, SdKeyValueTableEvents, Components.SdKeyValueTable>;
 export type SdLinearProgressEvents = NonNullable<unknown>;
-export declare const SdLinearProgress: StencilReactComponent<SdLinearProgressElement, SdLinearProgressEvents>;
+export declare const SdLinearProgress: StencilReactComponent<SdLinearProgressElement, SdLinearProgressEvents, Components.SdLinearProgress>;
 export type SdLoadingContainerEvents = NonNullable<unknown>;
-export declare const SdLoadingContainer: StencilReactComponent<SdLoadingContainerElement, SdLoadingContainerEvents>;
+export declare const SdLoadingContainer: StencilReactComponent<SdLoadingContainerElement, SdLoadingContainerEvents, Components.SdLoadingContainer>;
 export type SdLoadingModalEvents = {
-    onSdClick: EventName<CustomEvent<void>>;
+    onSdClick: EventName<SdLoadingModalCustomEvent<void>>;
 };
-export declare const SdLoadingModal: StencilReactComponent<SdLoadingModalElement, SdLoadingModalEvents>;
+export declare const SdLoadingModal: StencilReactComponent<SdLoadingModalElement, SdLoadingModalEvents, Components.SdLoadingModal>;
 export type SdModalContainerEvents = NonNullable<unknown>;
-export declare const SdModalContainer: StencilReactComponent<SdModalContainerElement, SdModalContainerEvents>;
+export declare const SdModalContainer: StencilReactComponent<SdModalContainerElement, SdModalContainerEvents, Components.SdModalContainer>;
 export type SdNumberInputEvents = {
-    onSdUpdate: EventName<CustomEvent<number | null>>;
+    onSdUpdate: EventName<SdNumberInputCustomEvent<number | null>>;
     onSdFocus: EventName<SdNumberInputCustomEvent<Event>>;
     onSdBlur: EventName<SdNumberInputCustomEvent<Event>>;
 };
-export declare const SdNumberInput: StencilReactComponent<SdNumberInputElement, SdNumberInputEvents>;
+export declare const SdNumberInput: StencilReactComponent<SdNumberInputElement, SdNumberInputEvents, Components.SdNumberInput>;
 export type SdPaginationEvents = {
-    onSdPageChange: EventName<CustomEvent<number>>;
+    onSdPageChange: EventName<SdPaginationCustomEvent<number>>;
 };
-export declare const SdPagination: StencilReactComponent<SdPaginationElement, SdPaginationEvents>;
+export declare const SdPagination: StencilReactComponent<SdPaginationElement, SdPaginationEvents, Components.SdPagination>;
 export type SdPopoverEvents = {
-    onSdShowChange: EventName<CustomEvent<boolean>>;
+    onSdShowChange: EventName<SdPopoverCustomEvent<boolean>>;
+};
+export declare const SdPopover: StencilReactComponent<SdPopoverElement, SdPopoverEvents, Components.SdPopover>;
+export type SdPopupEvents = {
+    onSdSubmit: EventName<SdPopupCustomEvent<void>>;
 };
-export declare const SdPopover: StencilReactComponent<SdPopoverElement, SdPopoverEvents>;
+export declare const SdPopup: StencilReactComponent<SdPopupElement, SdPopupEvents, Components.SdPopup>;
 export type SdPortalEvents = {
-    onSdClose: EventName<CustomEvent<void>>;
+    onSdClose: EventName<SdPortalCustomEvent<void>>;
 };
-export declare const SdPortal: StencilReactComponent<SdPortalElement, SdPortalEvents>;
+export declare const SdPortal: StencilReactComponent<SdPortalElement, SdPortalEvents, Components.SdPortal>;
 export type SdRadioEvents = {
     onSdUpdate: EventName<SdRadioCustomEvent<RadioValue>>;
 };
-export declare const SdRadio: StencilReactComponent<SdRadioElement, SdRadioEvents>;
+export declare const SdRadio: StencilReactComponent<SdRadioElement, SdRadioEvents, Components.SdRadio>;
 export type SdRadioButtonEvents = {
     onSdUpdate: EventName<SdRadioButtonCustomEvent<RadioValue>>;
 };
-export declare const SdRadioButton: StencilReactComponent<SdRadioButtonElement, SdRadioButtonEvents>;
+export declare const SdRadioButton: StencilReactComponent<SdRadioButtonElement, SdRadioButtonEvents, Components.SdRadioButton>;
 export type SdRadioGroupEvents = {
     onSdUpdate: EventName<SdRadioGroupCustomEvent<RadioValue>>;
 };
-export declare const SdRadioGroup: StencilReactComponent<SdRadioGroupElement, SdRadioGroupEvents>;
+export declare const SdRadioGroup: StencilReactComponent<SdRadioGroupElement, SdRadioGroupEvents, Components.SdRadioGroup>;
 export type SdSelectEvents = {
     onSdUpdate: EventName<SdSelectCustomEvent<SelectValue>>;
-    onSdDropDownShow: EventName<CustomEvent<{
+    onSdDropDownShow: EventName<SdSelectCustomEvent<{
         isOpen: boolean;
     }>>;
 };
-export declare const SdSelect: StencilReactComponent<SdSelectElement, SdSelectEvents>;
+export declare const SdSelect: StencilReactComponent<SdSelectElement, SdSelectEvents, Components.SdSelect>;
 export type SdSelectListItemEvents = {
     onSdListItemClick: EventName<SdSelectListItemCustomEvent<SelectOption>>;
 };
-export declare const SdSelectListItem: StencilReactComponent<SdSelectListItemElement, SdSelectListItemEvents>;
+export declare const SdSelectListItem: StencilReactComponent<SdSelectListItemElement, SdSelectListItemEvents, Components.SdSelectListItem>;
 export type SdSelectListItemSearchEvents = {
-    onSdSearchFilter: EventName<CustomEvent<string>>;
-    onSdSearchFocus: EventName<CustomEvent<void>>;
+    onSdSearchFilter: EventName<SdSelectListItemSearchCustomEvent<string>>;
+    onSdSearchFocus: EventName<SdSelectListItemSearchCustomEvent<void>>;
 };
-export declare const SdSelectListItemSearch: StencilReactComponent<SdSelectListItemSearchElement, SdSelectListItemSearchEvents>;
+export declare const SdSelectListItemSearch: StencilReactComponent<SdSelectListItemSearchElement, SdSelectListItemSearchEvents, Components.SdSelectListItemSearch>;
 export type SdSelectListboxEvents = {
     onSdOptionSelect: EventName<SdSelectListboxCustomEvent<SelectOptionSelectDetail>>;
 };
-export declare const SdSelectListbox: StencilReactComponent<SdSelectListboxElement, SdSelectListboxEvents>;
+export declare const SdSelectListbox: StencilReactComponent<SdSelectListboxElement, SdSelectListboxEvents, Components.SdSelectListbox>;
 export type SdSelectTriggerEvents = {
-    onSdTriggerClick: EventName<CustomEvent<void>>;
-    onSdTriggerFocus: EventName<CustomEvent<void>>;
-    onSdTriggerBlur: EventName<CustomEvent<void>>;
+    onSdTriggerClick: EventName<SdSelectTriggerCustomEvent<void>>;
+    onSdTriggerFocus: EventName<SdSelectTriggerCustomEvent<void>>;
+    onSdTriggerBlur: EventName<SdSelectTriggerCustomEvent<void>>;
 };
-export declare const SdSelectTrigger: StencilReactComponent<SdSelectTriggerElement, SdSelectTriggerEvents>;
+export declare const SdSelectTrigger: StencilReactComponent<SdSelectTriggerElement, SdSelectTriggerEvents, Components.SdSelectTrigger>;
 export type SdSwitchEvents = {
-    onSdUpdate: EventName<CustomEvent<boolean>>;
+    onSdUpdate: EventName<SdSwitchCustomEvent<boolean>>;
 };
-export declare const SdSwitch: StencilReactComponent<SdSwitchElement, SdSwitchEvents>;
+export declare const SdSwitch: StencilReactComponent<SdSwitchElement, SdSwitchEvents, Components.SdSwitch>;
 export type SdTableEvents = {
     onSdSelectChange: EventName<SdTableCustomEvent<Row[]>>;
-    onSdPageChange: EventName<CustomEvent<number>>;
-    onSdRowsPerPageChange: EventName<CustomEvent<number>>;
-    onSdVirtualUpdate: EventName<CustomEvent<{
+    onSdPageChange: EventName<SdTableCustomEvent<number>>;
+    onSdRowsPerPageChange: EventName<SdTableCustomEvent<number>>;
+    onSdVirtualUpdate: EventName<SdTableCustomEvent<{
         from: number;
         to: number;
     }>>;
-    onSdVirtualReachEnd: EventName<CustomEvent<{
+    onSdVirtualReachEnd: EventName<SdTableCustomEvent<{
         from: number;
         to: number;
         rowCount: number;
         threshold: number;
     }>>;
 };
-export declare const SdTable: StencilReactComponent<SdTableElement, SdTableEvents>;
+export declare const SdTable: StencilReactComponent<SdTableElement, SdTableEvents, Components.SdTable>;
 export type SdTabsEvents = {
-    onSdUpdate: EventName<CustomEvent<string>>;
+    onSdUpdate: EventName<SdTabsCustomEvent<string>>;
 };
-export declare const SdTabs: StencilReactComponent<SdTabsElement, SdTabsEvents>;
+export declare const SdTabs: StencilReactComponent<SdTabsElement, SdTabsEvents, Components.SdTabs>;
 export type SdTagEvents = NonNullable<unknown>;
-export declare const SdTag: StencilReactComponent<SdTagElement, SdTagEvents>;
+export declare const SdTag: StencilReactComponent<SdTagElement, SdTagEvents, Components.SdTag>;
 export type SdTbodyEvents = NonNullable<unknown>;
-export declare const SdTbody: StencilReactComponent<SdTbodyElement, SdTbodyEvents>;
+export declare const SdTbody: StencilReactComponent<SdTbodyElement, SdTbodyEvents, Components.SdTbody>;
 export type SdTdEvents = NonNullable<unknown>;
-export declare const SdTd: StencilReactComponent<SdTdElement, SdTdEvents>;
+export declare const SdTd: StencilReactComponent<SdTdElement, SdTdEvents, Components.SdTd>;
 export type SdTextLinkEvents = {
-    onSdClick: EventName<CustomEvent<void>>;
+    onSdClick: EventName<SdTextLinkCustomEvent<void>>;
 };
-export declare const SdTextLink: StencilReactComponent<SdTextLinkElement, SdTextLinkEvents>;
+export declare const SdTextLink: StencilReactComponent<SdTextLinkElement, SdTextLinkEvents, Components.SdTextLink>;
 export type SdTextareaEvents = {
-    onSdUpdate: EventName<CustomEvent<string | null>>;
+    onSdUpdate: EventName<SdTextareaCustomEvent<string | null>>;
     onSdFocus: EventName<SdTextareaCustomEvent<Event>>;
     onSdBlur: EventName<SdTextareaCustomEvent<Event>>;
 };
-export declare const SdTextarea: StencilReactComponent<SdTextareaElement, SdTextareaEvents>;
+export declare const SdTextarea: StencilReactComponent<SdTextareaElement, SdTextareaEvents, Components.SdTextarea>;
 export type SdTheadEvents = {
     onSdColumnSort: EventName<SdTheadCustomEvent<{
         column: SdTableColumn;
     }>>;
 };
-export declare const SdThead: StencilReactComponent<SdTheadElement, SdTheadEvents>;
+export declare const SdThead: StencilReactComponent<SdTheadElement, SdTheadEvents, Components.SdThead>;
 export type SdToastEvents = {
-    onSdClose: EventName<CustomEvent<void>>;
+    onSdClose: EventName<SdToastCustomEvent<void>>;
+    onSdButtonClick: EventName<SdToastCustomEvent<MouseEvent>>;
 };
-export declare const SdToast: StencilReactComponent<SdToastElement, SdToastEvents>;
+export declare const SdToast: StencilReactComponent<SdToastElement, SdToastEvents, Components.SdToast>;
 export type SdToastContainerEvents = {
-    onSdToastShow: EventName<CustomEvent<{
+    onSdToastShow: EventName<SdToastContainerCustomEvent<{
         id: string;
     }>>;
-    onSdToastDismiss: EventName<CustomEvent<{
+    onSdToastDismiss: EventName<SdToastContainerCustomEvent<{
         id: string;
     }>>;
 };
-export declare const SdToastContainer: StencilReactComponent<SdToastContainerElement, SdToastContainerEvents>;
+export declare const SdToastContainer: StencilReactComponent<SdToastContainerElement, SdToastContainerEvents, Components.SdToastContainer>;
 export type SdToggleEvents = {
-    onSdUpdate: EventName<CustomEvent<boolean>>;
+    onSdUpdate: EventName<SdToggleCustomEvent<boolean>>;
 };
-export declare const SdToggle: StencilReactComponent<SdToggleElement, SdToggleEvents>;
+export declare const SdToggle: StencilReactComponent<SdToggleElement, SdToggleEvents, Components.SdToggle>;
 export type SdTooltipEvents = NonNullable<unknown>;
-export declare const SdTooltip: StencilReactComponent<SdTooltipElement, SdTooltipEvents>;
+export declare const SdTooltip: StencilReactComponent<SdTooltipElement, SdTooltipEvents, Components.SdTooltip>;
 export type SdTrEvents = NonNullable<unknown>;
-export declare const SdTr: StencilReactComponent<SdTrElement, SdTrEvents>;
+export declare const SdTr: StencilReactComponent<SdTrElement, SdTrEvents, Components.SdTr>;