@sellmate/design-system-react 0.0.57 → 0.0.59

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.
Files changed (7) hide show
  1. package/dist/components/components.d.ts +27 -1
  2. package/dist/components/components.js +48 -0
  3. package/dist/components/components.server.d.ts +27 -1
  4. package/dist/components/components.server.js +63 -0
  5. package/lib/components/components.server.ts +87 -1
  6. package/lib/components/components.ts +67 -1
  7. package/package.json +71 -71
package/dist/components/components.d.ts CHANGED
@@ -2,7 +2,7 @@
2
2
  * This file was automatically generated by the Stencil React Output Target.
3
3
  * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
4
4
  */
5
- import { type CheckedType, type RadioValue, type Row, type SdButtonCustomEvent, type SdCheckboxCustomEvent, type SdInputCustomEvent, type SdModalCardCustomEvent, type SdRadioGroupCustomEvent, type SdSelectCustomEvent, type SdSelectMultipleCustomEvent, type SdSelectMultipleGroupCustomEvent, type SdSelectOptionCustomEvent, type SdSelectOptionGroupCustomEvent, type SdTableBackupCustomEvent, type SdTableCustomEvent, type SelectEvents, type SelectMultipleEvents, type SelectOption, type SelectOptionGroup } from "@sellmate/design-system";
5
+ import { type CheckedType, type RadioValue, type Row, type SdButtonCustomEvent, type SdCheckboxCustomEvent, type SdFilePickerCustomEvent, type SdInputCustomEvent, type SdModalCardCustomEvent, type SdRadioButtonGroupCustomEvent, type SdRadioGroupCustomEvent, type SdSelectCustomEvent, type SdSelectMultipleCustomEvent, type SdSelectMultipleGroupCustomEvent, type SdSelectOptionCustomEvent, type SdSelectOptionGroupCustomEvent, type SdTableBackupCustomEvent, type SdTableCustomEvent, type SelectEvents, type SelectMultipleEvents, type SelectOption, type SelectOptionGroup } from "@sellmate/design-system";
6
6
  import { SdBadge as SdBadgeElement } from "@sellmate/design-system/dist/components/sd-badge.js";
7
7
  import { SdButton as SdButtonElement } from "@sellmate/design-system/dist/components/sd-button.js";
8
8
  import { SdCard as SdCardElement } from "@sellmate/design-system/dist/components/sd-card.js";
@@ -10,6 +10,7 @@ import { SdCheckbox as SdCheckboxElement } from "@sellmate/design-system/dist/co
10
10
  import { SdDateBox as SdDateBoxElement } from "@sellmate/design-system/dist/components/sd-date-box.js";
11
11
  import { SdDatePicker as SdDatePickerElement } from "@sellmate/design-system/dist/components/sd-date-picker.js";
12
12
  import { SdDateRangePicker as SdDateRangePickerElement } from "@sellmate/design-system/dist/components/sd-date-range-picker.js";
13
+ import { SdFilePicker as SdFilePickerElement } from "@sellmate/design-system/dist/components/sd-file-picker.js";
13
14
  import { SdGuide as SdGuideElement } from "@sellmate/design-system/dist/components/sd-guide.js";
14
15
  import { SdIcon as SdIconElement } from "@sellmate/design-system/dist/components/sd-icon.js";
15
16
  import { SdInput as SdInputElement } from "@sellmate/design-system/dist/components/sd-input.js";
@@ -19,6 +20,7 @@ import { SdPagination as SdPaginationElement } from "@sellmate/design-system/dis
19
20
  import { SdPopover as SdPopoverElement } from "@sellmate/design-system/dist/components/sd-popover.js";
20
21
  import { SdPortal as SdPortalElement } from "@sellmate/design-system/dist/components/sd-portal.js";
21
22
  import { SdProgress as SdProgressElement } from "@sellmate/design-system/dist/components/sd-progress.js";
23
+ import { SdRadioButtonGroup as SdRadioButtonGroupElement } from "@sellmate/design-system/dist/components/sd-radio-button-group.js";
22
24
  import { SdRadioGroup as SdRadioGroupElement } from "@sellmate/design-system/dist/components/sd-radio-group.js";
23
25
  import { SdSelectMultipleGroup as SdSelectMultipleGroupElement } from "@sellmate/design-system/dist/components/sd-select-multiple-group.js";
24
26
  import { SdSelectMultiple as SdSelectMultipleElement } from "@sellmate/design-system/dist/components/sd-select-multiple.js";
@@ -27,10 +29,13 @@ import { SdSelectOption as SdSelectOptionElement } from "@sellmate/design-system
27
29
  import { SdSelect as SdSelectElement } from "@sellmate/design-system/dist/components/sd-select.js";
28
30
  import { SdTableBackup as SdTableBackupElement } from "@sellmate/design-system/dist/components/sd-table-backup.js";
29
31
  import { SdTable as SdTableElement } from "@sellmate/design-system/dist/components/sd-table.js";
32
+ import { SdTabs as SdTabsElement } from "@sellmate/design-system/dist/components/sd-tabs.js";
30
33
  import { SdTag as SdTagElement } from "@sellmate/design-system/dist/components/sd-tag.js";
31
34
  import { SdTbody as SdTbodyElement } from "@sellmate/design-system/dist/components/sd-tbody.js";
32
35
  import { SdTd as SdTdElement } from "@sellmate/design-system/dist/components/sd-td.js";
33
36
  import { SdTh as SdThElement } from "@sellmate/design-system/dist/components/sd-th.js";
37
+ import { SdToastMessage as SdToastMessageElement } from "@sellmate/design-system/dist/components/sd-toast-message.js";
38
+ import { SdToggleButton as SdToggleButtonElement } from "@sellmate/design-system/dist/components/sd-toggle-button.js";
34
39
  import { SdToggle as SdToggleElement } from "@sellmate/design-system/dist/components/sd-toggle.js";
35
40
  import { SdTooltipPortal as SdTooltipPortalElement } from "@sellmate/design-system/dist/components/sd-tooltip-portal.js";
36
41
  import { SdTooltip as SdTooltipElement } from "@sellmate/design-system/dist/components/sd-tooltip.js";
@@ -61,6 +66,10 @@ export type SdDateRangePickerEvents = {
61
66
  onSdChange: EventName<CustomEvent<[string, string]>>;
62
67
  };
63
68
  export declare const SdDateRangePicker: StencilReactComponent<SdDateRangePickerElement, SdDateRangePickerEvents>;
69
+ export type SdFilePickerEvents = {
70
+ onSdChange: EventName<SdFilePickerCustomEvent<File[] | File | null>>;
71
+ };
72
+ export declare const SdFilePicker: StencilReactComponent<SdFilePickerElement, SdFilePickerEvents>;
64
73
  export type SdGuideEvents = NonNullable<unknown>;
65
74
  export declare const SdGuide: StencilReactComponent<SdGuideElement, SdGuideEvents>;
66
75
  export type SdIconEvents = NonNullable<unknown>;
@@ -92,6 +101,10 @@ export type SdPortalEvents = {
92
101
  export declare const SdPortal: StencilReactComponent<SdPortalElement, SdPortalEvents>;
93
102
  export type SdProgressEvents = NonNullable<unknown>;
94
103
  export declare const SdProgress: StencilReactComponent<SdProgressElement, SdProgressEvents>;
104
+ export type SdRadioButtonGroupEvents = {
105
+ onSdChange: EventName<SdRadioButtonGroupCustomEvent<RadioValue>>;
106
+ };
107
+ export declare const SdRadioButtonGroup: StencilReactComponent<SdRadioButtonGroupElement, SdRadioButtonGroupEvents>;
95
108
  export type SdRadioGroupEvents = {
96
109
  onSdChange: EventName<SdRadioGroupCustomEvent<RadioValue>>;
97
110
  };
@@ -140,6 +153,10 @@ export type SdTableBackupEvents = {
140
153
  onSdRowsPerPageChange: EventName<CustomEvent<number>>;
141
154
  };
142
155
  export declare const SdTableBackup: StencilReactComponent<SdTableBackupElement, SdTableBackupEvents>;
156
+ export type SdTabsEvents = {
157
+ onSdChange: EventName<CustomEvent<string>>;
158
+ };
159
+ export declare const SdTabs: StencilReactComponent<SdTabsElement, SdTabsEvents>;
143
160
  export type SdTagEvents = NonNullable<unknown>;
144
161
  export declare const SdTag: StencilReactComponent<SdTagElement, SdTagEvents>;
145
162
  export type SdTbodyEvents = NonNullable<unknown>;
@@ -148,10 +165,19 @@ export type SdTdEvents = NonNullable<unknown>;
148
165
  export declare const SdTd: StencilReactComponent<SdTdElement, SdTdEvents>;
149
166
  export type SdThEvents = NonNullable<unknown>;
150
167
  export declare const SdTh: StencilReactComponent<SdThElement, SdThEvents>;
168
+ export type SdToastMessageEvents = {
169
+ onSdClose: EventName<CustomEvent<void>>;
170
+ onSdButtonClick: EventName<CustomEvent<void>>;
171
+ };
172
+ export declare const SdToastMessage: StencilReactComponent<SdToastMessageElement, SdToastMessageEvents>;
151
173
  export type SdToggleEvents = {
152
174
  onSdChange: EventName<CustomEvent<boolean>>;
153
175
  };
154
176
  export declare const SdToggle: StencilReactComponent<SdToggleElement, SdToggleEvents>;
177
+ export type SdToggleButtonEvents = {
178
+ onSdChange: EventName<CustomEvent<boolean>>;
179
+ };
180
+ export declare const SdToggleButton: StencilReactComponent<SdToggleButtonElement, SdToggleButtonEvents>;
155
181
  export type SdTooltipEvents = NonNullable<unknown>;
156
182
  export declare const SdTooltip: StencilReactComponent<SdTooltipElement, SdTooltipEvents>;
157
183
  export type SdTooltipPortalEvents = {
package/dist/components/components.js CHANGED
@@ -6,6 +6,7 @@ import { SdCheckbox as SdCheckboxElement, defineCustomElement as defineSdCheckbo
6
6
  import { SdDateBox as SdDateBoxElement, defineCustomElement as defineSdDateBox } from "@sellmate/design-system/dist/components/sd-date-box.js";
7
7
  import { SdDatePicker as SdDatePickerElement, defineCustomElement as defineSdDatePicker } from "@sellmate/design-system/dist/components/sd-date-picker.js";
8
8
  import { SdDateRangePicker as SdDateRangePickerElement, defineCustomElement as defineSdDateRangePicker } from "@sellmate/design-system/dist/components/sd-date-range-picker.js";
9
+ import { SdFilePicker as SdFilePickerElement, defineCustomElement as defineSdFilePicker } from "@sellmate/design-system/dist/components/sd-file-picker.js";
9
10
  import { SdGuide as SdGuideElement, defineCustomElement as defineSdGuide } from "@sellmate/design-system/dist/components/sd-guide.js";
10
11
  import { SdIcon as SdIconElement, defineCustomElement as defineSdIcon } from "@sellmate/design-system/dist/components/sd-icon.js";
11
12
  import { SdInput as SdInputElement, defineCustomElement as defineSdInput } from "@sellmate/design-system/dist/components/sd-input.js";
@@ -15,6 +16,7 @@ import { SdPagination as SdPaginationElement, defineCustomElement as defineSdPag
15
16
  import { SdPopover as SdPopoverElement, defineCustomElement as defineSdPopover } from "@sellmate/design-system/dist/components/sd-popover.js";
16
17
  import { SdPortal as SdPortalElement, defineCustomElement as defineSdPortal } from "@sellmate/design-system/dist/components/sd-portal.js";
17
18
  import { SdProgress as SdProgressElement, defineCustomElement as defineSdProgress } from "@sellmate/design-system/dist/components/sd-progress.js";
19
+ import { SdRadioButtonGroup as SdRadioButtonGroupElement, defineCustomElement as defineSdRadioButtonGroup } from "@sellmate/design-system/dist/components/sd-radio-button-group.js";
18
20
  import { SdRadioGroup as SdRadioGroupElement, defineCustomElement as defineSdRadioGroup } from "@sellmate/design-system/dist/components/sd-radio-group.js";
19
21
  import { SdSelectMultipleGroup as SdSelectMultipleGroupElement, defineCustomElement as defineSdSelectMultipleGroup } from "@sellmate/design-system/dist/components/sd-select-multiple-group.js";
20
22
  import { SdSelectMultiple as SdSelectMultipleElement, defineCustomElement as defineSdSelectMultiple } from "@sellmate/design-system/dist/components/sd-select-multiple.js";
@@ -23,10 +25,13 @@ import { SdSelectOption as SdSelectOptionElement, defineCustomElement as defineS
23
25
  import { SdSelect as SdSelectElement, defineCustomElement as defineSdSelect } from "@sellmate/design-system/dist/components/sd-select.js";
24
26
  import { SdTableBackup as SdTableBackupElement, defineCustomElement as defineSdTableBackup } from "@sellmate/design-system/dist/components/sd-table-backup.js";
25
27
  import { SdTable as SdTableElement, defineCustomElement as defineSdTable } from "@sellmate/design-system/dist/components/sd-table.js";
28
+ import { SdTabs as SdTabsElement, defineCustomElement as defineSdTabs } from "@sellmate/design-system/dist/components/sd-tabs.js";
26
29
  import { SdTag as SdTagElement, defineCustomElement as defineSdTag } from "@sellmate/design-system/dist/components/sd-tag.js";
27
30
  import { SdTbody as SdTbodyElement, defineCustomElement as defineSdTbody } from "@sellmate/design-system/dist/components/sd-tbody.js";
28
31
  import { SdTd as SdTdElement, defineCustomElement as defineSdTd } from "@sellmate/design-system/dist/components/sd-td.js";
29
32
  import { SdTh as SdThElement, defineCustomElement as defineSdTh } from "@sellmate/design-system/dist/components/sd-th.js";
33
+ import { SdToastMessage as SdToastMessageElement, defineCustomElement as defineSdToastMessage } from "@sellmate/design-system/dist/components/sd-toast-message.js";
34
+ import { SdToggleButton as SdToggleButtonElement, defineCustomElement as defineSdToggleButton } from "@sellmate/design-system/dist/components/sd-toggle-button.js";
30
35
  import { SdToggle as SdToggleElement, defineCustomElement as defineSdToggle } from "@sellmate/design-system/dist/components/sd-toggle.js";
31
36
  import { SdTooltipPortal as SdTooltipPortalElement, defineCustomElement as defineSdTooltipPortal } from "@sellmate/design-system/dist/components/sd-tooltip-portal.js";
32
37
  import { SdTooltip as SdTooltipElement, defineCustomElement as defineSdTooltip } from "@sellmate/design-system/dist/components/sd-tooltip.js";
@@ -92,6 +97,14 @@ export const SdDateRangePicker = /*@__PURE__*/ createComponent({
92
97
  events: { onSdChange: 'sdChange' },
93
98
  defineCustomElement: defineSdDateRangePicker
94
99
  });
100
+ export const SdFilePicker = /*@__PURE__*/ createComponent({
101
+ tagName: 'sd-file-picker',
102
+ elementClass: SdFilePickerElement,
103
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
104
+ react: React,
105
+ events: { onSdChange: 'sdChange' },
106
+ defineCustomElement: defineSdFilePicker
107
+ });
95
108
  export const SdGuide = /*@__PURE__*/ createComponent({
96
109
  tagName: 'sd-guide',
97
110
  elementClass: SdGuideElement,
@@ -173,6 +186,14 @@ export const SdProgress = /*@__PURE__*/ createComponent({
173
186
  events: {},
174
187
  defineCustomElement: defineSdProgress
175
188
  });
189
+ export const SdRadioButtonGroup = /*@__PURE__*/ createComponent({
190
+ tagName: 'sd-radio-button-group',
191
+ elementClass: SdRadioButtonGroupElement,
192
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
193
+ react: React,
194
+ events: { onSdChange: 'sdChange' },
195
+ defineCustomElement: defineSdRadioButtonGroup
196
+ });
176
197
  export const SdRadioGroup = /*@__PURE__*/ createComponent({
177
198
  tagName: 'sd-radio-group',
178
199
  elementClass: SdRadioGroupElement,
@@ -254,6 +275,14 @@ export const SdTableBackup = /*@__PURE__*/ createComponent({
254
275
  },
255
276
  defineCustomElement: defineSdTableBackup
256
277
  });
278
+ export const SdTabs = /*@__PURE__*/ createComponent({
279
+ tagName: 'sd-tabs',
280
+ elementClass: SdTabsElement,
281
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
282
+ react: React,
283
+ events: { onSdChange: 'sdChange' },
284
+ defineCustomElement: defineSdTabs
285
+ });
257
286
  export const SdTag = /*@__PURE__*/ createComponent({
258
287
  tagName: 'sd-tag',
259
288
  elementClass: SdTagElement,
@@ -286,6 +315,17 @@ export const SdTh = /*@__PURE__*/ createComponent({
286
315
  events: {},
287
316
  defineCustomElement: defineSdTh
288
317
  });
318
+ export const SdToastMessage = /*@__PURE__*/ createComponent({
319
+ tagName: 'sd-toast-message',
320
+ elementClass: SdToastMessageElement,
321
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
322
+ react: React,
323
+ events: {
324
+ onSdClose: 'sdClose',
325
+ onSdButtonClick: 'sdButtonClick'
326
+ },
327
+ defineCustomElement: defineSdToastMessage
328
+ });
289
329
  export const SdToggle = /*@__PURE__*/ createComponent({
290
330
  tagName: 'sd-toggle',
291
331
  elementClass: SdToggleElement,
@@ -294,6 +334,14 @@ export const SdToggle = /*@__PURE__*/ createComponent({
294
334
  events: { onSdChange: 'sdChange' },
295
335
  defineCustomElement: defineSdToggle
296
336
  });
337
+ export const SdToggleButton = /*@__PURE__*/ createComponent({
338
+ tagName: 'sd-toggle-button',
339
+ elementClass: SdToggleButtonElement,
340
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
341
+ react: React,
342
+ events: { onSdChange: 'sdChange' },
343
+ defineCustomElement: defineSdToggleButton
344
+ });
297
345
  export const SdTooltip = /*@__PURE__*/ createComponent({
298
346
  tagName: 'sd-tooltip',
299
347
  elementClass: SdTooltipElement,
package/dist/components/components.server.d.ts CHANGED
@@ -2,7 +2,7 @@
2
2
  * This file was automatically generated by the Stencil React Output Target.
3
3
  * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
4
4
  */
5
- import { type CheckedType, type RadioValue, type Row, type SdButtonCustomEvent, type SdCheckboxCustomEvent, type SdInputCustomEvent, type SdModalCardCustomEvent, type SdRadioGroupCustomEvent, type SdSelectCustomEvent, type SdSelectMultipleCustomEvent, type SdSelectMultipleGroupCustomEvent, type SdSelectOptionCustomEvent, type SdSelectOptionGroupCustomEvent, type SdTableBackupCustomEvent, type SdTableCustomEvent, type SelectEvents, type SelectMultipleEvents, type SelectOption, type SelectOptionGroup } from "@sellmate/design-system";
5
+ import { type CheckedType, type RadioValue, type Row, type SdButtonCustomEvent, type SdCheckboxCustomEvent, type SdFilePickerCustomEvent, type SdInputCustomEvent, type SdModalCardCustomEvent, type SdRadioButtonGroupCustomEvent, type SdRadioGroupCustomEvent, type SdSelectCustomEvent, type SdSelectMultipleCustomEvent, type SdSelectMultipleGroupCustomEvent, type SdSelectOptionCustomEvent, type SdSelectOptionGroupCustomEvent, type SdTableBackupCustomEvent, type SdTableCustomEvent, type SelectEvents, type SelectMultipleEvents, type SelectOption, type SelectOptionGroup } from "@sellmate/design-system";
6
6
  import { SdBadge as SdBadgeElement } from "@sellmate/design-system/dist/components/sd-badge.js";
7
7
  import { SdButton as SdButtonElement } from "@sellmate/design-system/dist/components/sd-button.js";
8
8
  import { SdCard as SdCardElement } from "@sellmate/design-system/dist/components/sd-card.js";
@@ -10,6 +10,7 @@ import { SdCheckbox as SdCheckboxElement } from "@sellmate/design-system/dist/co
10
10
  import { SdDateBox as SdDateBoxElement } from "@sellmate/design-system/dist/components/sd-date-box.js";
11
11
  import { SdDatePicker as SdDatePickerElement } from "@sellmate/design-system/dist/components/sd-date-picker.js";
12
12
  import { SdDateRangePicker as SdDateRangePickerElement } from "@sellmate/design-system/dist/components/sd-date-range-picker.js";
13
+ import { SdFilePicker as SdFilePickerElement } from "@sellmate/design-system/dist/components/sd-file-picker.js";
13
14
  import { SdGuide as SdGuideElement } from "@sellmate/design-system/dist/components/sd-guide.js";
14
15
  import { SdIcon as SdIconElement } from "@sellmate/design-system/dist/components/sd-icon.js";
15
16
  import { SdInput as SdInputElement } from "@sellmate/design-system/dist/components/sd-input.js";
@@ -19,6 +20,7 @@ import { SdPagination as SdPaginationElement } from "@sellmate/design-system/dis
19
20
  import { SdPopover as SdPopoverElement } from "@sellmate/design-system/dist/components/sd-popover.js";
20
21
  import { SdPortal as SdPortalElement } from "@sellmate/design-system/dist/components/sd-portal.js";
21
22
  import { SdProgress as SdProgressElement } from "@sellmate/design-system/dist/components/sd-progress.js";
23
+ import { SdRadioButtonGroup as SdRadioButtonGroupElement } from "@sellmate/design-system/dist/components/sd-radio-button-group.js";
22
24
  import { SdRadioGroup as SdRadioGroupElement } from "@sellmate/design-system/dist/components/sd-radio-group.js";
23
25
  import { SdSelectMultipleGroup as SdSelectMultipleGroupElement } from "@sellmate/design-system/dist/components/sd-select-multiple-group.js";
24
26
  import { SdSelectMultiple as SdSelectMultipleElement } from "@sellmate/design-system/dist/components/sd-select-multiple.js";
@@ -27,10 +29,13 @@ import { SdSelectOption as SdSelectOptionElement } from "@sellmate/design-system
27
29
  import { SdSelect as SdSelectElement } from "@sellmate/design-system/dist/components/sd-select.js";
28
30
  import { SdTableBackup as SdTableBackupElement } from "@sellmate/design-system/dist/components/sd-table-backup.js";
29
31
  import { SdTable as SdTableElement } from "@sellmate/design-system/dist/components/sd-table.js";
32
+ import { SdTabs as SdTabsElement } from "@sellmate/design-system/dist/components/sd-tabs.js";
30
33
  import { SdTag as SdTagElement } from "@sellmate/design-system/dist/components/sd-tag.js";
31
34
  import { SdTbody as SdTbodyElement } from "@sellmate/design-system/dist/components/sd-tbody.js";
32
35
  import { SdTd as SdTdElement } from "@sellmate/design-system/dist/components/sd-td.js";
33
36
  import { SdTh as SdThElement } from "@sellmate/design-system/dist/components/sd-th.js";
37
+ import { SdToastMessage as SdToastMessageElement } from "@sellmate/design-system/dist/components/sd-toast-message.js";
38
+ import { SdToggleButton as SdToggleButtonElement } from "@sellmate/design-system/dist/components/sd-toggle-button.js";
34
39
  import { SdToggle as SdToggleElement } from "@sellmate/design-system/dist/components/sd-toggle.js";
35
40
  import { SdTooltipPortal as SdTooltipPortalElement } from "@sellmate/design-system/dist/components/sd-tooltip-portal.js";
36
41
  import { SdTooltip as SdTooltipElement } from "@sellmate/design-system/dist/components/sd-tooltip.js";
@@ -63,6 +68,10 @@ export type SdDateRangePickerEvents = {
63
68
  onSdChange: EventName<CustomEvent<[string, string]>>;
64
69
  };
65
70
  export declare const SdDateRangePicker: StencilReactComponent<SdDateRangePickerElement, SdDateRangePickerEvents>;
71
+ export type SdFilePickerEvents = {
72
+ onSdChange: EventName<SdFilePickerCustomEvent<File[] | File | null>>;
73
+ };
74
+ export declare const SdFilePicker: StencilReactComponent<SdFilePickerElement, SdFilePickerEvents>;
66
75
  export type SdGuideEvents = NonNullable<unknown>;
67
76
  export declare const SdGuide: StencilReactComponent<SdGuideElement, SdGuideEvents>;
68
77
  export type SdIconEvents = NonNullable<unknown>;
@@ -94,6 +103,10 @@ export type SdPortalEvents = {
94
103
  export declare const SdPortal: StencilReactComponent<SdPortalElement, SdPortalEvents>;
95
104
  export type SdProgressEvents = NonNullable<unknown>;
96
105
  export declare const SdProgress: StencilReactComponent<SdProgressElement, SdProgressEvents>;
106
+ export type SdRadioButtonGroupEvents = {
107
+ onSdChange: EventName<SdRadioButtonGroupCustomEvent<RadioValue>>;
108
+ };
109
+ export declare const SdRadioButtonGroup: StencilReactComponent<SdRadioButtonGroupElement, SdRadioButtonGroupEvents>;
97
110
  export type SdRadioGroupEvents = {
98
111
  onSdChange: EventName<SdRadioGroupCustomEvent<RadioValue>>;
99
112
  };
@@ -142,6 +155,10 @@ export type SdTableBackupEvents = {
142
155
  onSdRowsPerPageChange: EventName<CustomEvent<number>>;
143
156
  };
144
157
  export declare const SdTableBackup: StencilReactComponent<SdTableBackupElement, SdTableBackupEvents>;
158
+ export type SdTabsEvents = {
159
+ onSdChange: EventName<CustomEvent<string>>;
160
+ };
161
+ export declare const SdTabs: StencilReactComponent<SdTabsElement, SdTabsEvents>;
145
162
  export type SdTagEvents = NonNullable<unknown>;
146
163
  export declare const SdTag: StencilReactComponent<SdTagElement, SdTagEvents>;
147
164
  export type SdTbodyEvents = NonNullable<unknown>;
@@ -150,10 +167,19 @@ export type SdTdEvents = NonNullable<unknown>;
150
167
  export declare const SdTd: StencilReactComponent<SdTdElement, SdTdEvents>;
151
168
  export type SdThEvents = NonNullable<unknown>;
152
169
  export declare const SdTh: StencilReactComponent<SdThElement, SdThEvents>;
170
+ export type SdToastMessageEvents = {
171
+ onSdClose: EventName<CustomEvent<void>>;
172
+ onSdButtonClick: EventName<CustomEvent<void>>;
173
+ };
174
+ export declare const SdToastMessage: StencilReactComponent<SdToastMessageElement, SdToastMessageEvents>;
153
175
  export type SdToggleEvents = {
154
176
  onSdChange: EventName<CustomEvent<boolean>>;
155
177
  };
156
178
  export declare const SdToggle: StencilReactComponent<SdToggleElement, SdToggleEvents>;
179
+ export type SdToggleButtonEvents = {
180
+ onSdChange: EventName<CustomEvent<boolean>>;
181
+ };
182
+ export declare const SdToggleButton: StencilReactComponent<SdToggleButtonElement, SdToggleButtonEvents>;
157
183
  export type SdTooltipEvents = NonNullable<unknown>;
158
184
  export declare const SdTooltip: StencilReactComponent<SdTooltipElement, SdTooltipEvents>;
159
185
  export type SdTooltipPortalEvents = {
package/dist/components/components.server.js CHANGED
@@ -98,6 +98,20 @@ export const SdDateRangePicker = /*@__PURE__*/ createComponent({
98
98
  clientModule: clientComponents.SdDateRangePicker,
99
99
  serializeShadowRoot,
100
100
  });
101
+ export const SdFilePicker = /*@__PURE__*/ createComponent({
102
+ tagName: 'sd-file-picker',
103
+ properties: {
104
+ placeholder: 'placeholder',
105
+ disabled: 'disabled',
106
+ inline: 'inline',
107
+ multiple: 'multiple',
108
+ accept: 'accept',
109
+ width: 'width'
110
+ },
111
+ hydrateModule: import('@sellmate/design-system/hydrate'),
112
+ clientModule: clientComponents.SdFilePicker,
113
+ serializeShadowRoot,
114
+ });
101
115
  export const SdGuide = /*@__PURE__*/ createComponent({
102
116
  tagName: 'sd-guide',
103
117
  properties: {
@@ -221,6 +235,18 @@ export const SdProgress = /*@__PURE__*/ createComponent({
221
235
  clientModule: clientComponents.SdProgress,
222
236
  serializeShadowRoot,
223
237
  });
238
+ export const SdRadioButtonGroup = /*@__PURE__*/ createComponent({
239
+ tagName: 'sd-radio-button-group',
240
+ properties: {
241
+ value: 'value',
242
+ size: 'size',
243
+ disabled: 'disabled',
244
+ name: 'name'
245
+ },
246
+ hydrateModule: import('@sellmate/design-system/hydrate'),
247
+ clientModule: clientComponents.SdRadioButtonGroup,
248
+ serializeShadowRoot,
249
+ });
224
250
  export const SdRadioGroup = /*@__PURE__*/ createComponent({
225
251
  tagName: 'sd-radio-group',
226
252
  properties: {
@@ -352,6 +378,17 @@ export const SdTableBackup = /*@__PURE__*/ createComponent({
352
378
  clientModule: clientComponents.SdTableBackup,
353
379
  serializeShadowRoot,
354
380
  });
381
+ export const SdTabs = /*@__PURE__*/ createComponent({
382
+ tagName: 'sd-tabs',
383
+ properties: {
384
+ value: 'value',
385
+ size: 'size',
386
+ isSub: 'is-sub'
387
+ },
388
+ hydrateModule: import('@sellmate/design-system/hydrate'),
389
+ clientModule: clientComponents.SdTabs,
390
+ serializeShadowRoot,
391
+ });
355
392
  export const SdTag = /*@__PURE__*/ createComponent({
356
393
  tagName: 'sd-tag',
357
394
  properties: {
@@ -391,6 +428,21 @@ export const SdTh = /*@__PURE__*/ createComponent({
391
428
  clientModule: clientComponents.SdTh,
392
429
  serializeShadowRoot,
393
430
  });
431
+ export const SdToastMessage = /*@__PURE__*/ createComponent({
432
+ tagName: 'sd-toast-message',
433
+ properties: {
434
+ icon: 'icon',
435
+ message: 'message',
436
+ link: 'link',
437
+ linkLabel: 'link-label',
438
+ buttonLabel: 'button-label',
439
+ close: 'close',
440
+ type: 'type'
441
+ },
442
+ hydrateModule: import('@sellmate/design-system/hydrate'),
443
+ clientModule: clientComponents.SdToastMessage,
444
+ serializeShadowRoot,
445
+ });
394
446
  export const SdToggle = /*@__PURE__*/ createComponent({
395
447
  tagName: 'sd-toggle',
396
448
  properties: {
@@ -402,6 +454,17 @@ export const SdToggle = /*@__PURE__*/ createComponent({
402
454
  clientModule: clientComponents.SdToggle,
403
455
  serializeShadowRoot,
404
456
  });
457
+ export const SdToggleButton = /*@__PURE__*/ createComponent({
458
+ tagName: 'sd-toggle-button',
459
+ properties: {
460
+ value: 'value',
461
+ label: 'label',
462
+ disabled: 'disabled'
463
+ },
464
+ hydrateModule: import('@sellmate/design-system/hydrate'),
465
+ clientModule: clientComponents.SdToggleButton,
466
+ serializeShadowRoot,
467
+ });
405
468
  export const SdTooltip = /*@__PURE__*/ createComponent({
406
469
  tagName: 'sd-tooltip',
407
470
  properties: {
package/lib/components/components.server.ts CHANGED
@@ -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 Event, type RadioValue, type Row, type SdButtonCustomEvent, type SdCheckboxCustomEvent, type SdInputCustomEvent, type SdModalCardCustomEvent, type SdRadioGroupCustomEvent, type SdSelectCustomEvent, type SdSelectMultipleCustomEvent, type SdSelectMultipleGroupCustomEvent, type SdSelectOptionCustomEvent, type SdSelectOptionGroupCustomEvent, type SdTableBackupCustomEvent, type SdTableCustomEvent, type SelectEvents, type SelectMultipleEvents, type SelectOption, type SelectOptionGroup } from "@sellmate/design-system";
11
+ import { type CheckedType, type Event, type RadioValue, type Row, type SdButtonCustomEvent, type SdCheckboxCustomEvent, type SdFilePickerCustomEvent, type SdInputCustomEvent, type SdModalCardCustomEvent, type SdRadioButtonGroupCustomEvent, type SdRadioGroupCustomEvent, type SdSelectCustomEvent, type SdSelectMultipleCustomEvent, type SdSelectMultipleGroupCustomEvent, type SdSelectOptionCustomEvent, type SdSelectOptionGroupCustomEvent, type SdTableBackupCustomEvent, type SdTableCustomEvent, type SelectEvents, type SelectMultipleEvents, type SelectOption, type SelectOptionGroup } from "@sellmate/design-system";
12
12
  import { SdBadge as SdBadgeElement } from "@sellmate/design-system/dist/components/sd-badge.js";
13
13
  import { SdButton as SdButtonElement } from "@sellmate/design-system/dist/components/sd-button.js";
14
14
  import { SdCard as SdCardElement } from "@sellmate/design-system/dist/components/sd-card.js";
@@ -16,6 +16,7 @@ import { SdCheckbox as SdCheckboxElement } from "@sellmate/design-system/dist/co
16
16
  import { SdDateBox as SdDateBoxElement } from "@sellmate/design-system/dist/components/sd-date-box.js";
17
17
  import { SdDatePicker as SdDatePickerElement } from "@sellmate/design-system/dist/components/sd-date-picker.js";
18
18
  import { SdDateRangePicker as SdDateRangePickerElement } from "@sellmate/design-system/dist/components/sd-date-range-picker.js";
19
+ import { SdFilePicker as SdFilePickerElement } from "@sellmate/design-system/dist/components/sd-file-picker.js";
19
20
  import { SdGuide as SdGuideElement } from "@sellmate/design-system/dist/components/sd-guide.js";
20
21
  import { SdIcon as SdIconElement } from "@sellmate/design-system/dist/components/sd-icon.js";
21
22
  import { SdInput as SdInputElement } from "@sellmate/design-system/dist/components/sd-input.js";
@@ -25,6 +26,7 @@ import { SdPagination as SdPaginationElement } from "@sellmate/design-system/dis
25
26
  import { SdPopover as SdPopoverElement } from "@sellmate/design-system/dist/components/sd-popover.js";
26
27
  import { SdPortal as SdPortalElement } from "@sellmate/design-system/dist/components/sd-portal.js";
27
28
  import { SdProgress as SdProgressElement } from "@sellmate/design-system/dist/components/sd-progress.js";
29
+ import { SdRadioButtonGroup as SdRadioButtonGroupElement } from "@sellmate/design-system/dist/components/sd-radio-button-group.js";
28
30
  import { SdRadioGroup as SdRadioGroupElement } from "@sellmate/design-system/dist/components/sd-radio-group.js";
29
31
  import { SdSelectMultipleGroup as SdSelectMultipleGroupElement } from "@sellmate/design-system/dist/components/sd-select-multiple-group.js";
30
32
  import { SdSelectMultiple as SdSelectMultipleElement } from "@sellmate/design-system/dist/components/sd-select-multiple.js";
@@ -33,10 +35,13 @@ import { SdSelectOption as SdSelectOptionElement } from "@sellmate/design-system
33
35
  import { SdSelect as SdSelectElement } from "@sellmate/design-system/dist/components/sd-select.js";
34
36
  import { SdTableBackup as SdTableBackupElement } from "@sellmate/design-system/dist/components/sd-table-backup.js";
35
37
  import { SdTable as SdTableElement } from "@sellmate/design-system/dist/components/sd-table.js";
38
+ import { SdTabs as SdTabsElement } from "@sellmate/design-system/dist/components/sd-tabs.js";
36
39
  import { SdTag as SdTagElement } from "@sellmate/design-system/dist/components/sd-tag.js";
37
40
  import { SdTbody as SdTbodyElement } from "@sellmate/design-system/dist/components/sd-tbody.js";
38
41
  import { SdTd as SdTdElement } from "@sellmate/design-system/dist/components/sd-td.js";
39
42
  import { SdTh as SdThElement } from "@sellmate/design-system/dist/components/sd-th.js";
43
+ import { SdToastMessage as SdToastMessageElement } from "@sellmate/design-system/dist/components/sd-toast-message.js";
44
+ import { SdToggleButton as SdToggleButtonElement } from "@sellmate/design-system/dist/components/sd-toggle-button.js";
40
45
  import { SdToggle as SdToggleElement } from "@sellmate/design-system/dist/components/sd-toggle.js";
41
46
  import { SdTooltipPortal as SdTooltipPortalElement } from "@sellmate/design-system/dist/components/sd-tooltip-portal.js";
42
47
  import { SdTooltip as SdTooltipElement } from "@sellmate/design-system/dist/components/sd-tooltip.js";
@@ -161,6 +166,23 @@ export const SdDateRangePicker: StencilReactComponent<SdDateRangePickerElement,
161
166
  serializeShadowRoot,
162
167
  });
163
168
 
169
+ export type SdFilePickerEvents = { onSdChange: EventName<SdFilePickerCustomEvent<File[] | File | null>> };
170
+
171
+ export const SdFilePicker: StencilReactComponent<SdFilePickerElement, SdFilePickerEvents> = /*@__PURE__*/ createComponent<SdFilePickerElement, SdFilePickerEvents>({
172
+ tagName: 'sd-file-picker',
173
+ properties: {
174
+ placeholder: 'placeholder',
175
+ disabled: 'disabled',
176
+ inline: 'inline',
177
+ multiple: 'multiple',
178
+ accept: 'accept',
179
+ width: 'width'
180
+ },
181
+ hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
182
+ clientModule: clientComponents.SdFilePicker as ReactWebComponent<SdFilePickerElement, SdFilePickerEvents>,
183
+ serializeShadowRoot,
184
+ });
185
+
164
186
  export type SdGuideEvents = NonNullable<unknown>;
165
187
 
166
188
  export const SdGuide: StencilReactComponent<SdGuideElement, SdGuideEvents> = /*@__PURE__*/ createComponent<SdGuideElement, SdGuideEvents>({
@@ -320,6 +342,21 @@ export const SdProgress: StencilReactComponent<SdProgressElement, SdProgressEven
320
342
  serializeShadowRoot,
321
343
  });
322
344
 
345
+ export type SdRadioButtonGroupEvents = { onSdChange: EventName<SdRadioButtonGroupCustomEvent<RadioValue>> };
346
+
347
+ export const SdRadioButtonGroup: StencilReactComponent<SdRadioButtonGroupElement, SdRadioButtonGroupEvents> = /*@__PURE__*/ createComponent<SdRadioButtonGroupElement, SdRadioButtonGroupEvents>({
348
+ tagName: 'sd-radio-button-group',
349
+ properties: {
350
+ value: 'value',
351
+ size: 'size',
352
+ disabled: 'disabled',
353
+ name: 'name'
354
+ },
355
+ hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
356
+ clientModule: clientComponents.SdRadioButtonGroup as ReactWebComponent<SdRadioButtonGroupElement, SdRadioButtonGroupEvents>,
357
+ serializeShadowRoot,
358
+ });
359
+
323
360
  export type SdRadioGroupEvents = { onSdChange: EventName<SdRadioGroupCustomEvent<RadioValue>> };
324
361
 
325
362
  export const SdRadioGroup: StencilReactComponent<SdRadioGroupElement, SdRadioGroupEvents> = /*@__PURE__*/ createComponent<SdRadioGroupElement, SdRadioGroupEvents>({
@@ -505,6 +542,20 @@ export const SdTableBackup: StencilReactComponent<SdTableBackupElement, SdTableB
505
542
  serializeShadowRoot,
506
543
  });
507
544
 
545
+ export type SdTabsEvents = { onSdChange: EventName<CustomEvent<string>> };
546
+
547
+ export const SdTabs: StencilReactComponent<SdTabsElement, SdTabsEvents> = /*@__PURE__*/ createComponent<SdTabsElement, SdTabsEvents>({
548
+ tagName: 'sd-tabs',
549
+ properties: {
550
+ value: 'value',
551
+ size: 'size',
552
+ isSub: 'is-sub'
553
+ },
554
+ hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
555
+ clientModule: clientComponents.SdTabs as ReactWebComponent<SdTabsElement, SdTabsEvents>,
556
+ serializeShadowRoot,
557
+ });
558
+
508
559
  export type SdTagEvents = NonNullable<unknown>;
509
560
 
510
561
  export const SdTag: StencilReactComponent<SdTagElement, SdTagEvents> = /*@__PURE__*/ createComponent<SdTagElement, SdTagEvents>({
@@ -556,6 +607,27 @@ export const SdTh: StencilReactComponent<SdThElement, SdThEvents> = /*@__PURE__*
556
607
  serializeShadowRoot,
557
608
  });
558
609
 
610
+ export type SdToastMessageEvents = {
611
+ onSdClose: EventName<CustomEvent<void>>,
612
+ onSdButtonClick: EventName<CustomEvent<void>>
613
+ };
614
+
615
+ export const SdToastMessage: StencilReactComponent<SdToastMessageElement, SdToastMessageEvents> = /*@__PURE__*/ createComponent<SdToastMessageElement, SdToastMessageEvents>({
616
+ tagName: 'sd-toast-message',
617
+ properties: {
618
+ icon: 'icon',
619
+ message: 'message',
620
+ link: 'link',
621
+ linkLabel: 'link-label',
622
+ buttonLabel: 'button-label',
623
+ close: 'close',
624
+ type: 'type'
625
+ },
626
+ hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
627
+ clientModule: clientComponents.SdToastMessage as ReactWebComponent<SdToastMessageElement, SdToastMessageEvents>,
628
+ serializeShadowRoot,
629
+ });
630
+
559
631
  export type SdToggleEvents = { onSdChange: EventName<CustomEvent<boolean>> };
560
632
 
561
633
  export const SdToggle: StencilReactComponent<SdToggleElement, SdToggleEvents> = /*@__PURE__*/ createComponent<SdToggleElement, SdToggleEvents>({
@@ -570,6 +642,20 @@ export const SdToggle: StencilReactComponent<SdToggleElement, SdToggleEvents> =
570
642
  serializeShadowRoot,
571
643
  });
572
644
 
645
+ export type SdToggleButtonEvents = { onSdChange: EventName<CustomEvent<boolean>> };
646
+
647
+ export const SdToggleButton: StencilReactComponent<SdToggleButtonElement, SdToggleButtonEvents> = /*@__PURE__*/ createComponent<SdToggleButtonElement, SdToggleButtonEvents>({
648
+ tagName: 'sd-toggle-button',
649
+ properties: {
650
+ value: 'value',
651
+ label: 'label',
652
+ disabled: 'disabled'
653
+ },
654
+ hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
655
+ clientModule: clientComponents.SdToggleButton as ReactWebComponent<SdToggleButtonElement, SdToggleButtonEvents>,
656
+ serializeShadowRoot,
657
+ });
658
+
573
659
  export type SdTooltipEvents = NonNullable<unknown>;
574
660
 
575
661
  export const SdTooltip: StencilReactComponent<SdTooltipElement, SdTooltipEvents> = /*@__PURE__*/ createComponent<SdTooltipElement, SdTooltipEvents>({
package/lib/components/components.ts CHANGED
@@ -7,7 +7,7 @@
7
7
 
8
8
  /* eslint-disable */
9
9
 
10
- import { type CheckedType, type Event, type RadioValue, type Row, type SdButtonCustomEvent, type SdCheckboxCustomEvent, type SdInputCustomEvent, type SdModalCardCustomEvent, type SdRadioGroupCustomEvent, type SdSelectCustomEvent, type SdSelectMultipleCustomEvent, type SdSelectMultipleGroupCustomEvent, type SdSelectOptionCustomEvent, type SdSelectOptionGroupCustomEvent, type SdTableBackupCustomEvent, type SdTableCustomEvent, type SelectEvents, type SelectMultipleEvents, type SelectOption, type SelectOptionGroup } from "@sellmate/design-system";
10
+ import { type CheckedType, type Event, type RadioValue, type Row, type SdButtonCustomEvent, type SdCheckboxCustomEvent, type SdFilePickerCustomEvent, type SdInputCustomEvent, type SdModalCardCustomEvent, type SdRadioButtonGroupCustomEvent, type SdRadioGroupCustomEvent, type SdSelectCustomEvent, type SdSelectMultipleCustomEvent, type SdSelectMultipleGroupCustomEvent, type SdSelectOptionCustomEvent, type SdSelectOptionGroupCustomEvent, type SdTableBackupCustomEvent, type SdTableCustomEvent, type SelectEvents, type SelectMultipleEvents, type SelectOption, type SelectOptionGroup } from "@sellmate/design-system";
11
11
  import { SdBadge as SdBadgeElement, defineCustomElement as defineSdBadge } from "@sellmate/design-system/dist/components/sd-badge.js";
12
12
  import { SdButton as SdButtonElement, defineCustomElement as defineSdButton } from "@sellmate/design-system/dist/components/sd-button.js";
13
13
  import { SdCard as SdCardElement, defineCustomElement as defineSdCard } from "@sellmate/design-system/dist/components/sd-card.js";
@@ -15,6 +15,7 @@ import { SdCheckbox as SdCheckboxElement, defineCustomElement as defineSdCheckbo
15
15
  import { SdDateBox as SdDateBoxElement, defineCustomElement as defineSdDateBox } from "@sellmate/design-system/dist/components/sd-date-box.js";
16
16
  import { SdDatePicker as SdDatePickerElement, defineCustomElement as defineSdDatePicker } from "@sellmate/design-system/dist/components/sd-date-picker.js";
17
17
  import { SdDateRangePicker as SdDateRangePickerElement, defineCustomElement as defineSdDateRangePicker } from "@sellmate/design-system/dist/components/sd-date-range-picker.js";
18
+ import { SdFilePicker as SdFilePickerElement, defineCustomElement as defineSdFilePicker } from "@sellmate/design-system/dist/components/sd-file-picker.js";
18
19
  import { SdGuide as SdGuideElement, defineCustomElement as defineSdGuide } from "@sellmate/design-system/dist/components/sd-guide.js";
19
20
  import { SdIcon as SdIconElement, defineCustomElement as defineSdIcon } from "@sellmate/design-system/dist/components/sd-icon.js";
20
21
  import { SdInput as SdInputElement, defineCustomElement as defineSdInput } from "@sellmate/design-system/dist/components/sd-input.js";
@@ -24,6 +25,7 @@ import { SdPagination as SdPaginationElement, defineCustomElement as defineSdPag
24
25
  import { SdPopover as SdPopoverElement, defineCustomElement as defineSdPopover } from "@sellmate/design-system/dist/components/sd-popover.js";
25
26
  import { SdPortal as SdPortalElement, defineCustomElement as defineSdPortal } from "@sellmate/design-system/dist/components/sd-portal.js";
26
27
  import { SdProgress as SdProgressElement, defineCustomElement as defineSdProgress } from "@sellmate/design-system/dist/components/sd-progress.js";
28
+ import { SdRadioButtonGroup as SdRadioButtonGroupElement, defineCustomElement as defineSdRadioButtonGroup } from "@sellmate/design-system/dist/components/sd-radio-button-group.js";
27
29
  import { SdRadioGroup as SdRadioGroupElement, defineCustomElement as defineSdRadioGroup } from "@sellmate/design-system/dist/components/sd-radio-group.js";
28
30
  import { SdSelectMultipleGroup as SdSelectMultipleGroupElement, defineCustomElement as defineSdSelectMultipleGroup } from "@sellmate/design-system/dist/components/sd-select-multiple-group.js";
29
31
  import { SdSelectMultiple as SdSelectMultipleElement, defineCustomElement as defineSdSelectMultiple } from "@sellmate/design-system/dist/components/sd-select-multiple.js";
@@ -32,10 +34,13 @@ import { SdSelectOption as SdSelectOptionElement, defineCustomElement as defineS
32
34
  import { SdSelect as SdSelectElement, defineCustomElement as defineSdSelect } from "@sellmate/design-system/dist/components/sd-select.js";
33
35
  import { SdTableBackup as SdTableBackupElement, defineCustomElement as defineSdTableBackup } from "@sellmate/design-system/dist/components/sd-table-backup.js";
34
36
  import { SdTable as SdTableElement, defineCustomElement as defineSdTable } from "@sellmate/design-system/dist/components/sd-table.js";
37
+ import { SdTabs as SdTabsElement, defineCustomElement as defineSdTabs } from "@sellmate/design-system/dist/components/sd-tabs.js";
35
38
  import { SdTag as SdTagElement, defineCustomElement as defineSdTag } from "@sellmate/design-system/dist/components/sd-tag.js";
36
39
  import { SdTbody as SdTbodyElement, defineCustomElement as defineSdTbody } from "@sellmate/design-system/dist/components/sd-tbody.js";
37
40
  import { SdTd as SdTdElement, defineCustomElement as defineSdTd } from "@sellmate/design-system/dist/components/sd-td.js";
38
41
  import { SdTh as SdThElement, defineCustomElement as defineSdTh } from "@sellmate/design-system/dist/components/sd-th.js";
42
+ import { SdToastMessage as SdToastMessageElement, defineCustomElement as defineSdToastMessage } from "@sellmate/design-system/dist/components/sd-toast-message.js";
43
+ import { SdToggleButton as SdToggleButtonElement, defineCustomElement as defineSdToggleButton } from "@sellmate/design-system/dist/components/sd-toggle-button.js";
39
44
  import { SdToggle as SdToggleElement, defineCustomElement as defineSdToggle } from "@sellmate/design-system/dist/components/sd-toggle.js";
40
45
  import { SdTooltipPortal as SdTooltipPortalElement, defineCustomElement as defineSdTooltipPortal } from "@sellmate/design-system/dist/components/sd-tooltip-portal.js";
41
46
  import { SdTooltip as SdTooltipElement, defineCustomElement as defineSdTooltip } from "@sellmate/design-system/dist/components/sd-tooltip.js";
@@ -127,6 +132,17 @@ export const SdDateRangePicker: StencilReactComponent<SdDateRangePickerElement,
127
132
  defineCustomElement: defineSdDateRangePicker
128
133
  });
129
134
 
135
+ export type SdFilePickerEvents = { onSdChange: EventName<SdFilePickerCustomEvent<File[] | File | null>> };
136
+
137
+ export const SdFilePicker: StencilReactComponent<SdFilePickerElement, SdFilePickerEvents> = /*@__PURE__*/ createComponent<SdFilePickerElement, SdFilePickerEvents>({
138
+ tagName: 'sd-file-picker',
139
+ elementClass: SdFilePickerElement,
140
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
141
+ react: React,
142
+ events: { onSdChange: 'sdChange' } as SdFilePickerEvents,
143
+ defineCustomElement: defineSdFilePicker
144
+ });
145
+
130
146
  export type SdGuideEvents = NonNullable<unknown>;
131
147
 
132
148
  export const SdGuide: StencilReactComponent<SdGuideElement, SdGuideEvents> = /*@__PURE__*/ createComponent<SdGuideElement, SdGuideEvents>({
@@ -244,6 +260,17 @@ export const SdProgress: StencilReactComponent<SdProgressElement, SdProgressEven
244
260
  defineCustomElement: defineSdProgress
245
261
  });
246
262
 
263
+ export type SdRadioButtonGroupEvents = { onSdChange: EventName<SdRadioButtonGroupCustomEvent<RadioValue>> };
264
+
265
+ export const SdRadioButtonGroup: StencilReactComponent<SdRadioButtonGroupElement, SdRadioButtonGroupEvents> = /*@__PURE__*/ createComponent<SdRadioButtonGroupElement, SdRadioButtonGroupEvents>({
266
+ tagName: 'sd-radio-button-group',
267
+ elementClass: SdRadioButtonGroupElement,
268
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
269
+ react: React,
270
+ events: { onSdChange: 'sdChange' } as SdRadioButtonGroupEvents,
271
+ defineCustomElement: defineSdRadioButtonGroup
272
+ });
273
+
247
274
  export type SdRadioGroupEvents = { onSdChange: EventName<SdRadioGroupCustomEvent<RadioValue>> };
248
275
 
249
276
  export const SdRadioGroup: StencilReactComponent<SdRadioGroupElement, SdRadioGroupEvents> = /*@__PURE__*/ createComponent<SdRadioGroupElement, SdRadioGroupEvents>({
@@ -379,6 +406,17 @@ export const SdTableBackup: StencilReactComponent<SdTableBackupElement, SdTableB
379
406
  defineCustomElement: defineSdTableBackup
380
407
  });
381
408
 
409
+ export type SdTabsEvents = { onSdChange: EventName<CustomEvent<string>> };
410
+
411
+ export const SdTabs: StencilReactComponent<SdTabsElement, SdTabsEvents> = /*@__PURE__*/ createComponent<SdTabsElement, SdTabsEvents>({
412
+ tagName: 'sd-tabs',
413
+ elementClass: SdTabsElement,
414
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
415
+ react: React,
416
+ events: { onSdChange: 'sdChange' } as SdTabsEvents,
417
+ defineCustomElement: defineSdTabs
418
+ });
419
+
382
420
  export type SdTagEvents = NonNullable<unknown>;
383
421
 
384
422
  export const SdTag: StencilReactComponent<SdTagElement, SdTagEvents> = /*@__PURE__*/ createComponent<SdTagElement, SdTagEvents>({
@@ -423,6 +461,23 @@ export const SdTh: StencilReactComponent<SdThElement, SdThEvents> = /*@__PURE__*
423
461
  defineCustomElement: defineSdTh
424
462
  });
425
463
 
464
+ export type SdToastMessageEvents = {
465
+ onSdClose: EventName<CustomEvent<void>>,
466
+ onSdButtonClick: EventName<CustomEvent<void>>
467
+ };
468
+
469
+ export const SdToastMessage: StencilReactComponent<SdToastMessageElement, SdToastMessageEvents> = /*@__PURE__*/ createComponent<SdToastMessageElement, SdToastMessageEvents>({
470
+ tagName: 'sd-toast-message',
471
+ elementClass: SdToastMessageElement,
472
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
473
+ react: React,
474
+ events: {
475
+ onSdClose: 'sdClose',
476
+ onSdButtonClick: 'sdButtonClick'
477
+ } as SdToastMessageEvents,
478
+ defineCustomElement: defineSdToastMessage
479
+ });
480
+
426
481
  export type SdToggleEvents = { onSdChange: EventName<CustomEvent<boolean>> };
427
482
 
428
483
  export const SdToggle: StencilReactComponent<SdToggleElement, SdToggleEvents> = /*@__PURE__*/ createComponent<SdToggleElement, SdToggleEvents>({
@@ -434,6 +489,17 @@ export const SdToggle: StencilReactComponent<SdToggleElement, SdToggleEvents> =
434
489
  defineCustomElement: defineSdToggle
435
490
  });
436
491
 
492
+ export type SdToggleButtonEvents = { onSdChange: EventName<CustomEvent<boolean>> };
493
+
494
+ export const SdToggleButton: StencilReactComponent<SdToggleButtonElement, SdToggleButtonEvents> = /*@__PURE__*/ createComponent<SdToggleButtonElement, SdToggleButtonEvents>({
495
+ tagName: 'sd-toggle-button',
496
+ elementClass: SdToggleButtonElement,
497
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
498
+ react: React,
499
+ events: { onSdChange: 'sdChange' } as SdToggleButtonEvents,
500
+ defineCustomElement: defineSdToggleButton
501
+ });
502
+
437
503
  export type SdTooltipEvents = NonNullable<unknown>;
438
504
 
439
505
  export const SdTooltip: StencilReactComponent<SdTooltipElement, SdTooltipEvents> = /*@__PURE__*/ createComponent<SdTooltipElement, SdTooltipEvents>({
package/package.json CHANGED
@@ -1,71 +1,71 @@
1
- {
2
- "name": "@sellmate/design-system-react",
3
- "version": "0.0.57",
4
- "description": "Design System - React Component Wrappers",
5
- "keywords": [
6
- "react",
7
- "web-components",
8
- "design-system",
9
- "ui-library"
10
- ],
11
- "homepage": "https://gitlab.corp.sellmate.co.kr/sellmate/frontend/design-system/-/blob/main/README.md?ref_type=heads",
12
- "repository": {
13
- "type": "git",
14
- "url": "https://gitlab.corp.sellmate.co.kr/sellmate/frontend/design-system.git"
15
- },
16
- "bugs": {
17
- "url": "https://gitlab.corp.sellmate.co.kr/sellmate/frontend/design-system/-/issues"
18
- },
19
- "license": "MIT",
20
- "author": {
21
- "name": "MeeKyeong Kim",
22
- "email": "kmeijjing@gmail.com"
23
- },
24
- "main": "dist/index.js",
25
- "module": "dist/index.js",
26
- "types": "dist/index.d.ts",
27
- "exports": {
28
- ".": {
29
- "types": "./dist/index.d.ts",
30
- "import": "./dist/index.js",
31
- "require": "./dist/index.js"
32
- },
33
- "./next": {
34
- "types": "./dist/components/components.server.d.ts",
35
- "import": "./dist/components/components.server.js",
36
- "require": "./dist/components/components.server.js"
37
- }
38
- },
39
- "directories": {
40
- "lib": "lib",
41
- "test": "__tests__"
42
- },
43
- "files": [
44
- "dist",
45
- "lib"
46
- ],
47
- "publishConfig": {
48
- "access": "public"
49
- },
50
- "scripts": {
51
- "prebuild": "rimraf dist",
52
- "build": "tsc",
53
- "clean": "rimraf lib dist",
54
- "dev": "tsc --watch"
55
- },
56
- "dependencies": {
57
- "@sellmate/design-system": "^0.0.51",
58
- "@stencil/react-output-target": "^1.2.0"
59
- },
60
- "peerDependencies": {
61
- "react": ">=16.8.0",
62
- "react-dom": ">=16.8.0"
63
- },
64
- "devDependencies": {
65
- "@types/react": "^19.2.2",
66
- "react": "^19.2.0",
67
- "react-dom": "^19.2.0",
68
- "rimraf": "^6.0.1",
69
- "typescript": "^5.9.3"
70
- }
71
- }
1
+ {
2
+ "name": "@sellmate/design-system-react",
3
+ "version": "0.0.59",
4
+ "description": "Design System - React Component Wrappers",
5
+ "keywords": [
6
+ "react",
7
+ "web-components",
8
+ "design-system",
9
+ "ui-library"
10
+ ],
11
+ "homepage": "https://gitlab.corp.sellmate.co.kr/sellmate/frontend/design-system/-/blob/main/README.md?ref_type=heads",
12
+ "repository": {
13
+ "type": "git",
14
+ "url": "https://gitlab.corp.sellmate.co.kr/sellmate/frontend/design-system.git"
15
+ },
16
+ "bugs": {
17
+ "url": "https://gitlab.corp.sellmate.co.kr/sellmate/frontend/design-system/-/issues"
18
+ },
19
+ "license": "MIT",
20
+ "author": {
21
+ "name": "MeeKyeong Kim",
22
+ "email": "kmeijjing@gmail.com"
23
+ },
24
+ "main": "dist/index.js",
25
+ "module": "dist/index.js",
26
+ "types": "dist/index.d.ts",
27
+ "exports": {
28
+ ".": {
29
+ "types": "./dist/index.d.ts",
30
+ "import": "./dist/index.js",
31
+ "require": "./dist/index.js"
32
+ },
33
+ "./next": {
34
+ "types": "./dist/components/components.server.d.ts",
35
+ "import": "./dist/components/components.server.js",
36
+ "require": "./dist/components/components.server.js"
37
+ }
38
+ },
39
+ "directories": {
40
+ "lib": "lib",
41
+ "test": "__tests__"
42
+ },
43
+ "files": [
44
+ "dist",
45
+ "lib"
46
+ ],
47
+ "publishConfig": {
48
+ "access": "public"
49
+ },
50
+ "scripts": {
51
+ "prebuild": "rimraf dist",
52
+ "build": "tsc",
53
+ "clean": "rimraf lib dist",
54
+ "dev": "tsc --watch"
55
+ },
56
+ "dependencies": {
57
+ "@sellmate/design-system": "^0.0.53",
58
+ "@stencil/react-output-target": "^1.2.0"
59
+ },
60
+ "peerDependencies": {
61
+ "react": ">=16.8.0",
62
+ "react-dom": ">=16.8.0"
63
+ },
64
+ "devDependencies": {
65
+ "@types/react": "^19.2.2",
66
+ "react": "^19.2.0",
67
+ "react-dom": "^19.2.0",
68
+ "rimraf": "^6.0.1",
69
+ "typescript": "^5.9.3"
70
+ }
71
+ }