@sellmate/design-system-react 1.0.61 → 1.0.63

package/README.md

@@ -38,7 +38,7 @@ export function App() {
 - `SdInput` - Input component
 - `SdCheckbox` - Checkbox component
 - `SdSelect` - Select dropdown component
-- `SdTable` - Table component
+- `SdTableBackup` - Table component
 - `SdTag` - Tag component
 - `SdIcon` - Icon component
 - `SdTooltip` - Tooltip component

package/dist/components/components.d.ts

@@ -2,7 +2,7 @@
  * 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 SdBarcodeInputCustomEvent, type SdButtonCustomEvent, type SdButtonV2CustomEvent, type SdCheckboxCustomEvent, type SdDateRangePickerCustomEvent, type SdDropdownButtonCustomEvent, type SdFilePickerCustomEvent, type SdGhostButtonCustomEvent, type SdInputCustomEvent, type SdNumberInputCustomEvent, type SdRadioButtonGroupCustomEvent, type SdRadioCustomEvent, type SdRadioGroupCustomEvent, type SdSelectCustomEvent, type SdSelectDropdownCustomEvent, type SdSelectGroupCustomEvent, type SdSelectMultipleCustomEvent, type SdSelectMultipleGroupCustomEvent, type SdSelectOptionCustomEvent, type SdSelectOptionGroupCustomEvent, type SdSelectV2CustomEvent, type SdSelectV2ListItemCustomEvent, type SdSelectV2ListboxCustomEvent, type SdTextareaCustomEvent, type SelectEvents, type SelectMultipleEvents, type SelectOption, type SelectOptionGroup, type SelectV2Option, type SelectV2OptionSelectDetail, type SelectV2Value } from "@sellmate/design-system";
+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 SdSelectDropdownCustomEvent, type SdSelectGroupCustomEvent, type SdSelectMultipleCustomEvent, type SdSelectMultipleGroupCustomEvent, type SdSelectOptionCustomEvent, type SdSelectOptionGroupCustomEvent, type SdSelectV2CustomEvent, type SdSelectV2ListItemCustomEvent, type SdSelectV2ListboxCustomEvent, type SdTableCustomEvent, type SdTextareaCustomEvent, type SelectEvents, type SelectMultipleEvents, type SelectOption, type SelectOptionGroup, type SelectV2Option, type SelectV2OptionSelectDetail, type SelectV2Value } from "@sellmate/design-system";
 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";
@@ -11,6 +11,7 @@ import { SdButton as SdButtonElement } from "@sellmate/design-system/dist/compon
 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";
 import { SdCheckbox as SdCheckboxElement } from "@sellmate/design-system/dist/components/sd-checkbox.js";
+import { SdCircleProgress as SdCircleProgressElement } from "@sellmate/design-system/dist/components/sd-circle-progress.js";
 import { SdConfirmModal as SdConfirmModalElement } from "@sellmate/design-system/dist/components/sd-confirm-modal.js";
 import { SdDateBox as SdDateBoxElement } from "@sellmate/design-system/dist/components/sd-date-box.js";
 import { SdDatePickerCalendar as SdDatePickerCalendarElement } from "@sellmate/design-system/dist/components/sd-date-picker-calendar.js";
@@ -27,14 +28,15 @@ 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 { SdLoadingSpinner as SdLoadingSpinnerElement } from "@sellmate/design-system/dist/components/sd-loading-spinner.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";
 import { SdModalContainer as SdModalContainerElement } from "@sellmate/design-system/dist/components/sd-modal-container.js";
 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 { SdPortal as SdPortalElement } from "@sellmate/design-system/dist/components/sd-portal.js";
 import { SdProgress as SdProgressElement } from "@sellmate/design-system/dist/components/sd-progress.js";
-import { SdRadioButtonGroup as SdRadioButtonGroupElement } from "@sellmate/design-system/dist/components/sd-radio-button-group.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";
 import { SdRadio as SdRadioElement } from "@sellmate/design-system/dist/components/sd-radio.js";
 import { SdSelectDropdown as SdSelectDropdownElement } from "@sellmate/design-system/dist/components/sd-select-dropdown.js";
@@ -50,15 +52,21 @@ import { SdSelectV2Listbox as SdSelectV2ListboxElement } from "@sellmate/design-
 import { SdSelectV2Trigger as SdSelectV2TriggerElement } from "@sellmate/design-system/dist/components/sd-select-v2-trigger.js";
 import { SdSelectV2 as SdSelectV2Element } from "@sellmate/design-system/dist/components/sd-select-v2.js";
 import { SdSelect as SdSelectElement } from "@sellmate/design-system/dist/components/sd-select.js";
+import { SdSwitch as SdSwitchElement } from "@sellmate/design-system/dist/components/sd-switch.js";
+import { SdTable as SdTableElement } from "@sellmate/design-system/dist/components/sd-table.js";
 import { SdTabs as SdTabsElement } from "@sellmate/design-system/dist/components/sd-tabs.js";
 import { SdTag as SdTagElement } from "@sellmate/design-system/dist/components/sd-tag.js";
+import { SdTbody as SdTbodyElement } from "@sellmate/design-system/dist/components/sd-tbody.js";
+import { SdTd as SdTdElement } from "@sellmate/design-system/dist/components/sd-td.js";
 import { SdTextLink as SdTextLinkElement } from "@sellmate/design-system/dist/components/sd-text-link.js";
 import { SdTextarea as SdTextareaElement } from "@sellmate/design-system/dist/components/sd-textarea.js";
+import { SdThead as SdTheadElement } from "@sellmate/design-system/dist/components/sd-thead.js";
 import { SdToastContainer as SdToastContainerElement } from "@sellmate/design-system/dist/components/sd-toast-container.js";
 import { SdToast as SdToastElement } from "@sellmate/design-system/dist/components/sd-toast.js";
-import { SdToggleButton as SdToggleButtonElement } from "@sellmate/design-system/dist/components/sd-toggle-button.js";
 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 { TableTest as TableTestElement } from "@sellmate/design-system/dist/components/table-test.js";
 import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
 export type SdActionModalEvents = {
     onSdClose: EventName<CustomEvent<void>>;
@@ -95,6 +103,8 @@ export type SdCheckboxEvents = {
     onSdUpdate: EventName<SdCheckboxCustomEvent<CheckedType>>;
 };
 export declare const SdCheckbox: StencilReactComponent<SdCheckboxElement, SdCheckboxEvents>;
+export type SdCircleProgressEvents = NonNullable<unknown>;
+export declare const SdCircleProgress: StencilReactComponent<SdCircleProgressElement, SdCircleProgressEvents>;
 export type SdConfirmModalEvents = {
     onSdClose: EventName<CustomEvent<void>>;
     onSdCancel: EventName<CustomEvent<void>>;
@@ -182,8 +192,12 @@ export type SdInputEvents = {
     onSdBlur: EventName<SdInputCustomEvent<Event>>;
 };
 export declare const SdInput: StencilReactComponent<SdInputElement, SdInputEvents>;
-export type SdLoadingSpinnerEvents = NonNullable<unknown>;
-export declare const SdLoadingSpinner: StencilReactComponent<SdLoadingSpinnerElement, SdLoadingSpinnerEvents>;
+export type SdLoadingContainerEvents = NonNullable<unknown>;
+export declare const SdLoadingContainer: StencilReactComponent<SdLoadingContainerElement, SdLoadingContainerEvents>;
+export type SdLoadingModalEvents = {
+    onSdClick: EventName<CustomEvent<void>>;
+};
+export declare const SdLoadingModal: StencilReactComponent<SdLoadingModalElement, SdLoadingModalEvents>;
 export type SdModalContainerEvents = NonNullable<unknown>;
 export declare const SdModalContainer: StencilReactComponent<SdModalContainerElement, SdModalContainerEvents>;
 export type SdNumberInputEvents = {
@@ -208,10 +222,10 @@ export type SdRadioEvents = {
     onSdUpdate: EventName<SdRadioCustomEvent<RadioValue>>;
 };
 export declare const SdRadio: StencilReactComponent<SdRadioElement, SdRadioEvents>;
-export type SdRadioButtonGroupEvents = {
-    onSdUpdate: EventName<SdRadioButtonGroupCustomEvent<RadioValue>>;
+export type SdRadioButtonEvents = {
+    onSdUpdate: EventName<SdRadioButtonCustomEvent<RadioValue>>;
 };
-export declare const SdRadioButtonGroup: StencilReactComponent<SdRadioButtonGroupElement, SdRadioButtonGroupEvents>;
+export declare const SdRadioButton: StencilReactComponent<SdRadioButtonElement, SdRadioButtonEvents>;
 export type SdRadioGroupEvents = {
     onSdUpdate: EventName<SdRadioGroupCustomEvent<RadioValue>>;
 };
@@ -292,12 +306,36 @@ export type SdSelectV2TriggerEvents = {
     onSdTriggerClick: EventName<CustomEvent<void>>;
 };
 export declare const SdSelectV2Trigger: StencilReactComponent<SdSelectV2TriggerElement, SdSelectV2TriggerEvents>;
+export type SdSwitchEvents = {
+    onSdUpdate: EventName<CustomEvent<boolean>>;
+};
+export declare const SdSwitch: StencilReactComponent<SdSwitchElement, SdSwitchEvents>;
+export type SdTableEvents = {
+    onSdSelectChange: EventName<SdTableCustomEvent<Row[]>>;
+    onSdPageChange: EventName<CustomEvent<number>>;
+    onSdRowsPerPageChange: EventName<CustomEvent<number>>;
+    onSdVirtualUpdate: EventName<CustomEvent<{
+        from: number;
+        to: number;
+    }>>;
+    onSdVirtualReachEnd: EventName<CustomEvent<{
+        from: number;
+        to: number;
+        rowCount: number;
+        threshold: number;
+    }>>;
+};
+export declare const SdTable: StencilReactComponent<SdTableElement, SdTableEvents>;
 export type SdTabsEvents = {
     onSdUpdate: EventName<CustomEvent<string>>;
 };
 export declare const SdTabs: StencilReactComponent<SdTabsElement, SdTabsEvents>;
 export type SdTagEvents = NonNullable<unknown>;
 export declare const SdTag: StencilReactComponent<SdTagElement, SdTagEvents>;
+export type SdTbodyEvents = NonNullable<unknown>;
+export declare const SdTbody: StencilReactComponent<SdTbodyElement, SdTbodyEvents>;
+export type SdTdEvents = NonNullable<unknown>;
+export declare const SdTd: StencilReactComponent<SdTdElement, SdTdEvents>;
 export type SdTextLinkEvents = {
     onSdClick: EventName<CustomEvent<void>>;
 };
@@ -308,6 +346,8 @@ export type SdTextareaEvents = {
     onSdBlur: EventName<SdTextareaCustomEvent<Event>>;
 };
 export declare const SdTextarea: StencilReactComponent<SdTextareaElement, SdTextareaEvents>;
+export type SdTheadEvents = NonNullable<unknown>;
+export declare const SdThead: StencilReactComponent<SdTheadElement, SdTheadEvents>;
 export type SdToastEvents = {
     onSdClose: EventName<CustomEvent<void>>;
 };
@@ -325,9 +365,11 @@ export type SdToggleEvents = {
     onSdUpdate: EventName<CustomEvent<boolean>>;
 };
 export declare const SdToggle: StencilReactComponent<SdToggleElement, SdToggleEvents>;
-export type SdToggleButtonEvents = {
-    onSdUpdate: EventName<CustomEvent<boolean>>;
-};
-export declare const SdToggleButton: StencilReactComponent<SdToggleButtonElement, SdToggleButtonEvents>;
 export type SdTooltipEvents = NonNullable<unknown>;
 export declare const SdTooltip: StencilReactComponent<SdTooltipElement, SdTooltipEvents>;
+export type SdTrEvents = NonNullable<unknown>;
+export declare const SdTr: StencilReactComponent<SdTrElement, SdTrEvents>;
+export type TableTestEvents = {
+    onTableReady: EventName<CustomEvent<void>>;
+};
+export declare const TableTest: StencilReactComponent<TableTestElement, TableTestEvents>;

package/dist/components/components.js

@@ -7,6 +7,7 @@ import { SdButton as SdButtonElement, defineCustomElement as defineSdButton } fr
 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";
 import { SdCheckbox as SdCheckboxElement, defineCustomElement as defineSdCheckbox } from "@sellmate/design-system/dist/components/sd-checkbox.js";
+import { SdCircleProgress as SdCircleProgressElement, defineCustomElement as defineSdCircleProgress } from "@sellmate/design-system/dist/components/sd-circle-progress.js";
 import { SdConfirmModal as SdConfirmModalElement, defineCustomElement as defineSdConfirmModal } from "@sellmate/design-system/dist/components/sd-confirm-modal.js";
 import { SdDateBox as SdDateBoxElement, defineCustomElement as defineSdDateBox } from "@sellmate/design-system/dist/components/sd-date-box.js";
 import { SdDatePickerCalendar as SdDatePickerCalendarElement, defineCustomElement as defineSdDatePickerCalendar } from "@sellmate/design-system/dist/components/sd-date-picker-calendar.js";
@@ -23,14 +24,15 @@ 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 { SdLoadingSpinner as SdLoadingSpinnerElement, defineCustomElement as defineSdLoadingSpinner } from "@sellmate/design-system/dist/components/sd-loading-spinner.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";
 import { SdModalContainer as SdModalContainerElement, defineCustomElement as defineSdModalContainer } from "@sellmate/design-system/dist/components/sd-modal-container.js";
 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 { SdPortal as SdPortalElement, defineCustomElement as defineSdPortal } from "@sellmate/design-system/dist/components/sd-portal.js";
 import { SdProgress as SdProgressElement, defineCustomElement as defineSdProgress } from "@sellmate/design-system/dist/components/sd-progress.js";
-import { SdRadioButtonGroup as SdRadioButtonGroupElement, defineCustomElement as defineSdRadioButtonGroup } from "@sellmate/design-system/dist/components/sd-radio-button-group.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";
 import { SdRadio as SdRadioElement, defineCustomElement as defineSdRadio } from "@sellmate/design-system/dist/components/sd-radio.js";
 import { SdSelectDropdown as SdSelectDropdownElement, defineCustomElement as defineSdSelectDropdown } from "@sellmate/design-system/dist/components/sd-select-dropdown.js";
@@ -46,15 +48,21 @@ import { SdSelectV2Listbox as SdSelectV2ListboxElement, defineCustomElement as d
 import { SdSelectV2Trigger as SdSelectV2TriggerElement, defineCustomElement as defineSdSelectV2Trigger } from "@sellmate/design-system/dist/components/sd-select-v2-trigger.js";
 import { SdSelectV2 as SdSelectV2Element, defineCustomElement as defineSdSelectV2 } from "@sellmate/design-system/dist/components/sd-select-v2.js";
 import { SdSelect as SdSelectElement, defineCustomElement as defineSdSelect } from "@sellmate/design-system/dist/components/sd-select.js";
+import { SdSwitch as SdSwitchElement, defineCustomElement as defineSdSwitch } from "@sellmate/design-system/dist/components/sd-switch.js";
+import { SdTable as SdTableElement, defineCustomElement as defineSdTable } from "@sellmate/design-system/dist/components/sd-table.js";
 import { SdTabs as SdTabsElement, defineCustomElement as defineSdTabs } from "@sellmate/design-system/dist/components/sd-tabs.js";
 import { SdTag as SdTagElement, defineCustomElement as defineSdTag } from "@sellmate/design-system/dist/components/sd-tag.js";
+import { SdTbody as SdTbodyElement, defineCustomElement as defineSdTbody } from "@sellmate/design-system/dist/components/sd-tbody.js";
+import { SdTd as SdTdElement, defineCustomElement as defineSdTd } from "@sellmate/design-system/dist/components/sd-td.js";
 import { SdTextLink as SdTextLinkElement, defineCustomElement as defineSdTextLink } from "@sellmate/design-system/dist/components/sd-text-link.js";
 import { SdTextarea as SdTextareaElement, defineCustomElement as defineSdTextarea } from "@sellmate/design-system/dist/components/sd-textarea.js";
+import { SdThead as SdTheadElement, defineCustomElement as defineSdThead } from "@sellmate/design-system/dist/components/sd-thead.js";
 import { SdToastContainer as SdToastContainerElement, defineCustomElement as defineSdToastContainer } from "@sellmate/design-system/dist/components/sd-toast-container.js";
 import { SdToast as SdToastElement, defineCustomElement as defineSdToast } from "@sellmate/design-system/dist/components/sd-toast.js";
-import { SdToggleButton as SdToggleButtonElement, defineCustomElement as defineSdToggleButton } from "@sellmate/design-system/dist/components/sd-toggle-button.js";
 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 { TableTest as TableTestElement, defineCustomElement as defineTableTest } from "@sellmate/design-system/dist/components/table-test.js";
 import { createComponent } from '@stencil/react-output-target/runtime';
 import React from 'react';
 export const SdActionModal = /*@__PURE__*/ createComponent({
@@ -131,6 +139,14 @@ export const SdCheckbox = /*@__PURE__*/ createComponent({
     events: { onSdUpdate: 'sdUpdate' },
     defineCustomElement: defineSdCheckbox
 });
+export const SdCircleProgress = /*@__PURE__*/ createComponent({
+    tagName: 'sd-circle-progress',
+    elementClass: SdCircleProgressElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineSdCircleProgress
+});
 export const SdConfirmModal = /*@__PURE__*/ createComponent({
     tagName: 'sd-confirm-modal',
     elementClass: SdConfirmModalElement,
@@ -291,13 +307,21 @@ export const SdInput = /*@__PURE__*/ createComponent({
     },
     defineCustomElement: defineSdInput
 });
-export const SdLoadingSpinner = /*@__PURE__*/ createComponent({
-    tagName: 'sd-loading-spinner',
-    elementClass: SdLoadingSpinnerElement,
+export const SdLoadingContainer = /*@__PURE__*/ createComponent({
+    tagName: 'sd-loading-container',
+    elementClass: SdLoadingContainerElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {},
-    defineCustomElement: defineSdLoadingSpinner
+    defineCustomElement: defineSdLoadingContainer
+});
+export const SdLoadingModal = /*@__PURE__*/ createComponent({
+    tagName: 'sd-loading-modal',
+    elementClass: SdLoadingModalElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onSdClick: 'sdClick' },
+    defineCustomElement: defineSdLoadingModal
 });
 export const SdModalContainer = /*@__PURE__*/ createComponent({
     tagName: 'sd-modal-container',
@@ -359,13 +383,13 @@ export const SdRadio = /*@__PURE__*/ createComponent({
     events: { onSdUpdate: 'sdUpdate' },
     defineCustomElement: defineSdRadio
 });
-export const SdRadioButtonGroup = /*@__PURE__*/ createComponent({
-    tagName: 'sd-radio-button-group',
-    elementClass: SdRadioButtonGroupElement,
+export const SdRadioButton = /*@__PURE__*/ createComponent({
+    tagName: 'sd-radio-button',
+    elementClass: SdRadioButtonElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: { onSdUpdate: 'sdUpdate' },
-    defineCustomElement: defineSdRadioButtonGroup
+    defineCustomElement: defineSdRadioButton
 });
 export const SdRadioGroup = /*@__PURE__*/ createComponent({
     tagName: 'sd-radio-group',
@@ -504,6 +528,28 @@ export const SdSelectV2Trigger = /*@__PURE__*/ createComponent({
     events: { onSdTriggerClick: 'sdTriggerClick' },
     defineCustomElement: defineSdSelectV2Trigger
 });
+export const SdSwitch = /*@__PURE__*/ createComponent({
+    tagName: 'sd-switch',
+    elementClass: SdSwitchElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onSdUpdate: 'sdUpdate' },
+    defineCustomElement: defineSdSwitch
+});
+export const SdTable = /*@__PURE__*/ createComponent({
+    tagName: 'sd-table',
+    elementClass: SdTableElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSdSelectChange: 'sdSelectChange',
+        onSdPageChange: 'sdPageChange',
+        onSdRowsPerPageChange: 'sdRowsPerPageChange',
+        onSdVirtualUpdate: 'sdVirtualUpdate',
+        onSdVirtualReachEnd: 'sdVirtualReachEnd'
+    },
+    defineCustomElement: defineSdTable
+});
 export const SdTabs = /*@__PURE__*/ createComponent({
     tagName: 'sd-tabs',
     elementClass: SdTabsElement,
@@ -520,6 +566,22 @@ export const SdTag = /*@__PURE__*/ createComponent({
     events: {},
     defineCustomElement: defineSdTag
 });
+export const SdTbody = /*@__PURE__*/ createComponent({
+    tagName: 'sd-tbody',
+    elementClass: SdTbodyElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineSdTbody
+});
+export const SdTd = /*@__PURE__*/ createComponent({
+    tagName: 'sd-td',
+    elementClass: SdTdElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineSdTd
+});
 export const SdTextLink = /*@__PURE__*/ createComponent({
     tagName: 'sd-text-link',
     elementClass: SdTextLinkElement,
@@ -540,6 +602,14 @@ export const SdTextarea = /*@__PURE__*/ createComponent({
     },
     defineCustomElement: defineSdTextarea
 });
+export const SdThead = /*@__PURE__*/ createComponent({
+    tagName: 'sd-thead',
+    elementClass: SdTheadElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineSdThead
+});
 export const SdToast = /*@__PURE__*/ createComponent({
     tagName: 'sd-toast',
     elementClass: SdToastElement,
@@ -567,14 +637,6 @@ export const SdToggle = /*@__PURE__*/ createComponent({
     events: { onSdUpdate: 'sdUpdate' },
     defineCustomElement: defineSdToggle
 });
-export const SdToggleButton = /*@__PURE__*/ createComponent({
-    tagName: 'sd-toggle-button',
-    elementClass: SdToggleButtonElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: { onSdUpdate: 'sdUpdate' },
-    defineCustomElement: defineSdToggleButton
-});
 export const SdTooltip = /*@__PURE__*/ createComponent({
     tagName: 'sd-tooltip',
     elementClass: SdTooltipElement,
@@ -583,3 +645,19 @@ export const SdTooltip = /*@__PURE__*/ createComponent({
     events: {},
     defineCustomElement: defineSdTooltip
 });
+export const SdTr = /*@__PURE__*/ createComponent({
+    tagName: 'sd-tr',
+    elementClass: SdTrElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineSdTr
+});
+export const TableTest = /*@__PURE__*/ createComponent({
+    tagName: 'table-test',
+    elementClass: TableTestElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onTableReady: 'tableReady' },
+    defineCustomElement: defineTableTest
+});

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

@@ -2,7 +2,7 @@
  * 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 SdBarcodeInputCustomEvent, type SdButtonCustomEvent, type SdButtonV2CustomEvent, type SdCheckboxCustomEvent, type SdDateRangePickerCustomEvent, type SdDropdownButtonCustomEvent, type SdFilePickerCustomEvent, type SdGhostButtonCustomEvent, type SdInputCustomEvent, type SdNumberInputCustomEvent, type SdRadioButtonGroupCustomEvent, type SdRadioCustomEvent, type SdRadioGroupCustomEvent, type SdSelectCustomEvent, type SdSelectDropdownCustomEvent, type SdSelectGroupCustomEvent, type SdSelectMultipleCustomEvent, type SdSelectMultipleGroupCustomEvent, type SdSelectOptionCustomEvent, type SdSelectOptionGroupCustomEvent, type SdSelectV2CustomEvent, type SdSelectV2ListItemCustomEvent, type SdSelectV2ListboxCustomEvent, type SdTextareaCustomEvent, type SelectEvents, type SelectMultipleEvents, type SelectOption, type SelectOptionGroup, type SelectV2Option, type SelectV2OptionSelectDetail, type SelectV2Value } from "@sellmate/design-system";
+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 SdSelectDropdownCustomEvent, type SdSelectGroupCustomEvent, type SdSelectMultipleCustomEvent, type SdSelectMultipleGroupCustomEvent, type SdSelectOptionCustomEvent, type SdSelectOptionGroupCustomEvent, type SdSelectV2CustomEvent, type SdSelectV2ListItemCustomEvent, type SdSelectV2ListboxCustomEvent, type SdTableCustomEvent, type SdTextareaCustomEvent, type SelectEvents, type SelectMultipleEvents, type SelectOption, type SelectOptionGroup, type SelectV2Option, type SelectV2OptionSelectDetail, type SelectV2Value } from "@sellmate/design-system";
 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";
@@ -11,6 +11,7 @@ import { SdButton as SdButtonElement } from "@sellmate/design-system/dist/compon
 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";
 import { SdCheckbox as SdCheckboxElement } from "@sellmate/design-system/dist/components/sd-checkbox.js";
+import { SdCircleProgress as SdCircleProgressElement } from "@sellmate/design-system/dist/components/sd-circle-progress.js";
 import { SdConfirmModal as SdConfirmModalElement } from "@sellmate/design-system/dist/components/sd-confirm-modal.js";
 import { SdDateBox as SdDateBoxElement } from "@sellmate/design-system/dist/components/sd-date-box.js";
 import { SdDatePickerCalendar as SdDatePickerCalendarElement } from "@sellmate/design-system/dist/components/sd-date-picker-calendar.js";
@@ -27,14 +28,15 @@ 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 { SdLoadingSpinner as SdLoadingSpinnerElement } from "@sellmate/design-system/dist/components/sd-loading-spinner.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";
 import { SdModalContainer as SdModalContainerElement } from "@sellmate/design-system/dist/components/sd-modal-container.js";
 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 { SdPortal as SdPortalElement } from "@sellmate/design-system/dist/components/sd-portal.js";
 import { SdProgress as SdProgressElement } from "@sellmate/design-system/dist/components/sd-progress.js";
-import { SdRadioButtonGroup as SdRadioButtonGroupElement } from "@sellmate/design-system/dist/components/sd-radio-button-group.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";
 import { SdRadio as SdRadioElement } from "@sellmate/design-system/dist/components/sd-radio.js";
 import { SdSelectDropdown as SdSelectDropdownElement } from "@sellmate/design-system/dist/components/sd-select-dropdown.js";
@@ -50,15 +52,21 @@ import { SdSelectV2Listbox as SdSelectV2ListboxElement } from "@sellmate/design-
 import { SdSelectV2Trigger as SdSelectV2TriggerElement } from "@sellmate/design-system/dist/components/sd-select-v2-trigger.js";
 import { SdSelectV2 as SdSelectV2Element } from "@sellmate/design-system/dist/components/sd-select-v2.js";
 import { SdSelect as SdSelectElement } from "@sellmate/design-system/dist/components/sd-select.js";
+import { SdSwitch as SdSwitchElement } from "@sellmate/design-system/dist/components/sd-switch.js";
+import { SdTable as SdTableElement } from "@sellmate/design-system/dist/components/sd-table.js";
 import { SdTabs as SdTabsElement } from "@sellmate/design-system/dist/components/sd-tabs.js";
 import { SdTag as SdTagElement } from "@sellmate/design-system/dist/components/sd-tag.js";
+import { SdTbody as SdTbodyElement } from "@sellmate/design-system/dist/components/sd-tbody.js";
+import { SdTd as SdTdElement } from "@sellmate/design-system/dist/components/sd-td.js";
 import { SdTextLink as SdTextLinkElement } from "@sellmate/design-system/dist/components/sd-text-link.js";
 import { SdTextarea as SdTextareaElement } from "@sellmate/design-system/dist/components/sd-textarea.js";
+import { SdThead as SdTheadElement } from "@sellmate/design-system/dist/components/sd-thead.js";
 import { SdToastContainer as SdToastContainerElement } from "@sellmate/design-system/dist/components/sd-toast-container.js";
 import { SdToast as SdToastElement } from "@sellmate/design-system/dist/components/sd-toast.js";
-import { SdToggleButton as SdToggleButtonElement } from "@sellmate/design-system/dist/components/sd-toggle-button.js";
 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 { TableTest as TableTestElement } from "@sellmate/design-system/dist/components/table-test.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;
@@ -97,6 +105,8 @@ export type SdCheckboxEvents = {
     onSdUpdate: EventName<SdCheckboxCustomEvent<CheckedType>>;
 };
 export declare const SdCheckbox: StencilReactComponent<SdCheckboxElement, SdCheckboxEvents>;
+export type SdCircleProgressEvents = NonNullable<unknown>;
+export declare const SdCircleProgress: StencilReactComponent<SdCircleProgressElement, SdCircleProgressEvents>;
 export type SdConfirmModalEvents = {
     onSdClose: EventName<CustomEvent<void>>;
     onSdCancel: EventName<CustomEvent<void>>;
@@ -184,8 +194,12 @@ export type SdInputEvents = {
     onSdBlur: EventName<SdInputCustomEvent<Event>>;
 };
 export declare const SdInput: StencilReactComponent<SdInputElement, SdInputEvents>;
-export type SdLoadingSpinnerEvents = NonNullable<unknown>;
-export declare const SdLoadingSpinner: StencilReactComponent<SdLoadingSpinnerElement, SdLoadingSpinnerEvents>;
+export type SdLoadingContainerEvents = NonNullable<unknown>;
+export declare const SdLoadingContainer: StencilReactComponent<SdLoadingContainerElement, SdLoadingContainerEvents>;
+export type SdLoadingModalEvents = {
+    onSdClick: EventName<CustomEvent<void>>;
+};
+export declare const SdLoadingModal: StencilReactComponent<SdLoadingModalElement, SdLoadingModalEvents>;
 export type SdModalContainerEvents = NonNullable<unknown>;
 export declare const SdModalContainer: StencilReactComponent<SdModalContainerElement, SdModalContainerEvents>;
 export type SdNumberInputEvents = {
@@ -210,10 +224,10 @@ export type SdRadioEvents = {
     onSdUpdate: EventName<SdRadioCustomEvent<RadioValue>>;
 };
 export declare const SdRadio: StencilReactComponent<SdRadioElement, SdRadioEvents>;
-export type SdRadioButtonGroupEvents = {
-    onSdUpdate: EventName<SdRadioButtonGroupCustomEvent<RadioValue>>;
+export type SdRadioButtonEvents = {
+    onSdUpdate: EventName<SdRadioButtonCustomEvent<RadioValue>>;
 };
-export declare const SdRadioButtonGroup: StencilReactComponent<SdRadioButtonGroupElement, SdRadioButtonGroupEvents>;
+export declare const SdRadioButton: StencilReactComponent<SdRadioButtonElement, SdRadioButtonEvents>;
 export type SdRadioGroupEvents = {
     onSdUpdate: EventName<SdRadioGroupCustomEvent<RadioValue>>;
 };
@@ -294,12 +308,36 @@ export type SdSelectV2TriggerEvents = {
     onSdTriggerClick: EventName<CustomEvent<void>>;
 };
 export declare const SdSelectV2Trigger: StencilReactComponent<SdSelectV2TriggerElement, SdSelectV2TriggerEvents>;
+export type SdSwitchEvents = {
+    onSdUpdate: EventName<CustomEvent<boolean>>;
+};
+export declare const SdSwitch: StencilReactComponent<SdSwitchElement, SdSwitchEvents>;
+export type SdTableEvents = {
+    onSdSelectChange: EventName<SdTableCustomEvent<Row[]>>;
+    onSdPageChange: EventName<CustomEvent<number>>;
+    onSdRowsPerPageChange: EventName<CustomEvent<number>>;
+    onSdVirtualUpdate: EventName<CustomEvent<{
+        from: number;
+        to: number;
+    }>>;
+    onSdVirtualReachEnd: EventName<CustomEvent<{
+        from: number;
+        to: number;
+        rowCount: number;
+        threshold: number;
+    }>>;
+};
+export declare const SdTable: StencilReactComponent<SdTableElement, SdTableEvents>;
 export type SdTabsEvents = {
     onSdUpdate: EventName<CustomEvent<string>>;
 };
 export declare const SdTabs: StencilReactComponent<SdTabsElement, SdTabsEvents>;
 export type SdTagEvents = NonNullable<unknown>;
 export declare const SdTag: StencilReactComponent<SdTagElement, SdTagEvents>;
+export type SdTbodyEvents = NonNullable<unknown>;
+export declare const SdTbody: StencilReactComponent<SdTbodyElement, SdTbodyEvents>;
+export type SdTdEvents = NonNullable<unknown>;
+export declare const SdTd: StencilReactComponent<SdTdElement, SdTdEvents>;
 export type SdTextLinkEvents = {
     onSdClick: EventName<CustomEvent<void>>;
 };
@@ -310,6 +348,8 @@ export type SdTextareaEvents = {
     onSdBlur: EventName<SdTextareaCustomEvent<Event>>;
 };
 export declare const SdTextarea: StencilReactComponent<SdTextareaElement, SdTextareaEvents>;
+export type SdTheadEvents = NonNullable<unknown>;
+export declare const SdThead: StencilReactComponent<SdTheadElement, SdTheadEvents>;
 export type SdToastEvents = {
     onSdClose: EventName<CustomEvent<void>>;
 };
@@ -327,9 +367,11 @@ export type SdToggleEvents = {
     onSdUpdate: EventName<CustomEvent<boolean>>;
 };
 export declare const SdToggle: StencilReactComponent<SdToggleElement, SdToggleEvents>;
-export type SdToggleButtonEvents = {
-    onSdUpdate: EventName<CustomEvent<boolean>>;
-};
-export declare const SdToggleButton: StencilReactComponent<SdToggleButtonElement, SdToggleButtonEvents>;
 export type SdTooltipEvents = NonNullable<unknown>;
 export declare const SdTooltip: StencilReactComponent<SdTooltipElement, SdTooltipEvents>;
+export type SdTrEvents = NonNullable<unknown>;
+export declare const SdTr: StencilReactComponent<SdTrElement, SdTrEvents>;
+export type TableTestEvents = {
+    onTableReady: EventName<CustomEvent<void>>;
+};
+export declare const TableTest: StencilReactComponent<TableTestElement, TableTestEvents>;