@esri/calcite-components-react 5.0.0-next.9 → 5.0.0

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 (6) hide show
  1. package/LICENSE.md +1 -1
  2. package/README.md +16 -13
  3. package/{THIRD-PARTY-LICENSES.md → THIRD-PARTY-NOTICES.md} +27 -1
  4. package/dist/components.d.ts +210 -108
  5. package/dist/components.js +105 -1
  6. package/package.json +6 -6
package/dist/components.d.ts CHANGED
@@ -1,45 +1,53 @@
1
1
  /// <reference types="@esri/calcite-components" preserve="true" />
2
2
  import type { EventName } from "@lit/react";
3
- export declare const CalciteAccordion: import("@lit/react").ReactWebComponent<HTMLCalciteAccordionElement & {
3
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-accordion /> directly. */
4
+ export declare const CalciteAccordion: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-accordion/customElement").Accordion & {
4
5
  class?: string;
5
6
  }, {}>;
6
- export declare const CalciteAccordionItem: import("@lit/react").ReactWebComponent<HTMLCalciteAccordionItemElement & {
7
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-accordion-item /> directly. */
8
+ export declare const CalciteAccordionItem: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-accordion-item/customElement").AccordionItem & {
7
9
  class?: string;
8
10
  }, {
9
11
  onCalciteAccordionItemCollapse: EventName<HTMLCalciteAccordionItemElement["calciteAccordionItemCollapse"]>;
10
12
  onCalciteAccordionItemExpand: EventName<HTMLCalciteAccordionItemElement["calciteAccordionItemExpand"]>;
11
13
  }>;
12
- export declare const CalciteAction: import("@lit/react").ReactWebComponent<HTMLCalciteActionElement & {
14
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-action /> directly. */
15
+ export declare const CalciteAction: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-action/customElement").Action & {
13
16
  class?: string;
14
17
  }, {}>;
15
- export declare const CalciteActionBar: import("@lit/react").ReactWebComponent<HTMLCalciteActionBarElement & {
18
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-action-bar /> directly. */
19
+ export declare const CalciteActionBar: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-action-bar/customElement").ActionBar & {
16
20
  class?: string;
17
21
  }, {
18
22
  onCalciteActionBarCollapse: EventName<HTMLCalciteActionBarElement["calciteActionBarCollapse"]>;
19
23
  onCalciteActionBarExpand: EventName<HTMLCalciteActionBarElement["calciteActionBarExpand"]>;
20
24
  onCalciteActionBarToggle: EventName<HTMLCalciteActionBarElement["calciteActionBarToggle"]>;
21
25
  }>;
22
- export declare const CalciteActionGroup: import("@lit/react").ReactWebComponent<HTMLCalciteActionGroupElement & {
26
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-action-group /> directly. */
27
+ export declare const CalciteActionGroup: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-action-group/customElement").ActionGroup & {
23
28
  class?: string;
24
29
  }, {
25
30
  onCalciteActionGroupCollapse: EventName<HTMLCalciteActionGroupElement["calciteActionGroupCollapse"]>;
26
31
  onCalciteActionGroupExpand: EventName<HTMLCalciteActionGroupElement["calciteActionGroupExpand"]>;
27
32
  }>;
28
- export declare const CalciteActionMenu: import("@lit/react").ReactWebComponent<HTMLCalciteActionMenuElement & {
33
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-action-menu /> directly. */
34
+ export declare const CalciteActionMenu: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-action-menu/customElement").ActionMenu & {
29
35
  class?: string;
30
36
  }, {
31
37
  onCalciteActionMenuCollapse: EventName<HTMLCalciteActionMenuElement["calciteActionMenuCollapse"]>;
32
38
  onCalciteActionMenuExpand: EventName<HTMLCalciteActionMenuElement["calciteActionMenuExpand"]>;
33
39
  onCalciteActionMenuOpen: EventName<HTMLCalciteActionMenuElement["calciteActionMenuOpen"]>;
34
40
  }>;
35
- export declare const CalciteActionPad: import("@lit/react").ReactWebComponent<HTMLCalciteActionPadElement & {
41
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-action-pad /> directly. */
42
+ export declare const CalciteActionPad: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-action-pad/customElement").ActionPad & {
36
43
  class?: string;
37
44
  }, {
38
45
  onCalciteActionPadCollapse: EventName<HTMLCalciteActionPadElement["calciteActionPadCollapse"]>;
39
46
  onCalciteActionPadExpand: EventName<HTMLCalciteActionPadElement["calciteActionPadExpand"]>;
40
47
  onCalciteActionPadToggle: EventName<HTMLCalciteActionPadElement["calciteActionPadToggle"]>;
41
48
  }>;
42
- export declare const CalciteAlert: import("@lit/react").ReactWebComponent<HTMLCalciteAlertElement & {
49
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-alert /> directly. */
50
+ export declare const CalciteAlert: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-alert/customElement").Alert & {
43
51
  class?: string;
44
52
  }, {
45
53
  onCalciteAlertBeforeClose: EventName<HTMLCalciteAlertElement["calciteAlertBeforeClose"]>;
@@ -47,7 +55,8 @@ export declare const CalciteAlert: import("@lit/react").ReactWebComponent<HTMLCa
47
55
  onCalciteAlertClose: EventName<HTMLCalciteAlertElement["calciteAlertClose"]>;
48
56
  onCalciteAlertOpen: EventName<HTMLCalciteAlertElement["calciteAlertOpen"]>;
49
57
  }>;
50
- export declare const CalciteAutocomplete: import("@lit/react").ReactWebComponent<HTMLCalciteAutocompleteElement & {
58
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-autocomplete /> directly. */
59
+ export declare const CalciteAutocomplete: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-autocomplete/customElement").Autocomplete & {
51
60
  class?: string;
52
61
  }, {
53
62
  onCalciteAutocompleteBeforeClose: EventName<HTMLCalciteAutocompleteElement["calciteAutocompleteBeforeClose"]>;
@@ -58,18 +67,22 @@ export declare const CalciteAutocomplete: import("@lit/react").ReactWebComponent
58
67
  onCalciteAutocompleteTextChange: EventName<HTMLCalciteAutocompleteElement["calciteAutocompleteTextChange"]>;
59
68
  onCalciteAutocompleteTextInput: EventName<HTMLCalciteAutocompleteElement["calciteAutocompleteTextInput"]>;
60
69
  }>;
61
- export declare const CalciteAutocompleteItem: import("@lit/react").ReactWebComponent<HTMLCalciteAutocompleteItemElement & {
70
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-autocomplete-item /> directly. */
71
+ export declare const CalciteAutocompleteItem: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-autocomplete-item/customElement").AutocompleteItem & {
62
72
  class?: string;
63
73
  }, {
64
74
  onCalciteAutocompleteItemSelect: EventName<HTMLCalciteAutocompleteItemElement["calciteAutocompleteItemSelect"]>;
65
75
  }>;
66
- export declare const CalciteAutocompleteItemGroup: import("@lit/react").ReactWebComponent<HTMLCalciteAutocompleteItemGroupElement & {
76
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-autocomplete-item-group /> directly. */
77
+ export declare const CalciteAutocompleteItemGroup: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-autocomplete-item-group/customElement").AutocompleteItemGroup & {
67
78
  class?: string;
68
79
  }, {}>;
69
- export declare const CalciteAvatar: import("@lit/react").ReactWebComponent<HTMLCalciteAvatarElement & {
80
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-avatar /> directly. */
81
+ export declare const CalciteAvatar: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-avatar/customElement").Avatar & {
70
82
  class?: string;
71
83
  }, {}>;
72
- export declare const CalciteBlock: import("@lit/react").ReactWebComponent<HTMLCalciteBlockElement & {
84
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-block /> directly. */
85
+ export declare const CalciteBlock: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-block/customElement").Block & {
73
86
  class?: string;
74
87
  }, {
75
88
  onCalciteBlockBeforeClose: EventName<HTMLCalciteBlockElement["calciteBlockBeforeClose"]>;
@@ -84,7 +97,8 @@ export declare const CalciteBlock: import("@lit/react").ReactWebComponent<HTMLCa
84
97
  onCalciteBlockSortHandleOpen: EventName<HTMLCalciteBlockElement["calciteBlockSortHandleOpen"]>;
85
98
  onCalciteBlockToggle: EventName<HTMLCalciteBlockElement["calciteBlockToggle"]>;
86
99
  }>;
87
- export declare const CalciteBlockGroup: import("@lit/react").ReactWebComponent<HTMLCalciteBlockGroupElement & {
100
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-block-group /> directly. */
101
+ export declare const CalciteBlockGroup: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-block-group/customElement").BlockGroup & {
88
102
  class?: string;
89
103
  }, {
90
104
  onCalciteBlockGroupDragEnd: EventName<HTMLCalciteBlockGroupElement["calciteBlockGroupDragEnd"]>;
@@ -92,27 +106,32 @@ export declare const CalciteBlockGroup: import("@lit/react").ReactWebComponent<H
92
106
  onCalciteBlockGroupMoveHalt: EventName<HTMLCalciteBlockGroupElement["calciteBlockGroupMoveHalt"]>;
93
107
  onCalciteBlockGroupOrderChange: EventName<HTMLCalciteBlockGroupElement["calciteBlockGroupOrderChange"]>;
94
108
  }>;
95
- export declare const CalciteBlockSection: import("@lit/react").ReactWebComponent<HTMLCalciteBlockSectionElement & {
109
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-block-section /> directly. */
110
+ export declare const CalciteBlockSection: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-block-section/customElement").BlockSection & {
96
111
  class?: string;
97
112
  }, {
98
113
  onCalciteBlockSectionCollapse: EventName<HTMLCalciteBlockSectionElement["calciteBlockSectionCollapse"]>;
99
114
  onCalciteBlockSectionExpand: EventName<HTMLCalciteBlockSectionElement["calciteBlockSectionExpand"]>;
100
115
  onCalciteBlockSectionToggle: EventName<HTMLCalciteBlockSectionElement["calciteBlockSectionToggle"]>;
101
116
  }>;
102
- export declare const CalciteButton: import("@lit/react").ReactWebComponent<HTMLCalciteButtonElement & {
117
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-button /> directly. */
118
+ export declare const CalciteButton: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-button/customElement").Button & {
103
119
  class?: string;
104
120
  }, {}>;
105
- export declare const CalciteCard: import("@lit/react").ReactWebComponent<HTMLCalciteCardElement & {
121
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-card /> directly. */
122
+ export declare const CalciteCard: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-card/customElement").Card & {
106
123
  class?: string;
107
124
  }, {
108
125
  onCalciteCardSelect: EventName<HTMLCalciteCardElement["calciteCardSelect"]>;
109
126
  }>;
110
- export declare const CalciteCardGroup: import("@lit/react").ReactWebComponent<HTMLCalciteCardGroupElement & {
127
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-card-group /> directly. */
128
+ export declare const CalciteCardGroup: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-card-group/customElement").CardGroup & {
111
129
  class?: string;
112
130
  }, {
113
131
  onCalciteCardGroupSelect: EventName<HTMLCalciteCardGroupElement["calciteCardGroupSelect"]>;
114
132
  }>;
115
- export declare const CalciteCarousel: import("@lit/react").ReactWebComponent<HTMLCalciteCarouselElement & {
133
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-carousel /> directly. */
134
+ export declare const CalciteCarousel: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-carousel/customElement").Carousel & {
116
135
  class?: string;
117
136
  }, {
118
137
  onCalciteCarouselChange: EventName<HTMLCalciteCarouselElement["calciteCarouselChange"]>;
@@ -121,40 +140,48 @@ export declare const CalciteCarousel: import("@lit/react").ReactWebComponent<HTM
121
140
  onCalciteCarouselResume: EventName<HTMLCalciteCarouselElement["calciteCarouselResume"]>;
122
141
  onCalciteCarouselStop: EventName<HTMLCalciteCarouselElement["calciteCarouselStop"]>;
123
142
  }>;
124
- export declare const CalciteCarouselItem: import("@lit/react").ReactWebComponent<HTMLCalciteCarouselItemElement & {
143
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-carousel-item /> directly. */
144
+ export declare const CalciteCarouselItem: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-carousel-item/customElement").CarouselItem & {
125
145
  class?: string;
126
146
  }, {}>;
127
- export declare const CalciteCheckbox: import("@lit/react").ReactWebComponent<HTMLCalciteCheckboxElement & {
147
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-checkbox /> directly. */
148
+ export declare const CalciteCheckbox: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-checkbox/customElement").Checkbox & {
128
149
  class?: string;
129
150
  }, {
130
151
  onCalciteCheckboxChange: EventName<HTMLCalciteCheckboxElement["calciteCheckboxChange"]>;
131
152
  }>;
132
- export declare const CalciteChip: import("@lit/react").ReactWebComponent<HTMLCalciteChipElement & {
153
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-chip /> directly. */
154
+ export declare const CalciteChip: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-chip/customElement").Chip & {
133
155
  class?: string;
134
156
  }, {
135
157
  onCalciteChipClose: EventName<HTMLCalciteChipElement["calciteChipClose"]>;
136
158
  onCalciteChipSelect: EventName<HTMLCalciteChipElement["calciteChipSelect"]>;
137
159
  }>;
138
- export declare const CalciteChipGroup: import("@lit/react").ReactWebComponent<HTMLCalciteChipGroupElement & {
160
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-chip-group /> directly. */
161
+ export declare const CalciteChipGroup: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-chip-group/customElement").ChipGroup & {
139
162
  class?: string;
140
163
  }, {
141
164
  onCalciteChipGroupSelect: EventName<HTMLCalciteChipGroupElement["calciteChipGroupSelect"]>;
142
165
  }>;
143
- export declare const CalciteColorPicker: import("@lit/react").ReactWebComponent<HTMLCalciteColorPickerElement & {
166
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-color-picker /> directly. */
167
+ export declare const CalciteColorPicker: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-color-picker/customElement").ColorPicker & {
144
168
  class?: string;
145
169
  }, {
146
170
  onCalciteColorPickerChange: EventName<HTMLCalciteColorPickerElement["calciteColorPickerChange"]>;
147
171
  onCalciteColorPickerInput: EventName<HTMLCalciteColorPickerElement["calciteColorPickerInput"]>;
148
172
  }>;
149
- export declare const CalciteColorPickerHexInput: import("@lit/react").ReactWebComponent<HTMLCalciteColorPickerHexInputElement & {
173
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-color-picker-hex-input /> directly. */
174
+ export declare const CalciteColorPickerHexInput: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-color-picker-hex-input/customElement").ColorPickerHexInput & {
150
175
  class?: string;
151
176
  }, {
152
177
  onCalciteColorPickerHexInputChange: EventName<HTMLCalciteColorPickerHexInputElement["calciteColorPickerHexInputChange"]>;
153
178
  }>;
154
- export declare const CalciteColorPickerSwatch: import("@lit/react").ReactWebComponent<HTMLCalciteColorPickerSwatchElement & {
179
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-color-picker-swatch /> directly. */
180
+ export declare const CalciteColorPickerSwatch: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-color-picker-swatch/customElement").ColorPickerSwatch & {
155
181
  class?: string;
156
182
  }, {}>;
157
- export declare const CalciteCombobox: import("@lit/react").ReactWebComponent<HTMLCalciteComboboxElement & {
183
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-combobox /> directly. */
184
+ export declare const CalciteCombobox: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-combobox/customElement").Combobox & {
158
185
  class?: string;
159
186
  }, {
160
187
  onCalciteComboboxBeforeClose: EventName<HTMLCalciteComboboxElement["calciteComboboxBeforeClose"]>;
@@ -165,30 +192,33 @@ export declare const CalciteCombobox: import("@lit/react").ReactWebComponent<HTM
165
192
  onCalciteComboboxFilterChange: EventName<HTMLCalciteComboboxElement["calciteComboboxFilterChange"]>;
166
193
  onCalciteComboboxOpen: EventName<HTMLCalciteComboboxElement["calciteComboboxOpen"]>;
167
194
  }>;
168
- export declare const CalciteComboboxItem: import("@lit/react").ReactWebComponent<HTMLCalciteComboboxItemElement & {
195
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-combobox-item /> directly. */
196
+ export declare const CalciteComboboxItem: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-combobox-item/customElement").ComboboxItem & {
169
197
  class?: string;
170
198
  }, {
171
199
  onCalciteComboboxItemChange: EventName<HTMLCalciteComboboxItemElement["calciteComboboxItemChange"]>;
172
200
  }>;
173
- export declare const CalciteComboboxItemGroup: import("@lit/react").ReactWebComponent<HTMLCalciteComboboxItemGroupElement & {
201
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-combobox-item-group /> directly. */
202
+ export declare const CalciteComboboxItemGroup: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-combobox-item-group/customElement").ComboboxItemGroup & {
174
203
  class?: string;
175
204
  }, {}>;
176
- export declare const CalciteDatePicker: import("@lit/react").ReactWebComponent<HTMLCalciteDatePickerElement & {
205
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-date-picker /> directly. */
206
+ export declare const CalciteDatePicker: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-date-picker/customElement").DatePicker & {
177
207
  class?: string;
178
208
  }, {
179
209
  onCalciteDatePickerChange: EventName<HTMLCalciteDatePickerElement["calciteDatePickerChange"]>;
180
210
  onCalciteDatePickerRangeChange: EventName<HTMLCalciteDatePickerElement["calciteDatePickerRangeChange"]>;
181
211
  }>;
182
- export declare const CalciteDatePickerDay: import("@lit/react").ReactWebComponent<HTMLCalciteDatePickerDayElement & {
212
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-date-picker-day /> directly. */
213
+ export declare const CalciteDatePickerDay: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-date-picker-day/customElement").DatePickerDay & {
183
214
  class?: string;
184
215
  }, {}>;
185
- export declare const CalciteDatePickerMonth: import("@lit/react").ReactWebComponent<HTMLCalciteDatePickerMonthElement & {
216
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-date-picker-month /> directly. */
217
+ export declare const CalciteDatePickerMonth: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-date-picker-month/customElement").DatePickerMonth & {
186
218
  class?: string;
187
219
  }, {}>;
188
- export declare const CalciteDatePickerMonthHeader: import("@lit/react").ReactWebComponent<HTMLCalciteDatePickerMonthHeaderElement & {
189
- class?: string;
190
- }, {}>;
191
- export declare const CalciteDialog: import("@lit/react").ReactWebComponent<HTMLCalciteDialogElement & {
220
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-dialog /> directly. */
221
+ export declare const CalciteDialog: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-dialog/customElement").Dialog & {
192
222
  class?: string;
193
223
  }, {
194
224
  onCalciteDialogBeforeClose: EventName<HTMLCalciteDialogElement["calciteDialogBeforeClose"]>;
@@ -197,7 +227,8 @@ export declare const CalciteDialog: import("@lit/react").ReactWebComponent<HTMLC
197
227
  onCalciteDialogOpen: EventName<HTMLCalciteDialogElement["calciteDialogOpen"]>;
198
228
  onCalciteDialogScroll: EventName<HTMLCalciteDialogElement["calciteDialogScroll"]>;
199
229
  }>;
200
- export declare const CalciteDropdown: import("@lit/react").ReactWebComponent<HTMLCalciteDropdownElement & {
230
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-dropdown /> directly. */
231
+ export declare const CalciteDropdown: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-dropdown/customElement").Dropdown & {
201
232
  class?: string;
202
233
  }, {
203
234
  onCalciteDropdownBeforeClose: EventName<HTMLCalciteDropdownElement["calciteDropdownBeforeClose"]>;
@@ -206,26 +237,32 @@ export declare const CalciteDropdown: import("@lit/react").ReactWebComponent<HTM
206
237
  onCalciteDropdownOpen: EventName<HTMLCalciteDropdownElement["calciteDropdownOpen"]>;
207
238
  onCalciteDropdownSelect: EventName<HTMLCalciteDropdownElement["calciteDropdownSelect"]>;
208
239
  }>;
209
- export declare const CalciteDropdownGroup: import("@lit/react").ReactWebComponent<HTMLCalciteDropdownGroupElement & {
240
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-dropdown-group /> directly. */
241
+ export declare const CalciteDropdownGroup: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-dropdown-group/customElement").DropdownGroup & {
210
242
  class?: string;
211
243
  }, {}>;
212
- export declare const CalciteDropdownItem: import("@lit/react").ReactWebComponent<HTMLCalciteDropdownItemElement & {
244
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-dropdown-item /> directly. */
245
+ export declare const CalciteDropdownItem: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-dropdown-item/customElement").DropdownItem & {
213
246
  class?: string;
214
247
  }, {
215
248
  onCalciteDropdownItemSelect: EventName<HTMLCalciteDropdownItemElement["calciteDropdownItemSelect"]>;
216
249
  }>;
217
- export declare const CalciteFab: import("@lit/react").ReactWebComponent<HTMLCalciteFabElement & {
250
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-fab /> directly. */
251
+ export declare const CalciteFab: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-fab/customElement").Fab & {
218
252
  class?: string;
219
253
  }, {}>;
220
- export declare const CalciteFilter: import("@lit/react").ReactWebComponent<HTMLCalciteFilterElement & {
254
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-filter /> directly. */
255
+ export declare const CalciteFilter: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-filter/customElement").Filter & {
221
256
  class?: string;
222
257
  }, {
223
258
  onCalciteFilterChange: EventName<HTMLCalciteFilterElement["calciteFilterChange"]>;
224
259
  }>;
225
- export declare const CalciteFlow: import("@lit/react").ReactWebComponent<HTMLCalciteFlowElement & {
260
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-flow /> directly. */
261
+ export declare const CalciteFlow: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-flow/customElement").Flow & {
226
262
  class?: string;
227
263
  }, {}>;
228
- export declare const CalciteFlowItem: import("@lit/react").ReactWebComponent<HTMLCalciteFlowItemElement & {
264
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-flow-item /> directly. */
265
+ export declare const CalciteFlowItem: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-flow-item/customElement").FlowItem & {
229
266
  class?: string;
230
267
  }, {
231
268
  onCalciteFlowItemBack: EventName<HTMLCalciteFlowItemElement["calciteFlowItemBack"]>;
@@ -235,31 +272,37 @@ export declare const CalciteFlowItem: import("@lit/react").ReactWebComponent<HTM
235
272
  onCalciteFlowItemScroll: EventName<HTMLCalciteFlowItemElement["calciteFlowItemScroll"]>;
236
273
  onCalciteFlowItemToggle: EventName<HTMLCalciteFlowItemElement["calciteFlowItemToggle"]>;
237
274
  }>;
238
- export declare const CalciteGraph: import("@lit/react").ReactWebComponent<HTMLCalciteGraphElement & {
275
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-graph /> directly. */
276
+ export declare const CalciteGraph: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-graph/customElement").Graph & {
239
277
  class?: string;
240
278
  }, {}>;
241
- export declare const CalciteHandle: import("@lit/react").ReactWebComponent<HTMLCalciteHandleElement & {
279
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-handle /> directly. */
280
+ export declare const CalciteHandle: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-handle/customElement").Handle & {
242
281
  class?: string;
243
282
  }, {
244
283
  onCalciteHandleChange: EventName<HTMLCalciteHandleElement["calciteHandleChange"]>;
245
284
  onCalciteHandleNudge: EventName<HTMLCalciteHandleElement["calciteHandleNudge"]>;
246
285
  }>;
247
- export declare const CalciteIcon: import("@lit/react").ReactWebComponent<HTMLCalciteIconElement & {
286
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-icon /> directly. */
287
+ export declare const CalciteIcon: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-icon/customElement").Icon & {
248
288
  class?: string;
249
289
  }, {}>;
250
- export declare const CalciteInlineEditable: import("@lit/react").ReactWebComponent<HTMLCalciteInlineEditableElement & {
290
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-inline-editable /> directly. */
291
+ export declare const CalciteInlineEditable: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-inline-editable/customElement").InlineEditable & {
251
292
  class?: string;
252
293
  }, {
253
294
  onCalciteInlineEditableEditCancel: EventName<HTMLCalciteInlineEditableElement["calciteInlineEditableEditCancel"]>;
254
295
  onCalciteInlineEditableEditConfirm: EventName<HTMLCalciteInlineEditableElement["calciteInlineEditableEditConfirm"]>;
255
296
  }>;
256
- export declare const CalciteInput: import("@lit/react").ReactWebComponent<HTMLCalciteInputElement & {
297
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-input /> directly. */
298
+ export declare const CalciteInput: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-input/customElement").Input & {
257
299
  class?: string;
258
300
  }, {
259
301
  onCalciteInputChange: EventName<HTMLCalciteInputElement["calciteInputChange"]>;
260
302
  onCalciteInputInput: EventName<HTMLCalciteInputElement["calciteInputInput"]>;
261
303
  }>;
262
- export declare const CalciteInputDatePicker: import("@lit/react").ReactWebComponent<HTMLCalciteInputDatePickerElement & {
304
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-input-date-picker /> directly. */
305
+ export declare const CalciteInputDatePicker: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-input-date-picker/customElement").InputDatePicker & {
263
306
  class?: string;
264
307
  }, {
265
308
  onCalciteInputDatePickerBeforeClose: EventName<HTMLCalciteInputDatePickerElement["calciteInputDatePickerBeforeClose"]>;
@@ -268,22 +311,26 @@ export declare const CalciteInputDatePicker: import("@lit/react").ReactWebCompon
268
311
  onCalciteInputDatePickerClose: EventName<HTMLCalciteInputDatePickerElement["calciteInputDatePickerClose"]>;
269
312
  onCalciteInputDatePickerOpen: EventName<HTMLCalciteInputDatePickerElement["calciteInputDatePickerOpen"]>;
270
313
  }>;
271
- export declare const CalciteInputMessage: import("@lit/react").ReactWebComponent<HTMLCalciteInputMessageElement & {
314
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-input-message /> directly. */
315
+ export declare const CalciteInputMessage: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-input-message/customElement").InputMessage & {
272
316
  class?: string;
273
317
  }, {}>;
274
- export declare const CalciteInputNumber: import("@lit/react").ReactWebComponent<HTMLCalciteInputNumberElement & {
318
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-input-number /> directly. */
319
+ export declare const CalciteInputNumber: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-input-number/customElement").InputNumber & {
275
320
  class?: string;
276
321
  }, {
277
322
  onCalciteInputNumberChange: EventName<HTMLCalciteInputNumberElement["calciteInputNumberChange"]>;
278
323
  onCalciteInputNumberInput: EventName<HTMLCalciteInputNumberElement["calciteInputNumberInput"]>;
279
324
  }>;
280
- export declare const CalciteInputText: import("@lit/react").ReactWebComponent<HTMLCalciteInputTextElement & {
325
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-input-text /> directly. */
326
+ export declare const CalciteInputText: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-input-text/customElement").InputText & {
281
327
  class?: string;
282
328
  }, {
283
329
  onCalciteInputTextChange: EventName<HTMLCalciteInputTextElement["calciteInputTextChange"]>;
284
330
  onCalciteInputTextInput: EventName<HTMLCalciteInputTextElement["calciteInputTextInput"]>;
285
331
  }>;
286
- export declare const CalciteInputTimePicker: import("@lit/react").ReactWebComponent<HTMLCalciteInputTimePickerElement & {
332
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-input-time-picker /> directly. */
333
+ export declare const CalciteInputTimePicker: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-input-time-picker/customElement").InputTimePicker & {
287
334
  class?: string;
288
335
  }, {
289
336
  onCalciteInputTimePickerBeforeClose: EventName<HTMLCalciteInputTimePickerElement["calciteInputTimePickerBeforeClose"]>;
@@ -292,7 +339,8 @@ export declare const CalciteInputTimePicker: import("@lit/react").ReactWebCompon
292
339
  onCalciteInputTimePickerClose: EventName<HTMLCalciteInputTimePickerElement["calciteInputTimePickerClose"]>;
293
340
  onCalciteInputTimePickerOpen: EventName<HTMLCalciteInputTimePickerElement["calciteInputTimePickerOpen"]>;
294
341
  }>;
295
- export declare const CalciteInputTimeZone: import("@lit/react").ReactWebComponent<HTMLCalciteInputTimeZoneElement & {
342
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-input-time-zone /> directly. */
343
+ export declare const CalciteInputTimeZone: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-input-time-zone/customElement").InputTimeZone & {
296
344
  class?: string;
297
345
  }, {
298
346
  onCalciteInputTimeZoneBeforeClose: EventName<HTMLCalciteInputTimeZoneElement["calciteInputTimeZoneBeforeClose"]>;
@@ -301,13 +349,16 @@ export declare const CalciteInputTimeZone: import("@lit/react").ReactWebComponen
301
349
  onCalciteInputTimeZoneClose: EventName<HTMLCalciteInputTimeZoneElement["calciteInputTimeZoneClose"]>;
302
350
  onCalciteInputTimeZoneOpen: EventName<HTMLCalciteInputTimeZoneElement["calciteInputTimeZoneOpen"]>;
303
351
  }>;
304
- export declare const CalciteLabel: import("@lit/react").ReactWebComponent<HTMLCalciteLabelElement & {
352
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-label /> directly. */
353
+ export declare const CalciteLabel: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-label/customElement").Label & {
305
354
  class?: string;
306
355
  }, {}>;
307
- export declare const CalciteLink: import("@lit/react").ReactWebComponent<HTMLCalciteLinkElement & {
356
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-link /> directly. */
357
+ export declare const CalciteLink: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-link/customElement").Link & {
308
358
  class?: string;
309
359
  }, {}>;
310
- export declare const CalciteList: import("@lit/react").ReactWebComponent<HTMLCalciteListElement & {
360
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-list /> directly. */
361
+ export declare const CalciteList: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-list/customElement").List & {
311
362
  class?: string;
312
363
  }, {
313
364
  onCalciteListChange: EventName<HTMLCalciteListElement["calciteListChange"]>;
@@ -317,7 +368,8 @@ export declare const CalciteList: import("@lit/react").ReactWebComponent<HTMLCal
317
368
  onCalciteListMoveHalt: EventName<HTMLCalciteListElement["calciteListMoveHalt"]>;
318
369
  onCalciteListOrderChange: EventName<HTMLCalciteListElement["calciteListOrderChange"]>;
319
370
  }>;
320
- export declare const CalciteListItem: import("@lit/react").ReactWebComponent<HTMLCalciteListItemElement & {
371
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-list-item /> directly. */
372
+ export declare const CalciteListItem: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-list-item/customElement").ListItem & {
321
373
  class?: string;
322
374
  }, {
323
375
  onCalciteListItemClose: EventName<HTMLCalciteListItemElement["calciteListItemClose"]>;
@@ -330,35 +382,44 @@ export declare const CalciteListItem: import("@lit/react").ReactWebComponent<HTM
330
382
  onCalciteListItemSortHandleOpen: EventName<HTMLCalciteListItemElement["calciteListItemSortHandleOpen"]>;
331
383
  onCalciteListItemToggle: EventName<HTMLCalciteListItemElement["calciteListItemToggle"]>;
332
384
  }>;
333
- export declare const CalciteListItemGroup: import("@lit/react").ReactWebComponent<HTMLCalciteListItemGroupElement & {
385
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-list-item-group /> directly. */
386
+ export declare const CalciteListItemGroup: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-list-item-group/customElement").ListItemGroup & {
334
387
  class?: string;
335
388
  }, {}>;
336
- export declare const CalciteLoader: import("@lit/react").ReactWebComponent<HTMLCalciteLoaderElement & {
389
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-loader /> directly. */
390
+ export declare const CalciteLoader: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-loader/customElement").Loader & {
337
391
  class?: string;
338
392
  }, {}>;
339
- export declare const CalciteMenu: import("@lit/react").ReactWebComponent<HTMLCalciteMenuElement & {
393
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-menu /> directly. */
394
+ export declare const CalciteMenu: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-menu/customElement").Menu & {
340
395
  class?: string;
341
396
  }, {}>;
342
- export declare const CalciteMenuItem: import("@lit/react").ReactWebComponent<HTMLCalciteMenuItemElement & {
397
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-menu-item /> directly. */
398
+ export declare const CalciteMenuItem: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-menu-item/customElement").MenuItem & {
343
399
  class?: string;
344
400
  }, {
345
401
  onCalciteMenuItemSelect: EventName<HTMLCalciteMenuItemElement["calciteMenuItemSelect"]>;
346
402
  }>;
347
- export declare const CalciteMeter: import("@lit/react").ReactWebComponent<HTMLCalciteMeterElement & {
403
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-meter /> directly. */
404
+ export declare const CalciteMeter: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-meter/customElement").Meter & {
348
405
  class?: string;
349
406
  }, {}>;
350
- export declare const CalciteNavigation: import("@lit/react").ReactWebComponent<HTMLCalciteNavigationElement & {
407
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-navigation /> directly. */
408
+ export declare const CalciteNavigation: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-navigation/customElement").Navigation & {
351
409
  class?: string;
352
410
  }, {
353
411
  onCalciteNavigationActionSelect: EventName<HTMLCalciteNavigationElement["calciteNavigationActionSelect"]>;
354
412
  }>;
355
- export declare const CalciteNavigationLogo: import("@lit/react").ReactWebComponent<HTMLCalciteNavigationLogoElement & {
413
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-navigation-logo /> directly. */
414
+ export declare const CalciteNavigationLogo: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-navigation-logo/customElement").NavigationLogo & {
356
415
  class?: string;
357
416
  }, {}>;
358
- export declare const CalciteNavigationUser: import("@lit/react").ReactWebComponent<HTMLCalciteNavigationUserElement & {
417
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-navigation-user /> directly. */
418
+ export declare const CalciteNavigationUser: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-navigation-user/customElement").NavigationUser & {
359
419
  class?: string;
360
420
  }, {}>;
361
- export declare const CalciteNotice: import("@lit/react").ReactWebComponent<HTMLCalciteNoticeElement & {
421
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-notice /> directly. */
422
+ export declare const CalciteNotice: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-notice/customElement").Notice & {
362
423
  class?: string;
363
424
  }, {
364
425
  onCalciteNoticeBeforeClose: EventName<HTMLCalciteNoticeElement["calciteNoticeBeforeClose"]>;
@@ -366,18 +427,22 @@ export declare const CalciteNotice: import("@lit/react").ReactWebComponent<HTMLC
366
427
  onCalciteNoticeClose: EventName<HTMLCalciteNoticeElement["calciteNoticeClose"]>;
367
428
  onCalciteNoticeOpen: EventName<HTMLCalciteNoticeElement["calciteNoticeOpen"]>;
368
429
  }>;
369
- export declare const CalciteOption: import("@lit/react").ReactWebComponent<HTMLCalciteOptionElement & {
430
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-option /> directly. */
431
+ export declare const CalciteOption: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-option/customElement").Option & {
370
432
  class?: string;
371
433
  }, {}>;
372
- export declare const CalciteOptionGroup: import("@lit/react").ReactWebComponent<HTMLCalciteOptionGroupElement & {
434
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-option-group /> directly. */
435
+ export declare const CalciteOptionGroup: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-option-group/customElement").OptionGroup & {
373
436
  class?: string;
374
437
  }, {}>;
375
- export declare const CalcitePagination: import("@lit/react").ReactWebComponent<HTMLCalcitePaginationElement & {
438
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-pagination /> directly. */
439
+ export declare const CalcitePagination: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-pagination/customElement").Pagination & {
376
440
  class?: string;
377
441
  }, {
378
442
  onCalcitePaginationChange: EventName<HTMLCalcitePaginationElement["calcitePaginationChange"]>;
379
443
  }>;
380
- export declare const CalcitePanel: import("@lit/react").ReactWebComponent<HTMLCalcitePanelElement & {
444
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-panel /> directly. */
445
+ export declare const CalcitePanel: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-panel/customElement").Panel & {
381
446
  class?: string;
382
447
  }, {
383
448
  onCalcitePanelClose: EventName<HTMLCalcitePanelElement["calcitePanelClose"]>;
@@ -386,7 +451,8 @@ export declare const CalcitePanel: import("@lit/react").ReactWebComponent<HTMLCa
386
451
  onCalcitePanelScroll: EventName<HTMLCalcitePanelElement["calcitePanelScroll"]>;
387
452
  onCalcitePanelToggle: EventName<HTMLCalcitePanelElement["calcitePanelToggle"]>;
388
453
  }>;
389
- export declare const CalcitePopover: import("@lit/react").ReactWebComponent<HTMLCalcitePopoverElement & {
454
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-popover /> directly. */
455
+ export declare const CalcitePopover: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-popover/customElement").Popover & {
390
456
  class?: string;
391
457
  }, {
392
458
  onCalcitePopoverBeforeClose: EventName<HTMLCalcitePopoverElement["calcitePopoverBeforeClose"]>;
@@ -394,41 +460,50 @@ export declare const CalcitePopover: import("@lit/react").ReactWebComponent<HTML
394
460
  onCalcitePopoverClose: EventName<HTMLCalcitePopoverElement["calcitePopoverClose"]>;
395
461
  onCalcitePopoverOpen: EventName<HTMLCalcitePopoverElement["calcitePopoverOpen"]>;
396
462
  }>;
397
- export declare const CalciteProgress: import("@lit/react").ReactWebComponent<HTMLCalciteProgressElement & {
463
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-progress /> directly. */
464
+ export declare const CalciteProgress: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-progress/customElement").Progress & {
398
465
  class?: string;
399
466
  }, {}>;
400
- export declare const CalciteRadioButton: import("@lit/react").ReactWebComponent<HTMLCalciteRadioButtonElement & {
467
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-radio-button /> directly. */
468
+ export declare const CalciteRadioButton: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-radio-button/customElement").RadioButton & {
401
469
  class?: string;
402
470
  }, {
403
471
  onCalciteRadioButtonChange: EventName<HTMLCalciteRadioButtonElement["calciteRadioButtonChange"]>;
404
472
  }>;
405
- export declare const CalciteRadioButtonGroup: import("@lit/react").ReactWebComponent<HTMLCalciteRadioButtonGroupElement & {
473
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-radio-button-group /> directly. */
474
+ export declare const CalciteRadioButtonGroup: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-radio-button-group/customElement").RadioButtonGroup & {
406
475
  class?: string;
407
476
  }, {
408
477
  onCalciteRadioButtonGroupChange: EventName<HTMLCalciteRadioButtonGroupElement["calciteRadioButtonGroupChange"]>;
409
478
  }>;
410
- export declare const CalciteRating: import("@lit/react").ReactWebComponent<HTMLCalciteRatingElement & {
479
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-rating /> directly. */
480
+ export declare const CalciteRating: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-rating/customElement").Rating & {
411
481
  class?: string;
412
482
  }, {
413
483
  onCalciteRatingChange: EventName<HTMLCalciteRatingElement["calciteRatingChange"]>;
414
484
  }>;
415
- export declare const CalciteScrim: import("@lit/react").ReactWebComponent<HTMLCalciteScrimElement & {
485
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-scrim /> directly. */
486
+ export declare const CalciteScrim: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-scrim/customElement").Scrim & {
416
487
  class?: string;
417
488
  }, {}>;
418
- export declare const CalciteSegmentedControl: import("@lit/react").ReactWebComponent<HTMLCalciteSegmentedControlElement & {
489
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-segmented-control /> directly. */
490
+ export declare const CalciteSegmentedControl: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-segmented-control/customElement").SegmentedControl & {
419
491
  class?: string;
420
492
  }, {
421
493
  onCalciteSegmentedControlChange: EventName<HTMLCalciteSegmentedControlElement["calciteSegmentedControlChange"]>;
422
494
  }>;
423
- export declare const CalciteSegmentedControlItem: import("@lit/react").ReactWebComponent<HTMLCalciteSegmentedControlItemElement & {
495
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-segmented-control-item /> directly. */
496
+ export declare const CalciteSegmentedControlItem: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-segmented-control-item/customElement").SegmentedControlItem & {
424
497
  class?: string;
425
498
  }, {}>;
426
- export declare const CalciteSelect: import("@lit/react").ReactWebComponent<HTMLCalciteSelectElement & {
499
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-select /> directly. */
500
+ export declare const CalciteSelect: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-select/customElement").Select & {
427
501
  class?: string;
428
502
  }, {
429
503
  onCalciteSelectChange: EventName<HTMLCalciteSelectElement["calciteSelectChange"]>;
430
504
  }>;
431
- export declare const CalciteSheet: import("@lit/react").ReactWebComponent<HTMLCalciteSheetElement & {
505
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-sheet /> directly. */
506
+ export declare const CalciteSheet: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-sheet/customElement").Sheet & {
432
507
  class?: string;
433
508
  }, {
434
509
  onCalciteSheetBeforeClose: EventName<HTMLCalciteSheetElement["calciteSheetBeforeClose"]>;
@@ -436,22 +511,26 @@ export declare const CalciteSheet: import("@lit/react").ReactWebComponent<HTMLCa
436
511
  onCalciteSheetClose: EventName<HTMLCalciteSheetElement["calciteSheetClose"]>;
437
512
  onCalciteSheetOpen: EventName<HTMLCalciteSheetElement["calciteSheetOpen"]>;
438
513
  }>;
439
- export declare const CalciteShell: import("@lit/react").ReactWebComponent<HTMLCalciteShellElement & {
514
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-shell /> directly. */
515
+ export declare const CalciteShell: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-shell/customElement").Shell & {
440
516
  class?: string;
441
517
  }, {}>;
442
- export declare const CalciteShellPanel: import("@lit/react").ReactWebComponent<HTMLCalciteShellPanelElement & {
518
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-shell-panel /> directly. */
519
+ export declare const CalciteShellPanel: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-shell-panel/customElement").ShellPanel & {
443
520
  class?: string;
444
521
  }, {
445
522
  onCalciteShellPanelCollapse: EventName<HTMLCalciteShellPanelElement["calciteShellPanelCollapse"]>;
446
523
  onCalciteShellPanelExpand: EventName<HTMLCalciteShellPanelElement["calciteShellPanelExpand"]>;
447
524
  }>;
448
- export declare const CalciteSlider: import("@lit/react").ReactWebComponent<HTMLCalciteSliderElement & {
525
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-slider /> directly. */
526
+ export declare const CalciteSlider: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-slider/customElement").Slider & {
449
527
  class?: string;
450
528
  }, {
451
529
  onCalciteSliderChange: EventName<HTMLCalciteSliderElement["calciteSliderChange"]>;
452
530
  onCalciteSliderInput: EventName<HTMLCalciteSliderElement["calciteSliderInput"]>;
453
531
  }>;
454
- export declare const CalciteSortHandle: import("@lit/react").ReactWebComponent<HTMLCalciteSortHandleElement & {
532
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-sort-handle /> directly. */
533
+ export declare const CalciteSortHandle: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-sort-handle/customElement").SortHandle & {
455
534
  class?: string;
456
535
  }, {
457
536
  onCalciteSortHandleAdd: EventName<HTMLCalciteSortHandleElement["calciteSortHandleAdd"]>;
@@ -462,101 +541,122 @@ export declare const CalciteSortHandle: import("@lit/react").ReactWebComponent<H
462
541
  onCalciteSortHandleOpen: EventName<HTMLCalciteSortHandleElement["calciteSortHandleOpen"]>;
463
542
  onCalciteSortHandleReorder: EventName<HTMLCalciteSortHandleElement["calciteSortHandleReorder"]>;
464
543
  }>;
465
- export declare const CalciteSortableList: import("@lit/react").ReactWebComponent<HTMLCalciteSortableListElement & {
544
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-sortable-list /> directly. */
545
+ export declare const CalciteSortableList: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-sortable-list/customElement").SortableList & {
466
546
  class?: string;
467
547
  }, {
468
548
  onCalciteListOrderChange: EventName<HTMLCalciteSortableListElement["calciteListOrderChange"]>;
469
549
  }>;
470
- export declare const CalciteSplitButton: import("@lit/react").ReactWebComponent<HTMLCalciteSplitButtonElement & {
550
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-split-button /> directly. */
551
+ export declare const CalciteSplitButton: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-split-button/customElement").SplitButton & {
471
552
  class?: string;
472
553
  }, {
473
554
  onCalciteSplitButtonPrimaryClick: EventName<HTMLCalciteSplitButtonElement["calciteSplitButtonPrimaryClick"]>;
474
555
  onCalciteSplitButtonSecondaryClick: EventName<HTMLCalciteSplitButtonElement["calciteSplitButtonSecondaryClick"]>;
475
556
  }>;
476
- export declare const CalciteStack: import("@lit/react").ReactWebComponent<HTMLCalciteStackElement & {
557
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-stack /> directly. */
558
+ export declare const CalciteStack: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-stack/customElement").Stack & {
477
559
  class?: string;
478
560
  }, {}>;
479
- export declare const CalciteStepper: import("@lit/react").ReactWebComponent<HTMLCalciteStepperElement & {
561
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-stepper /> directly. */
562
+ export declare const CalciteStepper: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-stepper/customElement").Stepper & {
480
563
  class?: string;
481
564
  }, {
482
565
  onCalciteStepperChange: EventName<HTMLCalciteStepperElement["calciteStepperChange"]>;
483
566
  }>;
484
- export declare const CalciteStepperItem: import("@lit/react").ReactWebComponent<HTMLCalciteStepperItemElement & {
567
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-stepper-item /> directly. */
568
+ export declare const CalciteStepperItem: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-stepper-item/customElement").StepperItem & {
485
569
  class?: string;
486
570
  }, {
487
571
  onCalciteStepperItemSelect: EventName<HTMLCalciteStepperItemElement["calciteStepperItemSelect"]>;
488
572
  }>;
489
- export declare const CalciteSwatch: import("@lit/react").ReactWebComponent<HTMLCalciteSwatchElement & {
573
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-swatch /> directly. */
574
+ export declare const CalciteSwatch: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-swatch/customElement").Swatch & {
490
575
  class?: string;
491
576
  }, {
492
577
  onCalciteSwatchSelect: EventName<HTMLCalciteSwatchElement["calciteSwatchSelect"]>;
493
578
  }>;
494
- export declare const CalciteSwatchGroup: import("@lit/react").ReactWebComponent<HTMLCalciteSwatchGroupElement & {
579
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-swatch-group /> directly. */
580
+ export declare const CalciteSwatchGroup: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-swatch-group/customElement").SwatchGroup & {
495
581
  class?: string;
496
582
  }, {
497
583
  onCalciteSwatchGroupSelect: EventName<HTMLCalciteSwatchGroupElement["calciteSwatchGroupSelect"]>;
498
584
  }>;
499
- export declare const CalciteSwitch: import("@lit/react").ReactWebComponent<HTMLCalciteSwitchElement & {
585
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-switch /> directly. */
586
+ export declare const CalciteSwitch: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-switch/customElement").Switch & {
500
587
  class?: string;
501
588
  }, {
502
589
  onCalciteSwitchChange: EventName<HTMLCalciteSwitchElement["calciteSwitchChange"]>;
503
590
  }>;
504
- export declare const CalciteTab: import("@lit/react").ReactWebComponent<HTMLCalciteTabElement & {
591
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-tab /> directly. */
592
+ export declare const CalciteTab: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-tab/customElement").Tab & {
505
593
  class?: string;
506
594
  }, {}>;
507
- export declare const CalciteTabNav: import("@lit/react").ReactWebComponent<HTMLCalciteTabNavElement & {
595
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-tab-nav /> directly. */
596
+ export declare const CalciteTabNav: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-tab-nav/customElement").TabNav & {
508
597
  class?: string;
509
598
  }, {
510
599
  onCalciteTabChange: EventName<HTMLCalciteTabNavElement["calciteTabChange"]>;
511
600
  }>;
512
- export declare const CalciteTabTitle: import("@lit/react").ReactWebComponent<HTMLCalciteTabTitleElement & {
601
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-tab-title /> directly. */
602
+ export declare const CalciteTabTitle: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-tab-title/customElement").TabTitle & {
513
603
  class?: string;
514
604
  }, {
515
605
  onCalciteTabsActivate: EventName<HTMLCalciteTabTitleElement["calciteTabsActivate"]>;
516
606
  onCalciteTabsClose: EventName<HTMLCalciteTabTitleElement["calciteTabsClose"]>;
517
607
  }>;
518
- export declare const CalciteTable: import("@lit/react").ReactWebComponent<HTMLCalciteTableElement & {
608
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-table /> directly. */
609
+ export declare const CalciteTable: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-table/customElement").Table & {
519
610
  class?: string;
520
611
  }, {
521
612
  onCalciteTablePageChange: EventName<HTMLCalciteTableElement["calciteTablePageChange"]>;
522
613
  onCalciteTableSelect: EventName<HTMLCalciteTableElement["calciteTableSelect"]>;
523
614
  }>;
524
- export declare const CalciteTableCell: import("@lit/react").ReactWebComponent<HTMLCalciteTableCellElement & {
615
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-table-cell /> directly. */
616
+ export declare const CalciteTableCell: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-table-cell/customElement").TableCell & {
525
617
  class?: string;
526
618
  }, {}>;
527
- export declare const CalciteTableHeader: import("@lit/react").ReactWebComponent<HTMLCalciteTableHeaderElement & {
619
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-table-header /> directly. */
620
+ export declare const CalciteTableHeader: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-table-header/customElement").TableHeader & {
528
621
  class?: string;
529
622
  }, {}>;
530
- export declare const CalciteTableRow: import("@lit/react").ReactWebComponent<HTMLCalciteTableRowElement & {
623
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-table-row /> directly. */
624
+ export declare const CalciteTableRow: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-table-row/customElement").TableRow & {
531
625
  class?: string;
532
626
  }, {
533
627
  onCalciteTableRowSelect: EventName<HTMLCalciteTableRowElement["calciteTableRowSelect"]>;
534
628
  }>;
535
- export declare const CalciteTabs: import("@lit/react").ReactWebComponent<HTMLCalciteTabsElement & {
629
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-tabs /> directly. */
630
+ export declare const CalciteTabs: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-tabs/customElement").Tabs & {
536
631
  class?: string;
537
632
  }, {}>;
538
- export declare const CalciteTextArea: import("@lit/react").ReactWebComponent<HTMLCalciteTextAreaElement & {
633
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-text-area /> directly. */
634
+ export declare const CalciteTextArea: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-text-area/customElement").TextArea & {
539
635
  class?: string;
540
636
  }, {
541
637
  onCalciteTextAreaChange: EventName<HTMLCalciteTextAreaElement["calciteTextAreaChange"]>;
542
638
  onCalciteTextAreaInput: EventName<HTMLCalciteTextAreaElement["calciteTextAreaInput"]>;
543
639
  }>;
544
- export declare const CalciteTile: import("@lit/react").ReactWebComponent<HTMLCalciteTileElement & {
640
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-tile /> directly. */
641
+ export declare const CalciteTile: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-tile/customElement").Tile & {
545
642
  class?: string;
546
643
  }, {
547
644
  onCalciteTileSelect: EventName<HTMLCalciteTileElement["calciteTileSelect"]>;
548
645
  }>;
549
- export declare const CalciteTileGroup: import("@lit/react").ReactWebComponent<HTMLCalciteTileGroupElement & {
646
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-tile-group /> directly. */
647
+ export declare const CalciteTileGroup: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-tile-group/customElement").TileGroup & {
550
648
  class?: string;
551
649
  }, {
552
650
  onCalciteTileGroupSelect: EventName<HTMLCalciteTileGroupElement["calciteTileGroupSelect"]>;
553
651
  }>;
554
- export declare const CalciteTimePicker: import("@lit/react").ReactWebComponent<HTMLCalciteTimePickerElement & {
652
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-time-picker /> directly. */
653
+ export declare const CalciteTimePicker: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-time-picker/customElement").TimePicker & {
555
654
  class?: string;
556
655
  }, {
557
656
  onCalciteTimePickerChange: EventName<HTMLCalciteTimePickerElement["calciteTimePickerChange"]>;
558
657
  }>;
559
- export declare const CalciteTooltip: import("@lit/react").ReactWebComponent<HTMLCalciteTooltipElement & {
658
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-tooltip /> directly. */
659
+ export declare const CalciteTooltip: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-tooltip/customElement").Tooltip & {
560
660
  class?: string;
561
661
  }, {
562
662
  onCalciteTooltipBeforeClose: EventName<HTMLCalciteTooltipElement["calciteTooltipBeforeClose"]>;
@@ -564,12 +664,14 @@ export declare const CalciteTooltip: import("@lit/react").ReactWebComponent<HTML
564
664
  onCalciteTooltipClose: EventName<HTMLCalciteTooltipElement["calciteTooltipClose"]>;
565
665
  onCalciteTooltipOpen: EventName<HTMLCalciteTooltipElement["calciteTooltipOpen"]>;
566
666
  }>;
567
- export declare const CalciteTree: import("@lit/react").ReactWebComponent<HTMLCalciteTreeElement & {
667
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-tree /> directly. */
668
+ export declare const CalciteTree: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-tree/customElement").Tree & {
568
669
  class?: string;
569
670
  }, {
570
671
  onCalciteTreeSelect: EventName<HTMLCalciteTreeElement["calciteTreeSelect"]>;
571
672
  }>;
572
- export declare const CalciteTreeItem: import("@lit/react").ReactWebComponent<HTMLCalciteTreeItemElement & {
673
+ /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-tree-item /> directly. */
674
+ export declare const CalciteTreeItem: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-tree-item/customElement").TreeItem & {
573
675
  class?: string;
574
676
  }, {
575
677
  onCalciteTreeItemCollapse: EventName<HTMLCalciteTreeItemElement["calciteTreeItemCollapse"]>;