@sellmate/design-system-react 1.0.78 → 1.1.0

package/dist/components/components.d.ts

@@ -2,11 +2,12 @@
  * 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 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 +30,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 +38,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,107 +62,102 @@ 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';
 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<{
@@ -167,162 +165,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>;

package/dist/components/components.js

@@ -1,8 +1,9 @@
 'use client';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
 import { SdActionModal as SdActionModalElement, defineCustomElement as defineSdActionModal } from "@sellmate/design-system/dist/components/sd-action-modal.js";
 import { SdBadge as SdBadgeElement, defineCustomElement as defineSdBadge } from "@sellmate/design-system/dist/components/sd-badge.js";
 import { SdBarcodeInput as SdBarcodeInputElement, defineCustomElement as defineSdBarcodeInput } from "@sellmate/design-system/dist/components/sd-barcode-input.js";
-import { SdButtonV2 as SdButtonV2Element, defineCustomElement as defineSdButtonV2 } from "@sellmate/design-system/dist/components/sd-button-v2.js";
 import { SdButton as SdButtonElement, defineCustomElement as defineSdButton } from "@sellmate/design-system/dist/components/sd-button.js";
 import { SdCalendar as SdCalendarElement, defineCustomElement as defineSdCalendar } from "@sellmate/design-system/dist/components/sd-calendar.js";
 import { SdCard as SdCardElement, defineCustomElement as defineSdCard } from "@sellmate/design-system/dist/components/sd-card.js";
@@ -25,6 +26,7 @@ import { SdGhostButton as SdGhostButtonElement, defineCustomElement as defineSdG
 import { SdGuide as SdGuideElement, defineCustomElement as defineSdGuide } from "@sellmate/design-system/dist/components/sd-guide.js";
 import { SdIcon as SdIconElement, defineCustomElement as defineSdIcon } from "@sellmate/design-system/dist/components/sd-icon.js";
 import { SdInput as SdInputElement, defineCustomElement as defineSdInput } from "@sellmate/design-system/dist/components/sd-input.js";
+import { SdKeyValueTable as SdKeyValueTableElement, defineCustomElement as defineSdKeyValueTable } from "@sellmate/design-system/dist/components/sd-key-value-table.js";
 import { SdLinearProgress as SdLinearProgressElement, defineCustomElement as defineSdLinearProgress } from "@sellmate/design-system/dist/components/sd-linear-progress.js";
 import { SdLoadingContainer as SdLoadingContainerElement, defineCustomElement as defineSdLoadingContainer } from "@sellmate/design-system/dist/components/sd-loading-container.js";
 import { SdLoadingModal as SdLoadingModalElement, defineCustomElement as defineSdLoadingModal } from "@sellmate/design-system/dist/components/sd-loading-modal.js";
@@ -32,6 +34,7 @@ import { SdModalContainer as SdModalContainerElement, defineCustomElement as def
 import { SdNumberInput as SdNumberInputElement, defineCustomElement as defineSdNumberInput } from "@sellmate/design-system/dist/components/sd-number-input.js";
 import { SdPagination as SdPaginationElement, defineCustomElement as defineSdPagination } from "@sellmate/design-system/dist/components/sd-pagination.js";
 import { SdPopover as SdPopoverElement, defineCustomElement as defineSdPopover } from "@sellmate/design-system/dist/components/sd-popover.js";
+import { SdPopup as SdPopupElement, defineCustomElement as defineSdPopup } from "@sellmate/design-system/dist/components/sd-popup.js";
 import { SdPortal as SdPortalElement, defineCustomElement as defineSdPortal } from "@sellmate/design-system/dist/components/sd-portal.js";
 import { SdRadioButton as SdRadioButtonElement, defineCustomElement as defineSdRadioButton } from "@sellmate/design-system/dist/components/sd-radio-button.js";
 import { SdRadioGroup as SdRadioGroupElement, defineCustomElement as defineSdRadioGroup } from "@sellmate/design-system/dist/components/sd-radio-group.js";
@@ -55,8 +58,6 @@ import { SdToast as SdToastElement, defineCustomElement as defineSdToast } from
 import { SdToggle as SdToggleElement, defineCustomElement as defineSdToggle } from "@sellmate/design-system/dist/components/sd-toggle.js";
 import { SdTooltip as SdTooltipElement, defineCustomElement as defineSdTooltip } from "@sellmate/design-system/dist/components/sd-tooltip.js";
 import { SdTr as SdTrElement, defineCustomElement as defineSdTr } from "@sellmate/design-system/dist/components/sd-tr.js";
-import { createComponent } from '@stencil/react-output-target/runtime';
-import React from 'react';
 export const SdActionModal = /*@__PURE__*/ createComponent({
     tagName: 'sd-action-modal',
     elementClass: SdActionModalElement,
@@ -96,14 +97,6 @@ export const SdButton = /*@__PURE__*/ createComponent({
     events: { onSdClick: 'sdClick' },
     defineCustomElement: defineSdButton
 });
-export const SdButtonV2 = /*@__PURE__*/ createComponent({
-    tagName: 'sd-button-v2',
-    elementClass: SdButtonV2Element,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: { onSdClick: 'sdClick' },
-    defineCustomElement: defineSdButtonV2
-});
 export const SdCalendar = /*@__PURE__*/ createComponent({
     tagName: 'sd-calendar',
     elementClass: SdCalendarElement,
@@ -312,6 +305,17 @@ export const SdInput = /*@__PURE__*/ createComponent({
     },
     defineCustomElement: defineSdInput
 });
+export const SdKeyValueTable = /*@__PURE__*/ createComponent({
+    tagName: 'sd-key-value-table',
+    elementClass: SdKeyValueTableElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSdChange: 'sdChange',
+        onSdSearch: 'sdSearch'
+    },
+    defineCustomElement: defineSdKeyValueTable
+});
 export const SdLinearProgress = /*@__PURE__*/ createComponent({
     tagName: 'sd-linear-progress',
     elementClass: SdLinearProgressElement,
@@ -372,6 +376,14 @@ export const SdPopover = /*@__PURE__*/ createComponent({
     events: { onSdShowChange: 'sdShowChange' },
     defineCustomElement: defineSdPopover
 });
+export const SdPopup = /*@__PURE__*/ createComponent({
+    tagName: 'sd-popup',
+    elementClass: SdPopupElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onSdSubmit: 'sdSubmit' },
+    defineCustomElement: defineSdPopup
+});
 export const SdPortal = /*@__PURE__*/ createComponent({
     tagName: 'sd-portal',
     elementClass: SdPortalElement,
@@ -541,7 +553,10 @@ export const SdToast = /*@__PURE__*/ createComponent({
     elementClass: SdToastElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
-    events: { onSdClose: 'sdClose' },
+    events: {
+        onSdClose: 'sdClose',
+        onSdButtonClick: 'sdButtonClick'
+    },
     defineCustomElement: defineSdToast
 });
 export const SdToastContainer = /*@__PURE__*/ createComponent({