@sellmate/design-system-react 1.0.76 → 1.0.77

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -8,7 +8,7 @@
8
8
  // @ts-ignore - ignore potential type issues as the project is importing itself
9
9
  import * as clientComponents from '@sellmate/design-system-react';
10
10
 
11
- import { type CheckedType, type DateRangeValue, type DropdownButtonValue, type Event, 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";
11
+ import { type CheckedType, type DateRangeValue, type DropdownButtonValue, type Event, 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";
12
12
  import { SdActionModal as SdActionModalElement } from "@sellmate/design-system/dist/components/sd-action-modal.js";
13
13
  import { SdBadge as SdBadgeElement } from "@sellmate/design-system/dist/components/sd-badge.js";
14
14
  import { SdBarcodeInput as SdBarcodeInputElement } from "@sellmate/design-system/dist/components/sd-barcode-input.js";
@@ -43,22 +43,13 @@ import { SdNumberInput as SdNumberInputElement } from "@sellmate/design-system/d
43
43
  import { SdPagination as SdPaginationElement } from "@sellmate/design-system/dist/components/sd-pagination.js";
44
44
  import { SdPopover as SdPopoverElement } from "@sellmate/design-system/dist/components/sd-popover.js";
45
45
  import { SdPortal as SdPortalElement } from "@sellmate/design-system/dist/components/sd-portal.js";
46
- import { SdProgress as SdProgressElement } from "@sellmate/design-system/dist/components/sd-progress.js";
47
46
  import { SdRadioButton as SdRadioButtonElement } from "@sellmate/design-system/dist/components/sd-radio-button.js";
48
47
  import { SdRadioGroup as SdRadioGroupElement } from "@sellmate/design-system/dist/components/sd-radio-group.js";
49
48
  import { SdRadio as SdRadioElement } from "@sellmate/design-system/dist/components/sd-radio.js";
50
- import { SdSelectDropdown as SdSelectDropdownElement } from "@sellmate/design-system/dist/components/sd-select-dropdown.js";
51
- import { SdSelectGroup as SdSelectGroupElement } from "@sellmate/design-system/dist/components/sd-select-group.js";
52
- import { SdSelectMultipleGroup as SdSelectMultipleGroupElement } from "@sellmate/design-system/dist/components/sd-select-multiple-group.js";
53
- import { SdSelectMultiple as SdSelectMultipleElement } from "@sellmate/design-system/dist/components/sd-select-multiple.js";
54
- import { SdSelectOptionGroup as SdSelectOptionGroupElement } from "@sellmate/design-system/dist/components/sd-select-option-group.js";
55
- import { SdSelectOption as SdSelectOptionElement } from "@sellmate/design-system/dist/components/sd-select-option.js";
56
- import { SdSelectSearchInput as SdSelectSearchInputElement } from "@sellmate/design-system/dist/components/sd-select-search-input.js";
57
- import { SdSelectV2ListItemSearch as SdSelectV2ListItemSearchElement } from "@sellmate/design-system/dist/components/sd-select-v2-list-item-search.js";
58
- import { SdSelectV2ListItem as SdSelectV2ListItemElement } from "@sellmate/design-system/dist/components/sd-select-v2-list-item.js";
59
- import { SdSelectV2Listbox as SdSelectV2ListboxElement } from "@sellmate/design-system/dist/components/sd-select-v2-listbox.js";
60
- import { SdSelectV2Trigger as SdSelectV2TriggerElement } from "@sellmate/design-system/dist/components/sd-select-v2-trigger.js";
61
- import { SdSelectV2 as SdSelectV2Element } from "@sellmate/design-system/dist/components/sd-select-v2.js";
49
+ import { SdSelectListItemSearch as SdSelectListItemSearchElement } from "@sellmate/design-system/dist/components/sd-select-list-item-search.js";
50
+ import { SdSelectListItem as SdSelectListItemElement } from "@sellmate/design-system/dist/components/sd-select-list-item.js";
51
+ import { SdSelectListbox as SdSelectListboxElement } from "@sellmate/design-system/dist/components/sd-select-listbox.js";
52
+ import { SdSelectTrigger as SdSelectTriggerElement } from "@sellmate/design-system/dist/components/sd-select-trigger.js";
62
53
  import { SdSelect as SdSelectElement } from "@sellmate/design-system/dist/components/sd-select.js";
63
54
  import { SdSwitch as SdSwitchElement } from "@sellmate/design-system/dist/components/sd-switch.js";
64
55
  import { SdTable as SdTableElement } from "@sellmate/design-system/dist/components/sd-table.js";
@@ -74,7 +65,6 @@ import { SdToast as SdToastElement } from "@sellmate/design-system/dist/componen
74
65
  import { SdToggle as SdToggleElement } from "@sellmate/design-system/dist/components/sd-toggle.js";
75
66
  import { SdTooltip as SdTooltipElement } from "@sellmate/design-system/dist/components/sd-tooltip.js";
76
67
  import { SdTr as SdTrElement } from "@sellmate/design-system/dist/components/sd-tr.js";
77
- import { TableTest as TableTestElement } from "@sellmate/design-system/dist/components/table-test.js";
78
68
  import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
79
69
  import { createComponent, type HydrateModule, type ReactWebComponent, type SerializeShadowRootOptions } from '@stencil/react-output-target/ssr';
80
70
 
@@ -754,23 +744,6 @@ export const SdPortal: StencilReactComponent<SdPortalElement, SdPortalEvents> =
754
744
  serializeShadowRoot,
755
745
  });
756
746
 
757
- export type SdProgressEvents = NonNullable<unknown>;
758
-
759
- export const SdProgress: StencilReactComponent<SdProgressElement, SdProgressEvents> = /*@__PURE__*/ createComponent<SdProgressElement, SdProgressEvents>({
760
- tagName: 'sd-progress',
761
- properties: {
762
- type: 'type',
763
- error: 'error',
764
- percentage: 'percentage',
765
- size: 'size',
766
- strokeWidth: 'stroke-width',
767
- label: 'label'
768
- },
769
- hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
770
- clientModule: clientComponents.SdProgress as ReactWebComponent<SdProgressElement, SdProgressEvents>,
771
- serializeShadowRoot,
772
- });
773
-
774
747
  export type SdRadioEvents = { onSdUpdate: EventName<SdRadioCustomEvent<RadioValue>> };
775
748
 
776
749
  export const SdRadio: StencilReactComponent<SdRadioElement, SdRadioEvents> = /*@__PURE__*/ createComponent<SdRadioElement, SdRadioEvents>({
@@ -817,224 +790,12 @@ export const SdRadioGroup: StencilReactComponent<SdRadioGroupElement, SdRadioGro
817
790
  });
818
791
 
819
792
  export type SdSelectEvents = {
820
- onSdUpdate: EventName<SdSelectCustomEvent<SelectEvents['sdUpdate']>>,
821
- onSdDropDownShow: EventName<SdSelectCustomEvent<SelectEvents['dropDownShow']>>
793
+ onSdUpdate: EventName<SdSelectCustomEvent<SelectValue>>,
794
+ onSdDropDownShow: EventName<CustomEvent<{ isOpen: boolean }>>
822
795
  };
823
796
 
824
797
  export const SdSelect: StencilReactComponent<SdSelectElement, SdSelectEvents> = /*@__PURE__*/ createComponent<SdSelectElement, SdSelectEvents>({
825
798
  tagName: 'sd-select',
826
- properties: {
827
- value: 'value',
828
- placeholder: 'placeholder',
829
- optionPlaceholder: 'option-placeholder',
830
- width: 'width',
831
- dropdownHeight: 'dropdown-height',
832
- autoFocus: 'auto-focus',
833
- disabled: 'disabled',
834
- clearable: 'clearable',
835
- searchable: 'searchable',
836
- label: 'label',
837
- labelWidth: 'label-width',
838
- addonLabel: 'addon-label',
839
- addonAlign: 'addon-align',
840
- labelTooltip: 'label-tooltip',
841
- error: 'error',
842
- name: 'name',
843
- options: 'options',
844
- rules: 'rules'},
845
- hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
846
- clientModule: clientComponents.SdSelect as ReactWebComponent<SdSelectElement, SdSelectEvents>,
847
- serializeShadowRoot,
848
- });
849
-
850
- export type SdSelectDropdownEvents = {
851
- onSdOptionClick: EventName<SdSelectDropdownCustomEvent<{
852
- option: SelectOption;
853
- index: number;
854
- event: MouseEvent;
855
- }>>,
856
- onSdOptionFiltered: EventName<SdSelectDropdownCustomEvent<SelectOption[]>>,
857
- onSdScroll: EventName<SdSelectDropdownCustomEvent<Event>>
858
- };
859
-
860
- export const SdSelectDropdown: StencilReactComponent<SdSelectDropdownElement, SdSelectDropdownEvents> = /*@__PURE__*/ createComponent<SdSelectDropdownElement, SdSelectDropdownEvents>({
861
- tagName: 'sd-select-dropdown',
862
- properties: {
863
- itemIndex: 'item-index',
864
- value: 'value',
865
- width: 'width',
866
- dropdownHeight: 'dropdown-height',
867
- searchable: 'searchable',
868
- optionPlaceholder: 'option-placeholder',
869
- useCheckbox: 'use-checkbox',
870
- useAll: 'use-all',
871
- options: 'options'},
872
- hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
873
- clientModule: clientComponents.SdSelectDropdown as ReactWebComponent<SdSelectDropdownElement, SdSelectDropdownEvents>,
874
- serializeShadowRoot,
875
- });
876
-
877
- export type SdSelectGroupEvents = {
878
- onSdUpdate: EventName<SdSelectGroupCustomEvent<SelectEvents['sdUpdate']>>,
879
- onSdDropDownShow: EventName<SdSelectGroupCustomEvent<SelectEvents['dropDownShow']>>
880
- };
881
-
882
- export const SdSelectGroup: StencilReactComponent<SdSelectGroupElement, SdSelectGroupEvents> = /*@__PURE__*/ createComponent<SdSelectGroupElement, SdSelectGroupEvents>({
883
- tagName: 'sd-select-group',
884
- properties: {
885
- value: 'value',
886
- placeholder: 'placeholder',
887
- optionPlaceholder: 'option-placeholder',
888
- width: 'width',
889
- dropdownHeight: 'dropdown-height',
890
- autoFocus: 'auto-focus',
891
- disabled: 'disabled',
892
- clearable: 'clearable',
893
- searchable: 'searchable',
894
- label: 'label',
895
- labelWidth: 'label-width',
896
- addonLabel: 'addon-label',
897
- addonAlign: 'addon-align',
898
- labelTooltip: 'label-tooltip',
899
- error: 'error',
900
- name: 'name',
901
- options: 'options',
902
- rules: 'rules'},
903
- hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
904
- clientModule: clientComponents.SdSelectGroup as ReactWebComponent<SdSelectGroupElement, SdSelectGroupEvents>,
905
- serializeShadowRoot,
906
- });
907
-
908
- export type SdSelectMultipleEvents = {
909
- onSdUpdate: EventName<SdSelectMultipleCustomEvent<SelectMultipleEvents['sdUpdate']>>,
910
- onSdDropDownShow: EventName<SdSelectMultipleCustomEvent<SelectMultipleEvents['dropDownShow']>>
911
- };
912
-
913
- export const SdSelectMultiple: StencilReactComponent<SdSelectMultipleElement, SdSelectMultipleEvents> = /*@__PURE__*/ createComponent<SdSelectMultipleElement, SdSelectMultipleEvents>({
914
- tagName: 'sd-select-multiple',
915
- properties: {
916
- placeholder: 'placeholder',
917
- optionPlaceholder: 'option-placeholder',
918
- width: 'width',
919
- dropdownHeight: 'dropdown-height',
920
- autoFocus: 'auto-focus',
921
- disabled: 'disabled',
922
- clearable: 'clearable',
923
- searchable: 'searchable',
924
- useAll: 'use-all',
925
- useCheckbox: 'use-checkbox',
926
- label: 'label',
927
- labelWidth: 'label-width',
928
- labelTooltip: 'label-tooltip',
929
- error: 'error',
930
- value: 'value',
931
- options: 'options',
932
- rules: 'rules'},
933
- hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
934
- clientModule: clientComponents.SdSelectMultiple as ReactWebComponent<SdSelectMultipleElement, SdSelectMultipleEvents>,
935
- serializeShadowRoot,
936
- });
937
-
938
- export type SdSelectMultipleGroupEvents = {
939
- onSdUpdate: EventName<SdSelectMultipleGroupCustomEvent<SelectMultipleEvents['sdUpdate']>>,
940
- onSdDropDownShow: EventName<SdSelectMultipleGroupCustomEvent<SelectMultipleEvents['dropDownShow']>>
941
- };
942
-
943
- export const SdSelectMultipleGroup: StencilReactComponent<SdSelectMultipleGroupElement, SdSelectMultipleGroupEvents> = /*@__PURE__*/ createComponent<SdSelectMultipleGroupElement, SdSelectMultipleGroupEvents>({
944
- tagName: 'sd-select-multiple-group',
945
- properties: {
946
- placeholder: 'placeholder',
947
- optionPlaceholder: 'option-placeholder',
948
- width: 'width',
949
- dropdownHeight: 'dropdown-height',
950
- disabled: 'disabled',
951
- clearable: 'clearable',
952
- searchable: 'searchable',
953
- useCheckbox: 'use-checkbox',
954
- useAll: 'use-all',
955
- allCheckedLabel: 'all-checked-label',
956
- allCheckOptionLabel: 'all-check-option-label',
957
- label: 'label',
958
- labelWidth: 'label-width',
959
- labelTooltip: 'label-tooltip',
960
- error: 'error',
961
- value: 'value',
962
- options: 'options',
963
- rules: 'rules'},
964
- hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
965
- clientModule: clientComponents.SdSelectMultipleGroup as ReactWebComponent<SdSelectMultipleGroupElement, SdSelectMultipleGroupEvents>,
966
- serializeShadowRoot,
967
- });
968
-
969
- export type SdSelectOptionEvents = {
970
- onOptionClick: EventName<SdSelectOptionCustomEvent<{
971
- option: SelectOption;
972
- index: number;
973
- event: MouseEvent;
974
- }>>
975
- };
976
-
977
- export const SdSelectOption: StencilReactComponent<SdSelectOptionElement, SdSelectOptionEvents> = /*@__PURE__*/ createComponent<SdSelectOptionElement, SdSelectOptionEvents>({
978
- tagName: 'sd-select-option',
979
- properties: {
980
- index: 'index',
981
- isSelected: 'is-selected',
982
- isFocused: 'is-focused',
983
- disabled: 'disabled',
984
- useCheckbox: 'use-checkbox'
985
- },
986
- hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
987
- clientModule: clientComponents.SdSelectOption as ReactWebComponent<SdSelectOptionElement, SdSelectOptionEvents>,
988
- serializeShadowRoot,
989
- });
990
-
991
- export type SdSelectOptionGroupEvents = {
992
- onOptionClick: EventName<SdSelectOptionGroupCustomEvent<{
993
- option: SelectOptionGroup;
994
- isSelected: boolean | null;
995
- index: number;
996
- event: MouseEvent;
997
- }>>
998
- };
999
-
1000
- export const SdSelectOptionGroup: StencilReactComponent<SdSelectOptionGroupElement, SdSelectOptionGroupEvents> = /*@__PURE__*/ createComponent<SdSelectOptionGroupElement, SdSelectOptionGroupEvents>({
1001
- tagName: 'sd-select-option-group',
1002
- properties: {
1003
- index: 'index',
1004
- isSelected: 'is-selected',
1005
- isFocused: 'is-focused',
1006
- disabled: 'disabled',
1007
- useCheckbox: 'use-checkbox',
1008
- useIndicator: 'use-indicator'
1009
- },
1010
- hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
1011
- clientModule: clientComponents.SdSelectOptionGroup as ReactWebComponent<SdSelectOptionGroupElement, SdSelectOptionGroupEvents>,
1012
- serializeShadowRoot,
1013
- });
1014
-
1015
- export type SdSelectSearchInputEvents = {
1016
- onSdSearchInput: EventName<CustomEvent<string>>,
1017
- onSdSearchFocus: EventName<CustomEvent<void>>
1018
- };
1019
-
1020
- export const SdSelectSearchInput: StencilReactComponent<SdSelectSearchInputElement, SdSelectSearchInputEvents> = /*@__PURE__*/ createComponent<SdSelectSearchInputElement, SdSelectSearchInputEvents>({
1021
- tagName: 'sd-select-search-input',
1022
- properties: {
1023
- isScrolled: 'is-scrolled',
1024
- searchText: 'search-text'
1025
- },
1026
- hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
1027
- clientModule: clientComponents.SdSelectSearchInput as ReactWebComponent<SdSelectSearchInputElement, SdSelectSearchInputEvents>,
1028
- serializeShadowRoot,
1029
- });
1030
-
1031
- export type SdSelectV2Events = {
1032
- onSdUpdate: EventName<SdSelectV2CustomEvent<SelectV2Value>>,
1033
- onSdDropDownShow: EventName<CustomEvent<{ isOpen: boolean }>>
1034
- };
1035
-
1036
- export const SdSelectV2: StencilReactComponent<SdSelectV2Element, SdSelectV2Events> = /*@__PURE__*/ createComponent<SdSelectV2Element, SdSelectV2Events>({
1037
- tagName: 'sd-select-v2',
1038
799
  properties: {
1039
800
  type: 'type',
1040
801
  value: 'value',
@@ -1059,14 +820,14 @@ export const SdSelectV2: StencilReactComponent<SdSelectV2Element, SdSelectV2Even
1059
820
  options: 'options',
1060
821
  rules: 'rules'},
1061
822
  hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
1062
- clientModule: clientComponents.SdSelectV2 as ReactWebComponent<SdSelectV2Element, SdSelectV2Events>,
823
+ clientModule: clientComponents.SdSelect as ReactWebComponent<SdSelectElement, SdSelectEvents>,
1063
824
  serializeShadowRoot,
1064
825
  });
1065
826
 
1066
- export type SdSelectV2ListItemEvents = { onSdListItemClick: EventName<SdSelectV2ListItemCustomEvent<SelectV2Option>> };
827
+ export type SdSelectListItemEvents = { onSdListItemClick: EventName<SdSelectListItemCustomEvent<SelectOption>> };
1067
828
 
1068
- export const SdSelectV2ListItem: StencilReactComponent<SdSelectV2ListItemElement, SdSelectV2ListItemEvents> = /*@__PURE__*/ createComponent<SdSelectV2ListItemElement, SdSelectV2ListItemEvents>({
1069
- tagName: 'sd-select-v2-list-item',
829
+ export const SdSelectListItem: StencilReactComponent<SdSelectListItemElement, SdSelectListItemEvents> = /*@__PURE__*/ createComponent<SdSelectListItemElement, SdSelectListItemEvents>({
830
+ tagName: 'sd-select-list-item',
1070
831
  properties: {
1071
832
  depth: 'depth',
1072
833
  isSelected: 'is-selected',
@@ -1074,27 +835,27 @@ export const SdSelectV2ListItem: StencilReactComponent<SdSelectV2ListItemElement
1074
835
  useCheckbox: 'use-checkbox'
1075
836
  },
1076
837
  hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
1077
- clientModule: clientComponents.SdSelectV2ListItem as ReactWebComponent<SdSelectV2ListItemElement, SdSelectV2ListItemEvents>,
838
+ clientModule: clientComponents.SdSelectListItem as ReactWebComponent<SdSelectListItemElement, SdSelectListItemEvents>,
1078
839
  serializeShadowRoot,
1079
840
  });
1080
841
 
1081
- export type SdSelectV2ListItemSearchEvents = {
842
+ export type SdSelectListItemSearchEvents = {
1082
843
  onSdSearchFilter: EventName<CustomEvent<string>>,
1083
844
  onSdSearchFocus: EventName<CustomEvent<void>>
1084
845
  };
1085
846
 
1086
- export const SdSelectV2ListItemSearch: StencilReactComponent<SdSelectV2ListItemSearchElement, SdSelectV2ListItemSearchEvents> = /*@__PURE__*/ createComponent<SdSelectV2ListItemSearchElement, SdSelectV2ListItemSearchEvents>({
1087
- tagName: 'sd-select-v2-list-item-search',
847
+ export const SdSelectListItemSearch: StencilReactComponent<SdSelectListItemSearchElement, SdSelectListItemSearchEvents> = /*@__PURE__*/ createComponent<SdSelectListItemSearchElement, SdSelectListItemSearchEvents>({
848
+ tagName: 'sd-select-list-item-search',
1088
849
  properties: { isScrolled: 'is-scrolled' },
1089
850
  hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
1090
- clientModule: clientComponents.SdSelectV2ListItemSearch as ReactWebComponent<SdSelectV2ListItemSearchElement, SdSelectV2ListItemSearchEvents>,
851
+ clientModule: clientComponents.SdSelectListItemSearch as ReactWebComponent<SdSelectListItemSearchElement, SdSelectListItemSearchEvents>,
1091
852
  serializeShadowRoot,
1092
853
  });
1093
854
 
1094
- export type SdSelectV2ListboxEvents = { onSdOptionSelect: EventName<SdSelectV2ListboxCustomEvent<SelectV2OptionSelectDetail>> };
855
+ export type SdSelectListboxEvents = { onSdOptionSelect: EventName<SdSelectListboxCustomEvent<SelectOptionSelectDetail>> };
1095
856
 
1096
- export const SdSelectV2Listbox: StencilReactComponent<SdSelectV2ListboxElement, SdSelectV2ListboxEvents> = /*@__PURE__*/ createComponent<SdSelectV2ListboxElement, SdSelectV2ListboxEvents>({
1097
- tagName: 'sd-select-v2-listbox',
857
+ export const SdSelectListbox: StencilReactComponent<SdSelectListboxElement, SdSelectListboxEvents> = /*@__PURE__*/ createComponent<SdSelectListboxElement, SdSelectListboxEvents>({
858
+ tagName: 'sd-select-listbox',
1098
859
  properties: {
1099
860
  type: 'type',
1100
861
  value: 'value',
@@ -1106,18 +867,18 @@ export const SdSelectV2Listbox: StencilReactComponent<SdSelectV2ListboxElement,
1106
867
  maxHeight: 'max-height',
1107
868
  options: 'options'},
1108
869
  hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
1109
- clientModule: clientComponents.SdSelectV2Listbox as ReactWebComponent<SdSelectV2ListboxElement, SdSelectV2ListboxEvents>,
870
+ clientModule: clientComponents.SdSelectListbox as ReactWebComponent<SdSelectListboxElement, SdSelectListboxEvents>,
1110
871
  serializeShadowRoot,
1111
872
  });
1112
873
 
1113
- export type SdSelectV2TriggerEvents = {
874
+ export type SdSelectTriggerEvents = {
1114
875
  onSdTriggerClick: EventName<CustomEvent<void>>,
1115
876
  onSdTriggerFocus: EventName<CustomEvent<void>>,
1116
877
  onSdTriggerBlur: EventName<CustomEvent<void>>
1117
878
  };
1118
879
 
1119
- export const SdSelectV2Trigger: StencilReactComponent<SdSelectV2TriggerElement, SdSelectV2TriggerEvents> = /*@__PURE__*/ createComponent<SdSelectV2TriggerElement, SdSelectV2TriggerEvents>({
1120
- tagName: 'sd-select-v2-trigger',
880
+ export const SdSelectTrigger: StencilReactComponent<SdSelectTriggerElement, SdSelectTriggerEvents> = /*@__PURE__*/ createComponent<SdSelectTriggerElement, SdSelectTriggerEvents>({
881
+ tagName: 'sd-select-trigger',
1121
882
  properties: {
1122
883
  displayText: 'display-text',
1123
884
  placeholder: 'placeholder',
@@ -1125,7 +886,7 @@ export const SdSelectV2Trigger: StencilReactComponent<SdSelectV2TriggerElement,
1125
886
  isOpen: 'is-open'
1126
887
  },
1127
888
  hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
1128
- clientModule: clientComponents.SdSelectV2Trigger as ReactWebComponent<SdSelectV2TriggerElement, SdSelectV2TriggerEvents>,
889
+ clientModule: clientComponents.SdSelectTrigger as ReactWebComponent<SdSelectTriggerElement, SdSelectTriggerEvents>,
1129
890
  serializeShadowRoot,
1130
891
  });
1131
892
 
@@ -1297,7 +1058,7 @@ export const SdTextarea: StencilReactComponent<SdTextareaElement, SdTextareaEven
1297
1058
  serializeShadowRoot,
1298
1059
  });
1299
1060
 
1300
- export type SdTheadEvents = NonNullable<unknown>;
1061
+ export type SdTheadEvents = { onSdColumnSort: EventName<SdTheadCustomEvent<{ column: SdTableColumn }>> };
1301
1062
 
1302
1063
  export const SdThead: StencilReactComponent<SdTheadElement, SdTheadEvents> = /*@__PURE__*/ createComponent<SdTheadElement, SdTheadEvents>({
1303
1064
  tagName: 'sd-thead',
@@ -1398,17 +1159,3 @@ export const SdTr: StencilReactComponent<SdTrElement, SdTrEvents> = /*@__PURE__*
1398
1159
  clientModule: clientComponents.SdTr as ReactWebComponent<SdTrElement, SdTrEvents>,
1399
1160
  serializeShadowRoot,
1400
1161
  });
1401
-
1402
- export type TableTestEvents = { onTableReady: EventName<CustomEvent<void>> };
1403
-
1404
- export const TableTest: StencilReactComponent<TableTestElement, TableTestEvents> = /*@__PURE__*/ createComponent<TableTestElement, TableTestEvents>({
1405
- tagName: 'table-test',
1406
- properties: {
1407
- bordered: 'bordered',
1408
- striped: 'striped',
1409
- columns: 'columns',
1410
- rows: 'rows'},
1411
- hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
1412
- clientModule: clientComponents.TableTest as ReactWebComponent<TableTestElement, TableTestEvents>,
1413
- serializeShadowRoot,
1414
- });