@sellmate/design-system-react 0.0.23 → 0.0.26

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 +116 -22
  2. package/dist/components/components.js +222 -27
  3. package/dist/components/components.server.d.ts +120 -20
  4. package/dist/components/components.server.js +322 -20
  5. package/lib/components/components.server.ts +453 -24
  6. package/lib/components/components.ts +326 -22
  7. package/package.json +5 -4
package/dist/components/components.d.ts CHANGED
@@ -2,25 +2,119 @@
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
- export { SdBadge } from "./sd-badge.js";
6
- export { SdButton } from "./sd-button.js";
7
- export { SdCard } from "./sd-card.js";
8
- export { SdCheckbox } from "./sd-checkbox.js";
9
- export { SdDateBox } from "./sd-date-box.js";
10
- export { SdDatePicker } from "./sd-date-picker.js";
11
- export { SdDateRangePicker } from "./sd-date-range-picker.js";
12
- export { SdGuide } from "./sd-guide.js";
13
- export { SdIcon } from "./sd-icon.js";
14
- export { SdInput } from "./sd-input.js";
15
- export { SdPagination } from "./sd-pagination.js";
16
- export { SdPopover } from "./sd-popover.js";
17
- export { SdPortal } from "./sd-portal.js";
18
- export { SdSelectMultipleGroup } from "./sd-select-multiple-group.js";
19
- export { SdSelectMultiple } from "./sd-select-multiple.js";
20
- export { SdSelectOptionGroup } from "./sd-select-option-group.js";
21
- export { SdSelectOption } from "./sd-select-option.js";
22
- export { SdSelect } from "./sd-select.js";
23
- export { SdTable } from "./sd-table.js";
24
- export { SdTag } from "./sd-tag.js";
25
- export { SdTooltipPortal } from "./sd-tooltip-portal.js";
26
- export { SdTooltip } from "./sd-tooltip.js";
5
+ import { type CheckedType, type Row, type SdButtonCustomEvent, type SdCheckboxCustomEvent, type SdInputCustomEvent, type SdSelectCustomEvent, type SdSelectMultipleCustomEvent, type SdSelectMultipleGroupCustomEvent, type SdSelectOptionCustomEvent, type SdSelectOptionGroupCustomEvent, type SdTableCustomEvent, type SelectEvents, type SelectMultipleEvents, type SelectOption, type SelectOptionGroup } from "@sellmate/design-system";
6
+ import { SdBadge as SdBadgeElement } from "@sellmate/design-system/dist/components/sd-badge.js";
7
+ import { SdButton as SdButtonElement } from "@sellmate/design-system/dist/components/sd-button.js";
8
+ import { SdCard as SdCardElement } from "@sellmate/design-system/dist/components/sd-card.js";
9
+ import { SdCheckbox as SdCheckboxElement } from "@sellmate/design-system/dist/components/sd-checkbox.js";
10
+ import { SdDateBox as SdDateBoxElement } from "@sellmate/design-system/dist/components/sd-date-box.js";
11
+ import { SdDatePicker as SdDatePickerElement } from "@sellmate/design-system/dist/components/sd-date-picker.js";
12
+ import { SdDateRangePicker as SdDateRangePickerElement } from "@sellmate/design-system/dist/components/sd-date-range-picker.js";
13
+ import { SdGuide as SdGuideElement } from "@sellmate/design-system/dist/components/sd-guide.js";
14
+ import { SdIcon as SdIconElement } from "@sellmate/design-system/dist/components/sd-icon.js";
15
+ import { SdInput as SdInputElement } from "@sellmate/design-system/dist/components/sd-input.js";
16
+ import { SdPagination as SdPaginationElement } from "@sellmate/design-system/dist/components/sd-pagination.js";
17
+ import { SdPopover as SdPopoverElement } from "@sellmate/design-system/dist/components/sd-popover.js";
18
+ import { SdPortal as SdPortalElement } from "@sellmate/design-system/dist/components/sd-portal.js";
19
+ import { SdSelectMultipleGroup as SdSelectMultipleGroupElement } from "@sellmate/design-system/dist/components/sd-select-multiple-group.js";
20
+ import { SdSelectMultiple as SdSelectMultipleElement } from "@sellmate/design-system/dist/components/sd-select-multiple.js";
21
+ import { SdSelectOptionGroup as SdSelectOptionGroupElement } from "@sellmate/design-system/dist/components/sd-select-option-group.js";
22
+ import { SdSelectOption as SdSelectOptionElement } from "@sellmate/design-system/dist/components/sd-select-option.js";
23
+ import { SdSelect as SdSelectElement } from "@sellmate/design-system/dist/components/sd-select.js";
24
+ import { SdTable as SdTableElement } from "@sellmate/design-system/dist/components/sd-table.js";
25
+ import { SdTag as SdTagElement } from "@sellmate/design-system/dist/components/sd-tag.js";
26
+ import { SdTooltipPortal as SdTooltipPortalElement } from "@sellmate/design-system/dist/components/sd-tooltip-portal.js";
27
+ import { SdTooltip as SdTooltipElement } from "@sellmate/design-system/dist/components/sd-tooltip.js";
28
+ import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
29
+ export type SdBadgeEvents = NonNullable<unknown>;
30
+ export declare const SdBadge: StencilReactComponent<SdBadgeElement, SdBadgeEvents>;
31
+ export type SdButtonEvents = {
32
+ onSdClick: EventName<SdButtonCustomEvent<MouseEvent>>;
33
+ };
34
+ export declare const SdButton: StencilReactComponent<SdButtonElement, SdButtonEvents>;
35
+ export type SdCardEvents = NonNullable<unknown>;
36
+ export declare const SdCard: StencilReactComponent<SdCardElement, SdCardEvents>;
37
+ export type SdCheckboxEvents = {
38
+ onSdChange: EventName<SdCheckboxCustomEvent<CheckedType>>;
39
+ };
40
+ export declare const SdCheckbox: StencilReactComponent<SdCheckboxElement, SdCheckboxEvents>;
41
+ export type SdDateBoxEvents = {
42
+ onSdClick: EventName<CustomEvent<number | string | null>>;
43
+ onSdMouseOver: EventName<CustomEvent<number | string | null>>;
44
+ };
45
+ export declare const SdDateBox: StencilReactComponent<SdDateBoxElement, SdDateBoxEvents>;
46
+ export type SdDatePickerEvents = {
47
+ onSdChange: EventName<CustomEvent<string | null>>;
48
+ };
49
+ export declare const SdDatePicker: StencilReactComponent<SdDatePickerElement, SdDatePickerEvents>;
50
+ export type SdDateRangePickerEvents = {
51
+ onSdChange: EventName<CustomEvent<[string, string]>>;
52
+ };
53
+ export declare const SdDateRangePicker: StencilReactComponent<SdDateRangePickerElement, SdDateRangePickerEvents>;
54
+ export type SdGuideEvents = NonNullable<unknown>;
55
+ export declare const SdGuide: StencilReactComponent<SdGuideElement, SdGuideEvents>;
56
+ export type SdIconEvents = NonNullable<unknown>;
57
+ export declare const SdIcon: StencilReactComponent<SdIconElement, SdIconEvents>;
58
+ export type SdInputEvents = {
59
+ onSdClick: EventName<CustomEvent<string | number | null>>;
60
+ onSdInput: EventName<CustomEvent<string | number | null>>;
61
+ onSdChange: EventName<CustomEvent<string | number | null>>;
62
+ onSdFocus: EventName<SdInputCustomEvent<Event>>;
63
+ onSdBlur: EventName<SdInputCustomEvent<Event>>;
64
+ };
65
+ export declare const SdInput: StencilReactComponent<SdInputElement, SdInputEvents>;
66
+ export type SdPaginationEvents = {
67
+ onPageChange: EventName<CustomEvent<number>>;
68
+ };
69
+ export declare const SdPagination: StencilReactComponent<SdPaginationElement, SdPaginationEvents>;
70
+ export type SdPopoverEvents = NonNullable<unknown>;
71
+ export declare const SdPopover: StencilReactComponent<SdPopoverElement, SdPopoverEvents>;
72
+ export type SdPortalEvents = {
73
+ onSdClose: EventName<CustomEvent<void>>;
74
+ };
75
+ export declare const SdPortal: StencilReactComponent<SdPortalElement, SdPortalEvents>;
76
+ export type SdSelectEvents = {
77
+ onSdChange: EventName<SdSelectCustomEvent<SelectEvents['sdChange']>>;
78
+ onDropDownShow: EventName<SdSelectCustomEvent<SelectEvents['dropDownShow']>>;
79
+ };
80
+ export declare const SdSelect: StencilReactComponent<SdSelectElement, SdSelectEvents>;
81
+ export type SdSelectMultipleEvents = {
82
+ onSdChange: EventName<SdSelectMultipleCustomEvent<SelectMultipleEvents['sdChange']>>;
83
+ onDropDownShow: EventName<SdSelectMultipleCustomEvent<SelectMultipleEvents['dropDownShow']>>;
84
+ };
85
+ export declare const SdSelectMultiple: StencilReactComponent<SdSelectMultipleElement, SdSelectMultipleEvents>;
86
+ export type SdSelectMultipleGroupEvents = {
87
+ onSdChange: EventName<SdSelectMultipleGroupCustomEvent<SelectMultipleEvents['sdChange']>>;
88
+ onDropDownShow: EventName<SdSelectMultipleGroupCustomEvent<SelectMultipleEvents['dropDownShow']>>;
89
+ };
90
+ export declare const SdSelectMultipleGroup: StencilReactComponent<SdSelectMultipleGroupElement, SdSelectMultipleGroupEvents>;
91
+ export type SdSelectOptionEvents = {
92
+ onOptionClick: EventName<SdSelectOptionCustomEvent<{
93
+ option: SelectOption;
94
+ index: number;
95
+ event: MouseEvent;
96
+ }>>;
97
+ };
98
+ export declare const SdSelectOption: StencilReactComponent<SdSelectOptionElement, SdSelectOptionEvents>;
99
+ export type SdSelectOptionGroupEvents = {
100
+ onOptionClick: EventName<SdSelectOptionGroupCustomEvent<{
101
+ option: SelectOptionGroup;
102
+ isSelected: boolean | null;
103
+ index: number;
104
+ event: MouseEvent;
105
+ }>>;
106
+ };
107
+ export declare const SdSelectOptionGroup: StencilReactComponent<SdSelectOptionGroupElement, SdSelectOptionGroupEvents>;
108
+ export type SdTableEvents = {
109
+ onSdSelectChange: EventName<SdTableCustomEvent<Row[]>>;
110
+ onSdPageChange: EventName<CustomEvent<number>>;
111
+ };
112
+ export declare const SdTable: StencilReactComponent<SdTableElement, SdTableEvents>;
113
+ export type SdTagEvents = NonNullable<unknown>;
114
+ export declare const SdTag: StencilReactComponent<SdTagElement, SdTagEvents>;
115
+ export type SdTooltipEvents = NonNullable<unknown>;
116
+ export declare const SdTooltip: StencilReactComponent<SdTooltipElement, SdTooltipEvents>;
117
+ export type SdTooltipPortalEvents = {
118
+ onSdClose: EventName<CustomEvent<void>>;
119
+ };
120
+ export declare const SdTooltipPortal: StencilReactComponent<SdTooltipPortalElement, SdTooltipPortalEvents>;
package/dist/components/components.js CHANGED
@@ -1,27 +1,222 @@
1
- /**
2
- * This file was automatically generated by the Stencil React Output Target.
3
- * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
4
- */
5
- /* eslint-disable */
6
- export { SdBadge } from "./sd-badge.js";
7
- export { SdButton } from "./sd-button.js";
8
- export { SdCard } from "./sd-card.js";
9
- export { SdCheckbox } from "./sd-checkbox.js";
10
- export { SdDateBox } from "./sd-date-box.js";
11
- export { SdDatePicker } from "./sd-date-picker.js";
12
- export { SdDateRangePicker } from "./sd-date-range-picker.js";
13
- export { SdGuide } from "./sd-guide.js";
14
- export { SdIcon } from "./sd-icon.js";
15
- export { SdInput } from "./sd-input.js";
16
- export { SdPagination } from "./sd-pagination.js";
17
- export { SdPopover } from "./sd-popover.js";
18
- export { SdPortal } from "./sd-portal.js";
19
- export { SdSelectMultipleGroup } from "./sd-select-multiple-group.js";
20
- export { SdSelectMultiple } from "./sd-select-multiple.js";
21
- export { SdSelectOptionGroup } from "./sd-select-option-group.js";
22
- export { SdSelectOption } from "./sd-select-option.js";
23
- export { SdSelect } from "./sd-select.js";
24
- export { SdTable } from "./sd-table.js";
25
- export { SdTag } from "./sd-tag.js";
26
- export { SdTooltipPortal } from "./sd-tooltip-portal.js";
27
- export { SdTooltip } from "./sd-tooltip.js";
1
+ 'use client';
2
+ import { SdBadge as SdBadgeElement, defineCustomElement as defineSdBadge } from "@sellmate/design-system/dist/components/sd-badge.js";
3
+ import { SdButton as SdButtonElement, defineCustomElement as defineSdButton } from "@sellmate/design-system/dist/components/sd-button.js";
4
+ import { SdCard as SdCardElement, defineCustomElement as defineSdCard } from "@sellmate/design-system/dist/components/sd-card.js";
5
+ import { SdCheckbox as SdCheckboxElement, defineCustomElement as defineSdCheckbox } from "@sellmate/design-system/dist/components/sd-checkbox.js";
6
+ import { SdDateBox as SdDateBoxElement, defineCustomElement as defineSdDateBox } from "@sellmate/design-system/dist/components/sd-date-box.js";
7
+ import { SdDatePicker as SdDatePickerElement, defineCustomElement as defineSdDatePicker } from "@sellmate/design-system/dist/components/sd-date-picker.js";
8
+ import { SdDateRangePicker as SdDateRangePickerElement, defineCustomElement as defineSdDateRangePicker } from "@sellmate/design-system/dist/components/sd-date-range-picker.js";
9
+ import { SdGuide as SdGuideElement, defineCustomElement as defineSdGuide } from "@sellmate/design-system/dist/components/sd-guide.js";
10
+ import { SdIcon as SdIconElement, defineCustomElement as defineSdIcon } from "@sellmate/design-system/dist/components/sd-icon.js";
11
+ import { SdInput as SdInputElement, defineCustomElement as defineSdInput } from "@sellmate/design-system/dist/components/sd-input.js";
12
+ import { SdPagination as SdPaginationElement, defineCustomElement as defineSdPagination } from "@sellmate/design-system/dist/components/sd-pagination.js";
13
+ import { SdPopover as SdPopoverElement, defineCustomElement as defineSdPopover } from "@sellmate/design-system/dist/components/sd-popover.js";
14
+ import { SdPortal as SdPortalElement, defineCustomElement as defineSdPortal } from "@sellmate/design-system/dist/components/sd-portal.js";
15
+ import { SdSelectMultipleGroup as SdSelectMultipleGroupElement, defineCustomElement as defineSdSelectMultipleGroup } from "@sellmate/design-system/dist/components/sd-select-multiple-group.js";
16
+ import { SdSelectMultiple as SdSelectMultipleElement, defineCustomElement as defineSdSelectMultiple } from "@sellmate/design-system/dist/components/sd-select-multiple.js";
17
+ import { SdSelectOptionGroup as SdSelectOptionGroupElement, defineCustomElement as defineSdSelectOptionGroup } from "@sellmate/design-system/dist/components/sd-select-option-group.js";
18
+ import { SdSelectOption as SdSelectOptionElement, defineCustomElement as defineSdSelectOption } from "@sellmate/design-system/dist/components/sd-select-option.js";
19
+ import { SdSelect as SdSelectElement, defineCustomElement as defineSdSelect } from "@sellmate/design-system/dist/components/sd-select.js";
20
+ import { SdTable as SdTableElement, defineCustomElement as defineSdTable } from "@sellmate/design-system/dist/components/sd-table.js";
21
+ import { SdTag as SdTagElement, defineCustomElement as defineSdTag } from "@sellmate/design-system/dist/components/sd-tag.js";
22
+ import { SdTooltipPortal as SdTooltipPortalElement, defineCustomElement as defineSdTooltipPortal } from "@sellmate/design-system/dist/components/sd-tooltip-portal.js";
23
+ import { SdTooltip as SdTooltipElement, defineCustomElement as defineSdTooltip } from "@sellmate/design-system/dist/components/sd-tooltip.js";
24
+ import { createComponent } from '@stencil/react-output-target/runtime';
25
+ import React from 'react';
26
+ export const SdBadge = /*@__PURE__*/ createComponent({
27
+ tagName: 'sd-badge',
28
+ elementClass: SdBadgeElement,
29
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
30
+ react: React,
31
+ events: {},
32
+ defineCustomElement: defineSdBadge
33
+ });
34
+ export const SdButton = /*@__PURE__*/ createComponent({
35
+ tagName: 'sd-button',
36
+ elementClass: SdButtonElement,
37
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
38
+ react: React,
39
+ events: { onSdClick: 'sdClick' },
40
+ defineCustomElement: defineSdButton
41
+ });
42
+ export const SdCard = /*@__PURE__*/ createComponent({
43
+ tagName: 'sd-card',
44
+ elementClass: SdCardElement,
45
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
46
+ react: React,
47
+ events: {},
48
+ defineCustomElement: defineSdCard
49
+ });
50
+ export const SdCheckbox = /*@__PURE__*/ createComponent({
51
+ tagName: 'sd-checkbox',
52
+ elementClass: SdCheckboxElement,
53
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
54
+ react: React,
55
+ events: { onSdChange: 'sdChange' },
56
+ defineCustomElement: defineSdCheckbox
57
+ });
58
+ export const SdDateBox = /*@__PURE__*/ createComponent({
59
+ tagName: 'sd-date-box',
60
+ elementClass: SdDateBoxElement,
61
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
62
+ react: React,
63
+ events: {
64
+ onSdClick: 'sdClick',
65
+ onSdMouseOver: 'sdMouseOver'
66
+ },
67
+ defineCustomElement: defineSdDateBox
68
+ });
69
+ export const SdDatePicker = /*@__PURE__*/ createComponent({
70
+ tagName: 'sd-date-picker',
71
+ elementClass: SdDatePickerElement,
72
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
73
+ react: React,
74
+ events: { onSdChange: 'sdChange' },
75
+ defineCustomElement: defineSdDatePicker
76
+ });
77
+ export const SdDateRangePicker = /*@__PURE__*/ createComponent({
78
+ tagName: 'sd-date-range-picker',
79
+ elementClass: SdDateRangePickerElement,
80
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
81
+ react: React,
82
+ events: { onSdChange: 'sdChange' },
83
+ defineCustomElement: defineSdDateRangePicker
84
+ });
85
+ export const SdGuide = /*@__PURE__*/ createComponent({
86
+ tagName: 'sd-guide',
87
+ elementClass: SdGuideElement,
88
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
89
+ react: React,
90
+ events: {},
91
+ defineCustomElement: defineSdGuide
92
+ });
93
+ export const SdIcon = /*@__PURE__*/ createComponent({
94
+ tagName: 'sd-icon',
95
+ elementClass: SdIconElement,
96
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
97
+ react: React,
98
+ events: {},
99
+ defineCustomElement: defineSdIcon
100
+ });
101
+ export const SdInput = /*@__PURE__*/ createComponent({
102
+ tagName: 'sd-input',
103
+ elementClass: SdInputElement,
104
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
105
+ react: React,
106
+ events: {
107
+ onSdClick: 'sdClick',
108
+ onSdInput: 'sdInput',
109
+ onSdChange: 'sdChange',
110
+ onSdFocus: 'sdFocus',
111
+ onSdBlur: 'sdBlur'
112
+ },
113
+ defineCustomElement: defineSdInput
114
+ });
115
+ export const SdPagination = /*@__PURE__*/ createComponent({
116
+ tagName: 'sd-pagination',
117
+ elementClass: SdPaginationElement,
118
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
119
+ react: React,
120
+ events: { onPageChange: 'pageChange' },
121
+ defineCustomElement: defineSdPagination
122
+ });
123
+ export const SdPopover = /*@__PURE__*/ createComponent({
124
+ tagName: 'sd-popover',
125
+ elementClass: SdPopoverElement,
126
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
127
+ react: React,
128
+ events: {},
129
+ defineCustomElement: defineSdPopover
130
+ });
131
+ export const SdPortal = /*@__PURE__*/ createComponent({
132
+ tagName: 'sd-portal',
133
+ elementClass: SdPortalElement,
134
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
135
+ react: React,
136
+ events: { onSdClose: 'sdClose' },
137
+ defineCustomElement: defineSdPortal
138
+ });
139
+ export const SdSelect = /*@__PURE__*/ createComponent({
140
+ tagName: 'sd-select',
141
+ elementClass: SdSelectElement,
142
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
143
+ react: React,
144
+ events: {
145
+ onSdChange: 'sdChange',
146
+ onDropDownShow: 'dropDownShow'
147
+ },
148
+ defineCustomElement: defineSdSelect
149
+ });
150
+ export const SdSelectMultiple = /*@__PURE__*/ createComponent({
151
+ tagName: 'sd-select-multiple',
152
+ elementClass: SdSelectMultipleElement,
153
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
154
+ react: React,
155
+ events: {
156
+ onSdChange: 'sdChange',
157
+ onDropDownShow: 'dropDownShow'
158
+ },
159
+ defineCustomElement: defineSdSelectMultiple
160
+ });
161
+ export const SdSelectMultipleGroup = /*@__PURE__*/ createComponent({
162
+ tagName: 'sd-select-multiple-group',
163
+ elementClass: SdSelectMultipleGroupElement,
164
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
165
+ react: React,
166
+ events: {
167
+ onSdChange: 'sdChange',
168
+ onDropDownShow: 'dropDownShow'
169
+ },
170
+ defineCustomElement: defineSdSelectMultipleGroup
171
+ });
172
+ export const SdSelectOption = /*@__PURE__*/ createComponent({
173
+ tagName: 'sd-select-option',
174
+ elementClass: SdSelectOptionElement,
175
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
176
+ react: React,
177
+ events: { onOptionClick: 'optionClick' },
178
+ defineCustomElement: defineSdSelectOption
179
+ });
180
+ export const SdSelectOptionGroup = /*@__PURE__*/ createComponent({
181
+ tagName: 'sd-select-option-group',
182
+ elementClass: SdSelectOptionGroupElement,
183
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
184
+ react: React,
185
+ events: { onOptionClick: 'optionClick' },
186
+ defineCustomElement: defineSdSelectOptionGroup
187
+ });
188
+ export const SdTable = /*@__PURE__*/ createComponent({
189
+ tagName: 'sd-table',
190
+ elementClass: SdTableElement,
191
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
192
+ react: React,
193
+ events: {
194
+ onSdSelectChange: 'sdSelectChange',
195
+ onSdPageChange: 'sdPageChange'
196
+ },
197
+ defineCustomElement: defineSdTable
198
+ });
199
+ export const SdTag = /*@__PURE__*/ createComponent({
200
+ tagName: 'sd-tag',
201
+ elementClass: SdTagElement,
202
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
203
+ react: React,
204
+ events: {},
205
+ defineCustomElement: defineSdTag
206
+ });
207
+ export const SdTooltip = /*@__PURE__*/ createComponent({
208
+ tagName: 'sd-tooltip',
209
+ elementClass: SdTooltipElement,
210
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
211
+ react: React,
212
+ events: {},
213
+ defineCustomElement: defineSdTooltip
214
+ });
215
+ export const SdTooltipPortal = /*@__PURE__*/ createComponent({
216
+ tagName: 'sd-tooltip-portal',
217
+ elementClass: SdTooltipPortalElement,
218
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
219
+ react: React,
220
+ events: { onSdClose: 'sdClose' },
221
+ defineCustomElement: defineSdTooltipPortal
222
+ });
package/dist/components/components.server.d.ts CHANGED
@@ -1,22 +1,122 @@
1
1
  /**
2
- * This file exports all server-side React components for use with Next.js SSR.
3
- * These components support hydration with the @stencil/react-output-target SSR functionality.
2
+ * This file was automatically generated by the Stencil React Output Target.
3
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
4
4
  */
5
- export { SdBadge } from './sd-badge.server.js';
6
- export { SdButton } from './sd-button.server.js';
7
- export { SdCheckbox } from './sd-checkbox.server.js';
8
- export { SdDateBox } from './sd-date-box.server.js';
9
- export { SdDatePicker } from './sd-date-picker.server.js';
10
- export { SdDateRangePicker } from './sd-date-range-picker.server.js';
11
- export { SdGuide } from './sd-guide.server.js';
12
- export { SdIcon } from './sd-icon.server.js';
13
- export { SdInput } from './sd-input.server.js';
14
- export { SdPagination } from './sd-pagination.server.js';
15
- export { SdPopover } from './sd-popover.server.js';
16
- export { SdPortal } from './sd-portal.server.js';
17
- export { SdSelectOption } from './sd-select-option.server.js';
18
- export { SdSelect } from './sd-select.server.js';
19
- export { SdTable } from './sd-table.server.js';
20
- export { SdTag } from './sd-tag.server.js';
21
- export { SdTooltipPortal } from './sd-tooltip-portal.server.js';
22
- export { SdTooltip } from './sd-tooltip.server.js';
5
+ import { type CheckedType, type Row, type SdButtonCustomEvent, type SdCheckboxCustomEvent, type SdInputCustomEvent, type SdSelectCustomEvent, type SdSelectMultipleCustomEvent, type SdSelectMultipleGroupCustomEvent, type SdSelectOptionCustomEvent, type SdSelectOptionGroupCustomEvent, type SdTableCustomEvent, type SelectEvents, type SelectMultipleEvents, type SelectOption, type SelectOptionGroup } from "@sellmate/design-system";
6
+ import { SdBadge as SdBadgeElement } from "@sellmate/design-system/dist/components/sd-badge.js";
7
+ import { SdButton as SdButtonElement } from "@sellmate/design-system/dist/components/sd-button.js";
8
+ import { SdCard as SdCardElement } from "@sellmate/design-system/dist/components/sd-card.js";
9
+ import { SdCheckbox as SdCheckboxElement } from "@sellmate/design-system/dist/components/sd-checkbox.js";
10
+ import { SdDateBox as SdDateBoxElement } from "@sellmate/design-system/dist/components/sd-date-box.js";
11
+ import { SdDatePicker as SdDatePickerElement } from "@sellmate/design-system/dist/components/sd-date-picker.js";
12
+ import { SdDateRangePicker as SdDateRangePickerElement } from "@sellmate/design-system/dist/components/sd-date-range-picker.js";
13
+ import { SdGuide as SdGuideElement } from "@sellmate/design-system/dist/components/sd-guide.js";
14
+ import { SdIcon as SdIconElement } from "@sellmate/design-system/dist/components/sd-icon.js";
15
+ import { SdInput as SdInputElement } from "@sellmate/design-system/dist/components/sd-input.js";
16
+ import { SdPagination as SdPaginationElement } from "@sellmate/design-system/dist/components/sd-pagination.js";
17
+ import { SdPopover as SdPopoverElement } from "@sellmate/design-system/dist/components/sd-popover.js";
18
+ import { SdPortal as SdPortalElement } from "@sellmate/design-system/dist/components/sd-portal.js";
19
+ import { SdSelectMultipleGroup as SdSelectMultipleGroupElement } from "@sellmate/design-system/dist/components/sd-select-multiple-group.js";
20
+ import { SdSelectMultiple as SdSelectMultipleElement } from "@sellmate/design-system/dist/components/sd-select-multiple.js";
21
+ import { SdSelectOptionGroup as SdSelectOptionGroupElement } from "@sellmate/design-system/dist/components/sd-select-option-group.js";
22
+ import { SdSelectOption as SdSelectOptionElement } from "@sellmate/design-system/dist/components/sd-select-option.js";
23
+ import { SdSelect as SdSelectElement } from "@sellmate/design-system/dist/components/sd-select.js";
24
+ import { SdTable as SdTableElement } from "@sellmate/design-system/dist/components/sd-table.js";
25
+ import { SdTag as SdTagElement } from "@sellmate/design-system/dist/components/sd-tag.js";
26
+ import { SdTooltipPortal as SdTooltipPortalElement } from "@sellmate/design-system/dist/components/sd-tooltip-portal.js";
27
+ import { SdTooltip as SdTooltipElement } from "@sellmate/design-system/dist/components/sd-tooltip.js";
28
+ import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
29
+ import { type SerializeShadowRootOptions } from '@stencil/react-output-target/ssr';
30
+ export declare const serializeShadowRoot: SerializeShadowRootOptions;
31
+ export type SdBadgeEvents = NonNullable<unknown>;
32
+ export declare const SdBadge: StencilReactComponent<SdBadgeElement, SdBadgeEvents>;
33
+ export type SdButtonEvents = {
34
+ onSdClick: EventName<SdButtonCustomEvent<MouseEvent>>;
35
+ };
36
+ export declare const SdButton: StencilReactComponent<SdButtonElement, SdButtonEvents>;
37
+ export type SdCardEvents = NonNullable<unknown>;
38
+ export declare const SdCard: StencilReactComponent<SdCardElement, SdCardEvents>;
39
+ export type SdCheckboxEvents = {
40
+ onSdChange: EventName<SdCheckboxCustomEvent<CheckedType>>;
41
+ };
42
+ export declare const SdCheckbox: StencilReactComponent<SdCheckboxElement, SdCheckboxEvents>;
43
+ export type SdDateBoxEvents = {
44
+ onSdClick: EventName<CustomEvent<number | string | null>>;
45
+ onSdMouseOver: EventName<CustomEvent<number | string | null>>;
46
+ };
47
+ export declare const SdDateBox: StencilReactComponent<SdDateBoxElement, SdDateBoxEvents>;
48
+ export type SdDatePickerEvents = {
49
+ onSdChange: EventName<CustomEvent<string | null>>;
50
+ };
51
+ export declare const SdDatePicker: StencilReactComponent<SdDatePickerElement, SdDatePickerEvents>;
52
+ export type SdDateRangePickerEvents = {
53
+ onSdChange: EventName<CustomEvent<[string, string]>>;
54
+ };
55
+ export declare const SdDateRangePicker: StencilReactComponent<SdDateRangePickerElement, SdDateRangePickerEvents>;
56
+ export type SdGuideEvents = NonNullable<unknown>;
57
+ export declare const SdGuide: StencilReactComponent<SdGuideElement, SdGuideEvents>;
58
+ export type SdIconEvents = NonNullable<unknown>;
59
+ export declare const SdIcon: StencilReactComponent<SdIconElement, SdIconEvents>;
60
+ export type SdInputEvents = {
61
+ onSdClick: EventName<CustomEvent<string | number | null>>;
62
+ onSdInput: EventName<CustomEvent<string | number | null>>;
63
+ onSdChange: EventName<CustomEvent<string | number | null>>;
64
+ onSdFocus: EventName<SdInputCustomEvent<Event>>;
65
+ onSdBlur: EventName<SdInputCustomEvent<Event>>;
66
+ };
67
+ export declare const SdInput: StencilReactComponent<SdInputElement, SdInputEvents>;
68
+ export type SdPaginationEvents = {
69
+ onPageChange: EventName<CustomEvent<number>>;
70
+ };
71
+ export declare const SdPagination: StencilReactComponent<SdPaginationElement, SdPaginationEvents>;
72
+ export type SdPopoverEvents = NonNullable<unknown>;
73
+ export declare const SdPopover: StencilReactComponent<SdPopoverElement, SdPopoverEvents>;
74
+ export type SdPortalEvents = {
75
+ onSdClose: EventName<CustomEvent<void>>;
76
+ };
77
+ export declare const SdPortal: StencilReactComponent<SdPortalElement, SdPortalEvents>;
78
+ export type SdSelectEvents = {
79
+ onSdChange: EventName<SdSelectCustomEvent<SelectEvents['sdChange']>>;
80
+ onDropDownShow: EventName<SdSelectCustomEvent<SelectEvents['dropDownShow']>>;
81
+ };
82
+ export declare const SdSelect: StencilReactComponent<SdSelectElement, SdSelectEvents>;
83
+ export type SdSelectMultipleEvents = {
84
+ onSdChange: EventName<SdSelectMultipleCustomEvent<SelectMultipleEvents['sdChange']>>;
85
+ onDropDownShow: EventName<SdSelectMultipleCustomEvent<SelectMultipleEvents['dropDownShow']>>;
86
+ };
87
+ export declare const SdSelectMultiple: StencilReactComponent<SdSelectMultipleElement, SdSelectMultipleEvents>;
88
+ export type SdSelectMultipleGroupEvents = {
89
+ onSdChange: EventName<SdSelectMultipleGroupCustomEvent<SelectMultipleEvents['sdChange']>>;
90
+ onDropDownShow: EventName<SdSelectMultipleGroupCustomEvent<SelectMultipleEvents['dropDownShow']>>;
91
+ };
92
+ export declare const SdSelectMultipleGroup: StencilReactComponent<SdSelectMultipleGroupElement, SdSelectMultipleGroupEvents>;
93
+ export type SdSelectOptionEvents = {
94
+ onOptionClick: EventName<SdSelectOptionCustomEvent<{
95
+ option: SelectOption;
96
+ index: number;
97
+ event: MouseEvent;
98
+ }>>;
99
+ };
100
+ export declare const SdSelectOption: StencilReactComponent<SdSelectOptionElement, SdSelectOptionEvents>;
101
+ export type SdSelectOptionGroupEvents = {
102
+ onOptionClick: EventName<SdSelectOptionGroupCustomEvent<{
103
+ option: SelectOptionGroup;
104
+ isSelected: boolean | null;
105
+ index: number;
106
+ event: MouseEvent;
107
+ }>>;
108
+ };
109
+ export declare const SdSelectOptionGroup: StencilReactComponent<SdSelectOptionGroupElement, SdSelectOptionGroupEvents>;
110
+ export type SdTableEvents = {
111
+ onSdSelectChange: EventName<SdTableCustomEvent<Row[]>>;
112
+ onSdPageChange: EventName<CustomEvent<number>>;
113
+ };
114
+ export declare const SdTable: StencilReactComponent<SdTableElement, SdTableEvents>;
115
+ export type SdTagEvents = NonNullable<unknown>;
116
+ export declare const SdTag: StencilReactComponent<SdTagElement, SdTagEvents>;
117
+ export type SdTooltipEvents = NonNullable<unknown>;
118
+ export declare const SdTooltip: StencilReactComponent<SdTooltipElement, SdTooltipEvents>;
119
+ export type SdTooltipPortalEvents = {
120
+ onSdClose: EventName<CustomEvent<void>>;
121
+ };
122
+ export declare const SdTooltipPortal: StencilReactComponent<SdTooltipPortalElement, SdTooltipPortalEvents>;