@esri/calcite-components-react 5.0.0-next.8 → 5.0.0-next.80

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