@arcgis/map-components 4.32.0-next.11 → 4.32.0-next.111

package/dist/types/react.d.ts

@@ -31,6 +31,7 @@ import type { ArcgisHome } from "../components/arcgis-home";
 import type { ArcgisLayerList } from "../components/arcgis-layer-list";
 import type { ArcgisLegend } from "../components/arcgis-legend";
 import type { ArcgisLineOfSight } from "../components/arcgis-line-of-sight";
+import type { ArcgisLinkChart } from "../components/arcgis-link-chart";
 import type { ArcgisLocate } from "../components/arcgis-locate";
 import type { ArcgisMap } from "../components/arcgis-map";
 import type { ArcgisMeasurement } from "../components/arcgis-measurement";
@@ -57,444 +58,410 @@ import type { ArcgisValuePicker } from "../components/arcgis-value-picker";
 import type { ArcgisVersionManagement } from "../components/arcgis-version-management";
 import type { ArcgisWeather } from "../components/arcgis-weather";
 import type { ArcgisZoom } from "../components/arcgis-zoom";
-import type { Ref, HTMLAttributes, EventHandler, SyntheticEvent } from 'react';
+import type { HTMLProps } from 'react';
+import type { EventHandler } from "@arcgis/lumina"; 
 
-interface ReactArcgisAreaMeasurement2d extends Partial<Pick<ArcgisAreaMeasurement2d, 'autoDestroyDisabled' | 'icon' | 'label' | 'position' | 'referenceElement' | 'unit' | 'unitOptions'>>, HTMLAttributes<HTMLArcgisAreaMeasurement2dElement> {
-  ref?: Ref<HTMLArcgisAreaMeasurement2dElement>;
-  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisAreaMeasurement2dElement, CustomEvent<ArcgisAreaMeasurement2d["arcgisPropertyChange"]["detail"]>>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisAreaMeasurement2dElement, CustomEvent<ArcgisAreaMeasurement2d["arcgisReady"]["detail"]>>>;
+interface ReactArcgisAreaMeasurement2d extends Partial<Pick<ArcgisAreaMeasurement2d, 'autoDestroyDisabled' | 'icon' | 'label' | 'position' | 'referenceElement' | 'unit' | 'unitOptions'>>, HTMLProps<HTMLArcgisAreaMeasurement2dElement> {
+  onarcgisPropertyChange?: EventHandler<HTMLArcgisAreaMeasurement2dElement["arcgisPropertyChange"]>;
+  onarcgisReady?: EventHandler<HTMLArcgisAreaMeasurement2dElement["arcgisReady"]>;
 }
 
-interface ReactArcgisAreaMeasurement3d extends Partial<Pick<ArcgisAreaMeasurement3d, 'autoDestroyDisabled' | 'icon' | 'label' | 'position' | 'referenceElement' | 'unit' | 'unitOptions'>>, HTMLAttributes<HTMLArcgisAreaMeasurement3dElement> {
-  ref?: Ref<HTMLArcgisAreaMeasurement3dElement>;
-  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisAreaMeasurement3dElement, CustomEvent<ArcgisAreaMeasurement3d["arcgisPropertyChange"]["detail"]>>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisAreaMeasurement3dElement, CustomEvent<ArcgisAreaMeasurement3d["arcgisReady"]["detail"]>>>;
+interface ReactArcgisAreaMeasurement3d extends Partial<Pick<ArcgisAreaMeasurement3d, 'autoDestroyDisabled' | 'icon' | 'label' | 'position' | 'referenceElement' | 'unit' | 'unitOptions'>>, HTMLProps<HTMLArcgisAreaMeasurement3dElement> {
+  onarcgisPropertyChange?: EventHandler<HTMLArcgisAreaMeasurement3dElement["arcgisPropertyChange"]>;
+  onarcgisReady?: EventHandler<HTMLArcgisAreaMeasurement3dElement["arcgisReady"]>;
 }
 
-interface ReactArcgisAttachments extends Partial<Pick<ArcgisAttachments, 'autoDestroyDisabled' | 'capabilities' | 'displayType' | 'graphic' | 'hideAddButton' | 'hideAddSubmitButton' | 'hideCancelAddButton' | 'hideCancelUpdateButton' | 'hideDeleteButton' | 'hideErrorMessage' | 'hideProgressBar' | 'hideUpdateButton' | 'icon' | 'label' | 'position' | 'referenceElement'>>, HTMLAttributes<HTMLArcgisAttachmentsElement> {
-  ref?: Ref<HTMLArcgisAttachmentsElement>;
-  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisAttachmentsElement, CustomEvent<ArcgisAttachments["arcgisPropertyChange"]["detail"]>>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisAttachmentsElement, CustomEvent<ArcgisAttachments["arcgisReady"]["detail"]>>>;
+interface ReactArcgisAttachments extends Partial<Pick<ArcgisAttachments, 'autoDestroyDisabled' | 'capabilities' | 'displayType' | 'graphic' | 'hideAddButton' | 'hideAddSubmitButton' | 'hideCancelAddButton' | 'hideCancelUpdateButton' | 'hideDeleteButton' | 'hideErrorMessage' | 'hideProgressBar' | 'hideUpdateButton' | 'icon' | 'label' | 'position' | 'referenceElement'>>, HTMLProps<HTMLArcgisAttachmentsElement> {
+  onarcgisPropertyChange?: EventHandler<HTMLArcgisAttachmentsElement["arcgisPropertyChange"]>;
+  onarcgisReady?: EventHandler<HTMLArcgisAttachmentsElement["arcgisReady"]>;
 }
 
-interface ReactArcgisBasemapGallery extends Partial<Pick<ArcgisBasemapGallery, 'activeBasemap' | 'autoDestroyDisabled' | 'disabled' | 'headingLevel' | 'icon' | 'label' | 'position' | 'referenceElement' | 'source'>>, HTMLAttributes<HTMLArcgisBasemapGalleryElement> {
-  ref?: Ref<HTMLArcgisBasemapGalleryElement>;
-  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisBasemapGalleryElement, CustomEvent<ArcgisBasemapGallery["arcgisPropertyChange"]["detail"]>>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisBasemapGalleryElement, CustomEvent<ArcgisBasemapGallery["arcgisReady"]["detail"]>>>;
+interface ReactArcgisBasemapGallery extends Partial<Pick<ArcgisBasemapGallery, 'activeBasemap' | 'autoDestroyDisabled' | 'disabled' | 'headingLevel' | 'icon' | 'label' | 'position' | 'referenceElement' | 'source'>>, HTMLProps<HTMLArcgisBasemapGalleryElement> {
+  onarcgisPropertyChange?: EventHandler<HTMLArcgisBasemapGalleryElement["arcgisPropertyChange"]>;
+  onarcgisReady?: EventHandler<HTMLArcgisBasemapGalleryElement["arcgisReady"]>;
 }
 
-interface ReactArcgisBasemapLayerList extends Partial<Pick<ArcgisBasemapLayerList, 'autoDestroyDisabled' | 'baseFilterText' | 'baseListItemCreatedFunction' | 'basemapTitle' | 'catalogOptions' | 'collapsed' | 'dragEnabled' | 'editingTitle' | 'filterPlaceholder' | 'headingLevel' | 'hideBaseLayers' | 'hideFlow' | 'hideHeading' | 'hideReferenceLayers' | 'hideStatusIndicators' | 'icon' | 'label' | 'minFilterItems' | 'position' | 'referenceElement' | 'referenceFilterText' | 'referenceListItemCreatedFunction' | 'selectedItems' | 'selectionMode' | 'showCloseButton' | 'showCollapseButton' | 'showEditTitleButton' | 'showErrors' | 'showFilter' | 'showTemporaryLayerIndicators' | 'visibilityAppearance'>>, HTMLAttributes<HTMLArcgisBasemapLayerListElement> {
-  ref?: Ref<HTMLArcgisBasemapLayerListElement>;
-  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisBasemapLayerListElement, CustomEvent<ArcgisBasemapLayerList["arcgisPropertyChange"]["detail"]>>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisBasemapLayerListElement, CustomEvent<ArcgisBasemapLayerList["arcgisReady"]["detail"]>>>;
-  onarcgisTriggerAction?: EventHandler<SyntheticEvent<HTMLArcgisBasemapLayerListElement, CustomEvent<ArcgisBasemapLayerList["arcgisTriggerAction"]["detail"]>>>;
+interface ReactArcgisBasemapLayerList extends Partial<Pick<ArcgisBasemapLayerList, 'autoDestroyDisabled' | 'baseFilterPredicate' | 'baseFilterText' | 'baseListItemCreatedFunction' | 'basemapTitle' | 'catalogOptions' | 'collapsed' | 'dragEnabled' | 'editingTitle' | 'filterPlaceholder' | 'headingLevel' | 'hideBaseLayers' | 'hideFlow' | 'hideHeading' | 'hideReferenceLayers' | 'hideStatusIndicators' | 'icon' | 'label' | 'minFilterItems' | 'position' | 'referenceElement' | 'referenceFilterPredicate' | 'referenceFilterText' | 'referenceListItemCreatedFunction' | 'selectedItems' | 'selectionMode' | 'showCloseButton' | 'showCollapseButton' | 'showEditTitleButton' | 'showErrors' | 'showFilter' | 'showTemporaryLayerIndicators' | 'visibilityAppearance'>>, HTMLProps<HTMLArcgisBasemapLayerListElement> {
+  onarcgisPropertyChange?: EventHandler<HTMLArcgisBasemapLayerListElement["arcgisPropertyChange"]>;
+  onarcgisReady?: EventHandler<HTMLArcgisBasemapLayerListElement["arcgisReady"]>;
+  onarcgisTriggerAction?: EventHandler<HTMLArcgisBasemapLayerListElement["arcgisTriggerAction"]>;
 }
 
-interface ReactArcgisBasemapToggle extends Partial<Pick<ArcgisBasemapToggle, 'autoDestroyDisabled' | 'icon' | 'label' | 'messageOverrides' | 'nextBasemap' | 'position' | 'referenceElement' | 'showTitle'>>, HTMLAttributes<HTMLArcgisBasemapToggleElement> {
-  ref?: Ref<HTMLArcgisBasemapToggleElement>;
-  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisBasemapToggleElement, CustomEvent<ArcgisBasemapToggle["arcgisPropertyChange"]["detail"]>>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisBasemapToggleElement, CustomEvent<ArcgisBasemapToggle["arcgisReady"]["detail"]>>>;
+interface ReactArcgisBasemapToggle extends Partial<Pick<ArcgisBasemapToggle, 'autoDestroyDisabled' | 'icon' | 'label' | 'messageOverrides' | 'nextBasemap' | 'position' | 'referenceElement' | 'showTitle'>>, HTMLProps<HTMLArcgisBasemapToggleElement> {
+  onarcgisPropertyChange?: EventHandler<HTMLArcgisBasemapToggleElement["arcgisPropertyChange"]>;
+  onarcgisReady?: EventHandler<HTMLArcgisBasemapToggleElement["arcgisReady"]>;
 }
 
-interface ReactArcgisBookmarks extends Partial<Pick<ArcgisBookmarks, 'autoDestroyDisabled' | 'bookmarks' | 'defaultCreateOptions' | 'defaultEditOptions' | 'disabled' | 'dragEnabled' | 'filterPlaceholder' | 'filterText' | 'hideFlow' | 'hideThumbnail' | 'hideTime' | 'icon' | 'label' | 'position' | 'referenceElement' | 'showAddBookmarkButton' | 'showCloseButton' | 'showCollapseButton' | 'showEditBookmarkButton' | 'showFilter' | 'showHeading'>>, HTMLAttributes<HTMLArcgisBookmarksElement> {
-  ref?: Ref<HTMLArcgisBookmarksElement>;
-  onarcgisEdit?: EventHandler<SyntheticEvent<HTMLArcgisBookmarksElement, CustomEvent<ArcgisBookmarks["arcgisEdit"]["detail"]>>>;
-  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisBookmarksElement, CustomEvent<ArcgisBookmarks["arcgisPropertyChange"]["detail"]>>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisBookmarksElement, CustomEvent<ArcgisBookmarks["arcgisReady"]["detail"]>>>;
-  onarcgisSelect?: EventHandler<SyntheticEvent<HTMLArcgisBookmarksElement, CustomEvent<ArcgisBookmarks["arcgisSelect"]["detail"]>>>;
+interface ReactArcgisBookmarks extends Partial<Pick<ArcgisBookmarks, 'autoDestroyDisabled' | 'bookmarks' | 'defaultCreateOptions' | 'defaultEditOptions' | 'disabled' | 'dragEnabled' | 'filterPlaceholder' | 'filterText' | 'hideFlow' | 'hideThumbnail' | 'hideTime' | 'icon' | 'label' | 'position' | 'referenceElement' | 'showAddBookmarkButton' | 'showCloseButton' | 'showCollapseButton' | 'showEditBookmarkButton' | 'showFilter' | 'showHeading'>>, HTMLProps<HTMLArcgisBookmarksElement> {
+  onarcgisEdit?: EventHandler<HTMLArcgisBookmarksElement["arcgisEdit"]>;
+  onarcgisPropertyChange?: EventHandler<HTMLArcgisBookmarksElement["arcgisPropertyChange"]>;
+  onarcgisReady?: EventHandler<HTMLArcgisBookmarksElement["arcgisReady"]>;
+  onarcgisSelect?: EventHandler<HTMLArcgisBookmarksElement["arcgisSelect"]>;
 }
 
-interface ReactArcgisBuildingExplorer extends Partial<Pick<ArcgisBuildingExplorer, 'autoDestroyDisabled' | 'headingLevel' | 'hideDisciplines' | 'hideLevels' | 'hidePhases' | 'icon' | 'label' | 'layers' | 'position' | 'referenceElement'>>, HTMLAttributes<HTMLArcgisBuildingExplorerElement> {
-  ref?: Ref<HTMLArcgisBuildingExplorerElement>;
-  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisBuildingExplorerElement, CustomEvent<ArcgisBuildingExplorer["arcgisPropertyChange"]["detail"]>>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisBuildingExplorerElement, CustomEvent<ArcgisBuildingExplorer["arcgisReady"]["detail"]>>>;
+interface ReactArcgisBuildingExplorer extends Partial<Pick<ArcgisBuildingExplorer, 'autoDestroyDisabled' | 'headingLevel' | 'hideDisciplines' | 'hideLevels' | 'hidePhases' | 'icon' | 'label' | 'layers' | 'position' | 'referenceElement'>>, HTMLProps<HTMLArcgisBuildingExplorerElement> {
+  onarcgisPropertyChange?: EventHandler<HTMLArcgisBuildingExplorerElement["arcgisPropertyChange"]>;
+  onarcgisReady?: EventHandler<HTMLArcgisBuildingExplorerElement["arcgisReady"]>;
 }
 
-interface ReactArcgisCatalogLayerList extends Partial<Pick<ArcgisCatalogLayerList, 'autoDestroyDisabled' | 'catalogLayer' | 'collapsed' | 'filterPlaceholder' | 'filterText' | 'headingLevel' | 'hideFlow' | 'hideStatusIndicators' | 'icon' | 'label' | 'listItemCreatedFunction' | 'minFilterItems' | 'position' | 'referenceElement' | 'selectedItems' | 'selectionMode' | 'showCloseButton' | 'showCollapseButton' | 'showErrors' | 'showFilter' | 'showHeading' | 'showTemporaryLayerIndicators' | 'visibilityAppearance'>>, HTMLAttributes<HTMLArcgisCatalogLayerListElement> {
-  ref?: Ref<HTMLArcgisCatalogLayerListElement>;
-  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisCatalogLayerListElement, CustomEvent<ArcgisCatalogLayerList["arcgisPropertyChange"]["detail"]>>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisCatalogLayerListElement, CustomEvent<ArcgisCatalogLayerList["arcgisReady"]["detail"]>>>;
-  onarcgisTriggerAction?: EventHandler<SyntheticEvent<HTMLArcgisCatalogLayerListElement, CustomEvent<ArcgisCatalogLayerList["arcgisTriggerAction"]["detail"]>>>;
+interface ReactArcgisCatalogLayerList extends Partial<Pick<ArcgisCatalogLayerList, 'autoDestroyDisabled' | 'catalogLayer' | 'collapsed' | 'filterPlaceholder' | 'filterPredicate' | 'filterText' | 'headingLevel' | 'hideFlow' | 'hideStatusIndicators' | 'icon' | 'label' | 'listItemCreatedFunction' | 'minFilterItems' | 'position' | 'referenceElement' | 'selectedItems' | 'selectionMode' | 'showCloseButton' | 'showCollapseButton' | 'showErrors' | 'showFilter' | 'showHeading' | 'showTemporaryLayerIndicators' | 'visibilityAppearance'>>, HTMLProps<HTMLArcgisCatalogLayerListElement> {
+  onarcgisPropertyChange?: EventHandler<HTMLArcgisCatalogLayerListElement["arcgisPropertyChange"]>;
+  onarcgisReady?: EventHandler<HTMLArcgisCatalogLayerListElement["arcgisReady"]>;
+  onarcgisTriggerAction?: EventHandler<HTMLArcgisCatalogLayerListElement["arcgisTriggerAction"]>;
 }
 
-interface ReactArcgisCompass extends Partial<Pick<ArcgisCompass, 'autoDestroyDisabled' | 'icon' | 'label' | 'messageOverrides' | 'position' | 'referenceElement'>>, HTMLAttributes<HTMLArcgisCompassElement> {
-  ref?: Ref<HTMLArcgisCompassElement>;
-  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisCompassElement, CustomEvent<ArcgisCompass["arcgisPropertyChange"]["detail"]>>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisCompassElement, CustomEvent<ArcgisCompass["arcgisReady"]["detail"]>>>;
+interface ReactArcgisCompass extends Partial<Pick<ArcgisCompass, 'autoDestroyDisabled' | 'icon' | 'label' | 'messageOverrides' | 'position' | 'referenceElement'>>, HTMLProps<HTMLArcgisCompassElement> {
+  onarcgisPropertyChange?: EventHandler<HTMLArcgisCompassElement["arcgisPropertyChange"]>;
+  onarcgisReady?: EventHandler<HTMLArcgisCompassElement["arcgisReady"]>;
 }
 
-interface ReactArcgisCoordinateConversion extends Partial<Pick<ArcgisCoordinateConversion, 'autoDestroyDisabled' | 'conversions' | 'formats' | 'headingLevel' | 'hideCaptureButton' | 'hideEditButton' | 'hideExpandButton' | 'hideSettingsButton' | 'icon' | 'label' | 'locationSymbol' | 'mode' | 'multipleConversionsDisabled' | 'orientation' | 'position' | 'referenceElement' | 'storageDisabled' | 'storageType'>>, HTMLAttributes<HTMLArcgisCoordinateConversionElement> {
-  ref?: Ref<HTMLArcgisCoordinateConversionElement>;
-  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisCoordinateConversionElement, CustomEvent<ArcgisCoordinateConversion["arcgisPropertyChange"]["detail"]>>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisCoordinateConversionElement, CustomEvent<ArcgisCoordinateConversion["arcgisReady"]["detail"]>>>;
+interface ReactArcgisCoordinateConversion extends Partial<Pick<ArcgisCoordinateConversion, 'autoDestroyDisabled' | 'conversions' | 'formats' | 'headingLevel' | 'hideCaptureButton' | 'hideEditButton' | 'hideExpandButton' | 'hideSettingsButton' | 'icon' | 'label' | 'locationSymbol' | 'mode' | 'multipleConversionsDisabled' | 'orientation' | 'position' | 'referenceElement' | 'storageDisabled' | 'storageType'>>, HTMLProps<HTMLArcgisCoordinateConversionElement> {
+  onarcgisPropertyChange?: EventHandler<HTMLArcgisCoordinateConversionElement["arcgisPropertyChange"]>;
+  onarcgisReady?: EventHandler<HTMLArcgisCoordinateConversionElement["arcgisReady"]>;
 }
 
-interface ReactArcgisDaylight extends Partial<Pick<ArcgisDaylight, 'autoDestroyDisabled' | 'currentSeason' | 'dateOrSeason' | 'dayPlaying' | 'headingLevel' | 'hideDatePicker' | 'hideHeader' | 'hidePlayButtons' | 'hideShadowsToggle' | 'hideSunLightingToggle' | 'hideTimezone' | 'icon' | 'label' | 'playSpeedMultiplier' | 'position' | 'referenceElement' | 'timeSliderSteps' | 'yearPlaying'>>, HTMLAttributes<HTMLArcgisDaylightElement> {
-  ref?: Ref<HTMLArcgisDaylightElement>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisDaylightElement, CustomEvent<ArcgisDaylight["arcgisReady"]["detail"]>>>;
+interface ReactArcgisDaylight extends Partial<Pick<ArcgisDaylight, 'autoDestroyDisabled' | 'currentSeason' | 'dateOrSeason' | 'dayPlaying' | 'headingLevel' | 'hideDatePicker' | 'hideHeader' | 'hidePlayButtons' | 'hideShadowsToggle' | 'hideSunLightingToggle' | 'hideTimezone' | 'icon' | 'label' | 'playSpeedMultiplier' | 'position' | 'referenceElement' | 'timeSliderSteps' | 'yearPlaying'>>, HTMLProps<HTMLArcgisDaylightElement> {
+  onarcgisReady?: EventHandler<HTMLArcgisDaylightElement["arcgisReady"]>;
 }
 
-interface ReactArcgisDirectionalPad extends Partial<Pick<ArcgisDirectionalPad, 'autoDestroyDisabled' | 'disabled' | 'icon' | 'label' | 'position' | 'referenceElement' | 'visualScale'>>, HTMLAttributes<HTMLArcgisDirectionalPadElement> {
-  ref?: Ref<HTMLArcgisDirectionalPadElement>;
-  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisDirectionalPadElement, CustomEvent<ArcgisDirectionalPad["arcgisPropertyChange"]["detail"]>>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisDirectionalPadElement, CustomEvent<ArcgisDirectionalPad["arcgisReady"]["detail"]>>>;
+interface ReactArcgisDirectionalPad extends Partial<Pick<ArcgisDirectionalPad, 'autoDestroyDisabled' | 'disabled' | 'hideDirectionalButtons' | 'icon' | 'label' | 'messageOverrides' | 'position' | 'referenceElement' | 'showRotationResetButton' | 'showRotationSlider' | 'visualScale'>>, HTMLProps<HTMLArcgisDirectionalPadElement> {
+  onarcgisPropertyChange?: EventHandler<HTMLArcgisDirectionalPadElement["arcgisPropertyChange"]>;
+  onarcgisReady?: EventHandler<HTMLArcgisDirectionalPadElement["arcgisReady"]>;
 }
 
-interface ReactArcgisDirections extends Partial<Pick<ArcgisDirections, 'apiKey' | 'autoDestroyDisabled' | 'headingLevel' | 'hideLayerDetails' | 'hideSaveAsButton' | 'hideSaveButton' | 'icon' | 'label' | 'layer' | 'maxStops' | 'position' | 'referenceElement' | 'routeLayerItemId' | 'searchProperties' | 'unit' | 'useDefaultRouteLayer'>>, HTMLAttributes<HTMLArcgisDirectionsElement> {
-  ref?: Ref<HTMLArcgisDirectionsElement>;
-  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisDirectionsElement, CustomEvent<ArcgisDirections["arcgisPropertyChange"]["detail"]>>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisDirectionsElement, CustomEvent<ArcgisDirections["arcgisReady"]["detail"]>>>;
+interface ReactArcgisDirections extends Partial<Pick<ArcgisDirections, 'apiKey' | 'autoDestroyDisabled' | 'headingLevel' | 'hideLayerDetails' | 'hideSaveAsButton' | 'hideSaveButton' | 'icon' | 'label' | 'layer' | 'maxStops' | 'position' | 'referenceElement' | 'routeLayerItemId' | 'searchProperties' | 'unit' | 'useDefaultRouteLayer'>>, HTMLProps<HTMLArcgisDirectionsElement> {
+  onarcgisPropertyChange?: EventHandler<HTMLArcgisDirectionsElement["arcgisPropertyChange"]>;
+  onarcgisReady?: EventHandler<HTMLArcgisDirectionsElement["arcgisReady"]>;
 }
 
-interface ReactArcgisDirectLineMeasurement3d extends Partial<Pick<ArcgisDirectLineMeasurement3d, 'autoDestroyDisabled' | 'icon' | 'label' | 'position' | 'referenceElement' | 'unit' | 'unitOptions'>>, HTMLAttributes<HTMLArcgisDirectlineMeasurement3dElement> {
-  ref?: Ref<HTMLArcgisDirectlineMeasurement3dElement>;
-  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisDirectlineMeasurement3dElement, CustomEvent<ArcgisDirectLineMeasurement3d["arcgisPropertyChange"]["detail"]>>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisDirectlineMeasurement3dElement, CustomEvent<ArcgisDirectLineMeasurement3d["arcgisReady"]["detail"]>>>;
+interface ReactArcgisDirectlineMeasurement3d extends Partial<Pick<ArcgisDirectLineMeasurement3d, 'autoDestroyDisabled' | 'icon' | 'label' | 'position' | 'referenceElement' | 'unit' | 'unitOptions'>>, HTMLProps<HTMLArcgisDirectlineMeasurement3dElement> {
+  onarcgisPropertyChange?: EventHandler<HTMLArcgisDirectlineMeasurement3dElement["arcgisPropertyChange"]>;
+  onarcgisReady?: EventHandler<HTMLArcgisDirectlineMeasurement3dElement["arcgisReady"]>;
 }
 
-interface ReactArcgisDistanceMeasurement2d extends Partial<Pick<ArcgisDistanceMeasurement2d, 'autoDestroyDisabled' | 'icon' | 'label' | 'position' | 'referenceElement' | 'unit' | 'unitOptions'>>, HTMLAttributes<HTMLArcgisDistanceMeasurement2dElement> {
-  ref?: Ref<HTMLArcgisDistanceMeasurement2dElement>;
-  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisDistanceMeasurement2dElement, CustomEvent<ArcgisDistanceMeasurement2d["arcgisPropertyChange"]["detail"]>>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisDistanceMeasurement2dElement, CustomEvent<ArcgisDistanceMeasurement2d["arcgisReady"]["detail"]>>>;
+interface ReactArcgisDistanceMeasurement2d extends Partial<Pick<ArcgisDistanceMeasurement2d, 'autoDestroyDisabled' | 'icon' | 'label' | 'position' | 'referenceElement' | 'unit' | 'unitOptions'>>, HTMLProps<HTMLArcgisDistanceMeasurement2dElement> {
+  onarcgisPropertyChange?: EventHandler<HTMLArcgisDistanceMeasurement2dElement["arcgisPropertyChange"]>;
+  onarcgisReady?: EventHandler<HTMLArcgisDistanceMeasurement2dElement["arcgisReady"]>;
 }
 
-interface ReactArcgisEditor extends Partial<Pick<ArcgisEditor, 'allowedWorkflows' | 'autoDestroyDisabled' | 'headingLevel' | 'hideCreateFeaturesSection' | 'hideEditFeaturesSection' | 'hideLabelsToggle' | 'hideSnappingControlsElementsEnabledToggle' | 'hideSnappingControlsElementsFeatureEnabledToggle' | 'hideSnappingControlsElementsLayerList' | 'hideSnappingControlsElementsSelfEnabledToggle' | 'hideTooltipsToggle' | 'icon' | 'label' | 'labelOptions' | 'layerInfos' | 'position' | 'referenceElement' | 'showSnappingControlsElementsHeader' | 'snappingOptions' | 'supportingWidgetDefaults' | 'tooltipOptions'>>, HTMLAttributes<HTMLArcgisEditorElement> {
-  ref?: Ref<HTMLArcgisEditorElement>;
-  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisEditorElement, CustomEvent<ArcgisEditor["arcgisPropertyChange"]["detail"]>>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisEditorElement, CustomEvent<ArcgisEditor["arcgisReady"]["detail"]>>>;
+interface ReactArcgisEditor extends Partial<Pick<ArcgisEditor, 'allowedWorkflows' | 'autoDestroyDisabled' | 'headingLevel' | 'hideCreateFeaturesSection' | 'hideEditFeaturesSection' | 'hideLabelsToggle' | 'hideSnappingControlsElementsEnabledToggle' | 'hideSnappingControlsElementsFeatureEnabledToggle' | 'hideSnappingControlsElementsLayerList' | 'hideSnappingControlsElementsSelfEnabledToggle' | 'hideTooltipsToggle' | 'icon' | 'label' | 'labelOptions' | 'layerInfos' | 'position' | 'referenceElement' | 'showSnappingControlsElementsHeader' | 'snappingOptions' | 'supportingWidgetDefaults' | 'tooltipOptions'>>, HTMLProps<HTMLArcgisEditorElement> {
+  onarcgisPropertyChange?: EventHandler<HTMLArcgisEditorElement["arcgisPropertyChange"]>;
+  onarcgisReady?: EventHandler<HTMLArcgisEditorElement["arcgisReady"]>;
 }
 
-interface ReactArcgisElevationProfile extends Partial<Pick<ArcgisElevationProfile, 'autoDestroyDisabled' | 'hideChart' | 'hideClearButton' | 'hideLegend' | 'hideSelectButton' | 'hideSettingsButton' | 'hideSketchButton' | 'hideUniformChartScalingToggle' | 'hideUnitSelector' | 'highlightEnabled' | 'hoveredChartPosition' | 'icon' | 'input' | 'label' | 'position' | 'profiles' | 'referenceElement' | 'uniformChartScaling' | 'unit' | 'unitOptions'>>, HTMLAttributes<HTMLArcgisElevationProfileElement> {
-  ref?: Ref<HTMLArcgisElevationProfileElement>;
-  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisElevationProfileElement, CustomEvent<ArcgisElevationProfile["arcgisPropertyChange"]["detail"]>>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisElevationProfileElement, CustomEvent<ArcgisElevationProfile["arcgisReady"]["detail"]>>>;
+interface ReactArcgisElevationProfile extends Partial<Pick<ArcgisElevationProfile, 'autoDestroyDisabled' | 'hideChart' | 'hideClearButton' | 'hideLegend' | 'hideSelectButton' | 'hideSettingsButton' | 'hideSketchButton' | 'hideUniformChartScalingToggle' | 'hideUnitSelector' | 'highlightEnabled' | 'hoveredChartPosition' | 'icon' | 'input' | 'label' | 'position' | 'profiles' | 'referenceElement' | 'uniformChartScaling' | 'unit' | 'unitOptions'>>, HTMLProps<HTMLArcgisElevationProfileElement> {
+  onarcgisPropertyChange?: EventHandler<HTMLArcgisElevationProfileElement["arcgisPropertyChange"]>;
+  onarcgisReady?: EventHandler<HTMLArcgisElevationProfileElement["arcgisReady"]>;
 }
 
-interface ReactArcgisExpand extends Partial<Pick<ArcgisExpand, 'autoCollapse' | 'autoDestroyDisabled' | 'closeOnEsc' | 'collapseIcon' | 'collapseTooltip' | 'expanded' | 'expandIcon' | 'expandTooltip' | 'group' | 'iconNumber' | 'label' | 'mode' | 'placement' | 'position' | 'referenceElement'>>, HTMLAttributes<HTMLArcgisExpandElement> {
-  ref?: Ref<HTMLArcgisExpandElement>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisExpandElement, CustomEvent<ArcgisExpand["arcgisReady"]["detail"]>>>;
+interface ReactArcgisExpand extends Partial<Pick<ArcgisExpand, 'autoCollapse' | 'autoDestroyDisabled' | 'closeOnEsc' | 'collapseIcon' | 'collapseTooltip' | 'expanded' | 'expandIcon' | 'expandTooltip' | 'focusTrapEnabled' | 'group' | 'icon' | 'iconNumber' | 'label' | 'mode' | 'placement' | 'position' | 'referenceElement'>>, HTMLProps<HTMLArcgisExpandElement> {
+  onarcgisReady?: EventHandler<HTMLArcgisExpandElement["arcgisReady"]>;
 }
 
-interface ReactArcgisFeature extends Partial<Pick<ArcgisFeature, 'autoDestroyDisabled' | 'defaultPopupTemplateEnabled' | 'graphic' | 'headingLevel' | 'hideContentAttachments' | 'hideContentExpression' | 'hideContentFields' | 'hideContentMedia' | 'hideContentText' | 'hideLastEditInfo' | 'hideTitle' | 'icon' | 'label' | 'location' | 'map' | 'position' | 'referenceElement' | 'spatialReference'>>, HTMLAttributes<HTMLArcgisFeatureElement> {
-  ref?: Ref<HTMLArcgisFeatureElement>;
-  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisFeatureElement, CustomEvent<ArcgisFeature["arcgisPropertyChange"]["detail"]>>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisFeatureElement, CustomEvent<ArcgisFeature["arcgisReady"]["detail"]>>>;
+interface ReactArcgisFeature extends Partial<Pick<ArcgisFeature, 'autoDestroyDisabled' | 'defaultPopupTemplateEnabled' | 'graphic' | 'headingLevel' | 'hideContentAttachments' | 'hideContentExpression' | 'hideContentFields' | 'hideContentMedia' | 'hideContentText' | 'hideLastEditInfo' | 'hideTitle' | 'icon' | 'label' | 'location' | 'map' | 'position' | 'referenceElement' | 'spatialReference'>>, HTMLProps<HTMLArcgisFeatureElement> {
+  onarcgisPropertyChange?: EventHandler<HTMLArcgisFeatureElement["arcgisPropertyChange"]>;
+  onarcgisReady?: EventHandler<HTMLArcgisFeatureElement["arcgisReady"]>;
 }
 
-interface ReactArcgisFeatureForm extends Partial<Pick<ArcgisFeatureForm, 'autoDestroyDisabled' | 'feature' | 'formTemplate' | 'groupDisplay' | 'headingLevel' | 'icon' | 'label' | 'layer' | 'position' | 'referenceElement' | 'timeZone'>>, HTMLAttributes<HTMLArcgisFeatureFormElement> {
-  ref?: Ref<HTMLArcgisFeatureFormElement>;
-  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisFeatureFormElement, CustomEvent<ArcgisFeatureForm["arcgisPropertyChange"]["detail"]>>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisFeatureFormElement, CustomEvent<ArcgisFeatureForm["arcgisReady"]["detail"]>>>;
-  onarcgisSubmit?: EventHandler<SyntheticEvent<HTMLArcgisFeatureFormElement, CustomEvent<ArcgisFeatureForm["arcgisSubmit"]["detail"]>>>;
-  onarcgisValueChange?: EventHandler<SyntheticEvent<HTMLArcgisFeatureFormElement, CustomEvent<ArcgisFeatureForm["arcgisValueChange"]["detail"]>>>;
+interface ReactArcgisFeatureForm extends Partial<Pick<ArcgisFeatureForm, 'autoDestroyDisabled' | 'feature' | 'formTemplate' | 'groupDisplay' | 'headingLevel' | 'icon' | 'label' | 'layer' | 'position' | 'referenceElement' | 'timeZone'>>, HTMLProps<HTMLArcgisFeatureFormElement> {
+  onarcgisPropertyChange?: EventHandler<HTMLArcgisFeatureFormElement["arcgisPropertyChange"]>;
+  onarcgisReady?: EventHandler<HTMLArcgisFeatureFormElement["arcgisReady"]>;
+  onarcgisSubmit?: EventHandler<HTMLArcgisFeatureFormElement["arcgisSubmit"]>;
+  onarcgisValueChange?: EventHandler<HTMLArcgisFeatureFormElement["arcgisValueChange"]>;
 }
 
-interface ReactArcgisFeatureTable extends Partial<Pick<ArcgisFeatureTable, 'actionColumnConfig' | 'attachmentsEnabled' | 'autoDestroyDisabled' | 'autoRefreshDisabled' | 'columnReorderingDisabled' | 'description' | 'editingEnabled' | 'filterBySelectionEnabled' | 'filterGeometry' | 'hiddenFields' | 'hideColumnMenuItemsSortAscending' | 'hideColumnMenuItemsSortDescending' | 'hideColumnMenus' | 'hideHeader' | 'hideMenu' | 'hideMenuItemsClearSelection' | 'hideMenuItemsDeleteSelection' | 'hideMenuItemsExportSelectionToCsv' | 'hideMenuItemsRefreshData' | 'hideMenuItemsSelectedRecordsShowAllToggle' | 'hideMenuItemsSelectedRecordsShowSelectedToggle' | 'hideMenuItemsToggleColumns' | 'hideMenuItemsZoomToSelection' | 'hideProgress' | 'hideSelectionColumn' | 'hideTooltips' | 'highlightDisabled' | 'highlightIds' | 'icon' | 'initialSize' | 'label' | 'layer' | 'layerItemId' | 'layerUrl' | 'maxSize' | 'menuConfig' | 'multipleSelectionDisabled' | 'multipleSortEnabled' | 'objectIds' | 'outFields' | 'pageIndex' | 'pageSize' | 'paginationEnabled' | 'position' | 'referenceElement' | 'relatedRecordsEnabled' | 'relatedTable' | 'relatedTables' | 'returnGeometryEnabled' | 'returnMEnabled' | 'returnZEnabled' | 'rowHighlightIds' | 'tableController' | 'tableDisabled' | 'tableParent' | 'tableTemplate' | 'timeExtent' | 'timeZone'>>, HTMLAttributes<HTMLArcgisFeatureTableElement> {
-  ref?: Ref<HTMLArcgisFeatureTableElement>;
-  onarcgisCellClick?: EventHandler<SyntheticEvent<HTMLArcgisFeatureTableElement, CustomEvent<ArcgisFeatureTable["arcgisCellClick"]["detail"]>>>;
-  onarcgisCellKeydown?: EventHandler<SyntheticEvent<HTMLArcgisFeatureTableElement, CustomEvent<ArcgisFeatureTable["arcgisCellKeydown"]["detail"]>>>;
-  onarcgisCellPointerout?: EventHandler<SyntheticEvent<HTMLArcgisFeatureTableElement, CustomEvent<ArcgisFeatureTable["arcgisCellPointerout"]["detail"]>>>;
-  onarcgisCellPointerover?: EventHandler<SyntheticEvent<HTMLArcgisFeatureTableElement, CustomEvent<ArcgisFeatureTable["arcgisCellPointerover"]["detail"]>>>;
-  onarcgisColumnReorder?: EventHandler<SyntheticEvent<HTMLArcgisFeatureTableElement, CustomEvent<ArcgisFeatureTable["arcgisColumnReorder"]["detail"]>>>;
-  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisFeatureTableElement, CustomEvent<ArcgisFeatureTable["arcgisPropertyChange"]["detail"]>>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisFeatureTableElement, CustomEvent<ArcgisFeatureTable["arcgisReady"]["detail"]>>>;
-  onarcgisSelectionChange?: EventHandler<SyntheticEvent<HTMLArcgisFeatureTableElement, CustomEvent<ArcgisFeatureTable["arcgisSelectionChange"]["detail"]>>>;
+interface ReactArcgisFeatureTable extends Partial<Pick<ArcgisFeatureTable, 'actionColumnConfig' | 'attachmentsEnabled' | 'attributeTableTemplate' | 'autoDestroyDisabled' | 'autoRefreshDisabled' | 'columnReorderingDisabled' | 'description' | 'editingEnabled' | 'filterBySelectionEnabled' | 'filterGeometry' | 'hiddenFields' | 'hideColumnDescriptions' | 'hideColumnMenuItemsSortAscending' | 'hideColumnMenuItemsSortDescending' | 'hideColumnMenus' | 'hideHeader' | 'hideMenu' | 'hideMenuItemsClearSelection' | 'hideMenuItemsDeleteSelection' | 'hideMenuItemsExportSelectionToCsv' | 'hideMenuItemsRefreshData' | 'hideMenuItemsSelectedRecordsShowAllToggle' | 'hideMenuItemsSelectedRecordsShowSelectedToggle' | 'hideMenuItemsToggleColumns' | 'hideMenuItemsZoomToSelection' | 'hideProgress' | 'hideSelectionColumn' | 'hideTooltips' | 'highlightDisabled' | 'highlightIds' | 'icon' | 'initialSize' | 'label' | 'layer' | 'layerItemId' | 'layers' | 'layerUrl' | 'maxSize' | 'menuConfig' | 'multipleSelectionDisabled' | 'multipleSortEnabled' | 'objectIds' | 'outFields' | 'pageIndex' | 'pageSize' | 'paginationEnabled' | 'position' | 'referenceElement' | 'relatedRecordsEnabled' | 'relatedTable' | 'relatedTables' | 'returnGeometryEnabled' | 'returnMEnabled' | 'returnZEnabled' | 'rowHighlightIds' | 'showLayerDropdown' | 'tableController' | 'tableDisabled' | 'tableParent' | 'tableTemplate' | 'timeExtent' | 'timeZone'>>, HTMLProps<HTMLArcgisFeatureTableElement> {
+  onarcgisCellClick?: EventHandler<HTMLArcgisFeatureTableElement["arcgisCellClick"]>;
+  onarcgisCellKeydown?: EventHandler<HTMLArcgisFeatureTableElement["arcgisCellKeydown"]>;
+  onarcgisCellPointerout?: EventHandler<HTMLArcgisFeatureTableElement["arcgisCellPointerout"]>;
+  onarcgisCellPointerover?: EventHandler<HTMLArcgisFeatureTableElement["arcgisCellPointerover"]>;
+  onarcgisColumnReorder?: EventHandler<HTMLArcgisFeatureTableElement["arcgisColumnReorder"]>;
+  onarcgisPropertyChange?: EventHandler<HTMLArcgisFeatureTableElement["arcgisPropertyChange"]>;
+  onarcgisReady?: EventHandler<HTMLArcgisFeatureTableElement["arcgisReady"]>;
+  onarcgisSelectionChange?: EventHandler<HTMLArcgisFeatureTableElement["arcgisSelectionChange"]>;
 }
 
-interface ReactArcgisFeatureTemplates extends Partial<Pick<ArcgisFeatureTemplates, 'autoDestroyDisabled' | 'enableListScroll' | 'filterFunction' | 'filterText' | 'groupBy' | 'headingLevel' | 'hideFilter' | 'icon' | 'label' | 'layers' | 'position' | 'referenceElement' | 'selectionMode'>>, HTMLAttributes<HTMLArcgisFeatureTemplatesElement> {
-  ref?: Ref<HTMLArcgisFeatureTemplatesElement>;
-  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisFeatureTemplatesElement, CustomEvent<ArcgisFeatureTemplates["arcgisPropertyChange"]["detail"]>>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisFeatureTemplatesElement, CustomEvent<ArcgisFeatureTemplates["arcgisReady"]["detail"]>>>;
-  onarcgisSelect?: EventHandler<SyntheticEvent<HTMLArcgisFeatureTemplatesElement, CustomEvent<ArcgisFeatureTemplates["arcgisSelect"]["detail"]>>>;
+interface ReactArcgisFeatureTemplates extends Partial<Pick<ArcgisFeatureTemplates, 'autoDestroyDisabled' | 'enableListScroll' | 'filterFunction' | 'filterText' | 'groupBy' | 'headingLevel' | 'hideFilter' | 'icon' | 'label' | 'layers' | 'position' | 'referenceElement' | 'selectionMode'>>, HTMLProps<HTMLArcgisFeatureTemplatesElement> {
+  onarcgisPropertyChange?: EventHandler<HTMLArcgisFeatureTemplatesElement["arcgisPropertyChange"]>;
+  onarcgisReady?: EventHandler<HTMLArcgisFeatureTemplatesElement["arcgisReady"]>;
+  onarcgisSelect?: EventHandler<HTMLArcgisFeatureTemplatesElement["arcgisSelect"]>;
 }
 
-interface ReactArcgisFeatures extends Partial<Pick<ArcgisFeatures, 'actions' | 'autoDestroyDisabled' | 'content' | 'features' | 'featuresPerPage' | 'featuresTitle' | 'featureViewModelAbilities' | 'goToOverride' | 'headingLevel' | 'hideActionBar' | 'hideCloseButton' | 'hideFeatureNavigation' | 'hideFlow' | 'hideHeading' | 'hideSpinner' | 'icon' | 'includeDefaultActions' | 'label' | 'map' | 'position' | 'promises' | 'referenceElement' | 'selectedFeatureIndex' | 'showCollapseButton' | 'spatialReference' | 'timeZone'>>, HTMLAttributes<HTMLArcgisFeaturesElement> {
-  ref?: Ref<HTMLArcgisFeaturesElement>;
-  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisFeaturesElement, CustomEvent<ArcgisFeatures["arcgisPropertyChange"]["detail"]>>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisFeaturesElement, CustomEvent<ArcgisFeatures["arcgisReady"]["detail"]>>>;
-  onarcgisTriggerAction?: EventHandler<SyntheticEvent<HTMLArcgisFeaturesElement, CustomEvent<ArcgisFeatures["arcgisTriggerAction"]["detail"]>>>;
+interface ReactArcgisFeatures extends Partial<Pick<ArcgisFeatures, 'actions' | 'autoDestroyDisabled' | 'collapsed' | 'content' | 'featureNavigationTop' | 'features' | 'featuresPerPage' | 'featuresTitle' | 'featureViewModelAbilities' | 'goToOverride' | 'headerActions' | 'headingLevel' | 'hideActionBar' | 'hideCloseButton' | 'hideFeatureMenuHeading' | 'hideFeatureNavigation' | 'hideFlow' | 'hideHeading' | 'hideSpinner' | 'icon' | 'includeDefaultActions' | 'initialDisplayMode' | 'label' | 'map' | 'position' | 'promises' | 'referenceElement' | 'selectedFeatureIndex' | 'showCollapseButton' | 'spatialReference' | 'timeZone'>>, HTMLProps<HTMLArcgisFeaturesElement> {
+  onarcgisPropertyChange?: EventHandler<HTMLArcgisFeaturesElement["arcgisPropertyChange"]>;
+  onarcgisReady?: EventHandler<HTMLArcgisFeaturesElement["arcgisReady"]>;
+  onarcgisTriggerAction?: EventHandler<HTMLArcgisFeaturesElement["arcgisTriggerAction"]>;
 }
 
-interface ReactArcgisFloorFilter extends Partial<Pick<ArcgisFloorFilter, 'autoDestroyDisabled' | 'facility' | 'headingLevel' | 'icon' | 'label' | 'level' | 'longNames' | 'position' | 'referenceElement' | 'site'>>, HTMLAttributes<HTMLArcgisFloorFilterElement> {
-  ref?: Ref<HTMLArcgisFloorFilterElement>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisFloorFilterElement, CustomEvent<ArcgisFloorFilter["arcgisReady"]["detail"]>>>;
+interface ReactArcgisFloorFilter extends Partial<Pick<ArcgisFloorFilter, 'autoDestroyDisabled' | 'facility' | 'headingLevel' | 'icon' | 'label' | 'level' | 'longNames' | 'position' | 'referenceElement' | 'site'>>, HTMLProps<HTMLArcgisFloorFilterElement> {
+  onarcgisReady?: EventHandler<HTMLArcgisFloorFilterElement["arcgisReady"]>;
 }
 
-interface ReactArcgisFullscreen extends Partial<Pick<ArcgisFullscreen, 'autoDestroyDisabled' | 'element' | 'icon' | 'label' | 'messageOverrides' | 'position' | 'referenceElement'>>, HTMLAttributes<HTMLArcgisFullscreenElement> {
-  ref?: Ref<HTMLArcgisFullscreenElement>;
-  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisFullscreenElement, CustomEvent<ArcgisFullscreen["arcgisPropertyChange"]["detail"]>>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisFullscreenElement, CustomEvent<ArcgisFullscreen["arcgisReady"]["detail"]>>>;
+interface ReactArcgisFullscreen extends Partial<Pick<ArcgisFullscreen, 'autoDestroyDisabled' | 'element' | 'icon' | 'label' | 'messageOverrides' | 'position' | 'referenceElement'>>, HTMLProps<HTMLArcgisFullscreenElement> {
+  onarcgisPropertyChange?: EventHandler<HTMLArcgisFullscreenElement["arcgisPropertyChange"]>;
+  onarcgisReady?: EventHandler<HTMLArcgisFullscreenElement["arcgisReady"]>;
 }
 
-interface ReactArcgisHistogram extends Partial<Pick<ArcgisHistogram, 'autoDestroyDisabled' | 'average' | 'barCreatedFunction' | 'bins' | 'dataLineCreatedFunction' | 'dataLines' | 'icon' | 'label' | 'labelFormatFunction' | 'layout' | 'max' | 'min' | 'position' | 'referenceElement'>>, HTMLAttributes<HTMLArcgisHistogramElement> {
-  ref?: Ref<HTMLArcgisHistogramElement>;
-  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisHistogramElement, CustomEvent<ArcgisHistogram["arcgisPropertyChange"]["detail"]>>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisHistogramElement, CustomEvent<ArcgisHistogram["arcgisReady"]["detail"]>>>;
+interface ReactArcgisHistogram extends Partial<Pick<ArcgisHistogram, 'autoDestroyDisabled' | 'average' | 'barCreatedFunction' | 'bins' | 'dataLineCreatedFunction' | 'dataLines' | 'icon' | 'label' | 'labelFormatFunction' | 'layout' | 'max' | 'min' | 'position' | 'referenceElement'>>, HTMLProps<HTMLArcgisHistogramElement> {
+  onarcgisPropertyChange?: EventHandler<HTMLArcgisHistogramElement["arcgisPropertyChange"]>;
+  onarcgisReady?: EventHandler<HTMLArcgisHistogramElement["arcgisReady"]>;
 }
 
-interface ReactArcgisHistogramRangeSlider extends Partial<Pick<ArcgisHistogramRangeSlider, 'autoDestroyDisabled' | 'average' | 'barCreatedFunction' | 'bins' | 'dataLineCreatedFunction' | 'dataLines' | 'excludedBarColor' | 'icon' | 'includedBarColor' | 'label' | 'labelFormatFunction' | 'max' | 'min' | 'position' | 'precision' | 'rangeType' | 'referenceElement' | 'standardDeviation' | 'standardDeviationCount' | 'values'>>, HTMLAttributes<HTMLArcgisHistogramRangeSliderElement> {
-  ref?: Ref<HTMLArcgisHistogramRangeSliderElement>;
-  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisHistogramRangeSliderElement, CustomEvent<ArcgisHistogramRangeSlider["arcgisPropertyChange"]["detail"]>>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisHistogramRangeSliderElement, CustomEvent<ArcgisHistogramRangeSlider["arcgisReady"]["detail"]>>>;
+interface ReactArcgisHistogramRangeSlider extends Partial<Pick<ArcgisHistogramRangeSlider, 'autoDestroyDisabled' | 'average' | 'barCreatedFunction' | 'bins' | 'dataLineCreatedFunction' | 'dataLines' | 'excludedBarColor' | 'icon' | 'includedBarColor' | 'label' | 'labelFormatFunction' | 'max' | 'min' | 'position' | 'precision' | 'rangeType' | 'referenceElement' | 'standardDeviation' | 'standardDeviationCount' | 'values'>>, HTMLProps<HTMLArcgisHistogramRangeSliderElement> {
+  onarcgisPropertyChange?: EventHandler<HTMLArcgisHistogramRangeSliderElement["arcgisPropertyChange"]>;
+  onarcgisReady?: EventHandler<HTMLArcgisHistogramRangeSliderElement["arcgisReady"]>;
 }
 
-interface ReactArcgisHome extends Partial<Pick<ArcgisHome, 'autoDestroyDisabled' | 'goToOverride' | 'icon' | 'label' | 'messageOverrides' | 'position' | 'referenceElement' | 'viewpoint'>>, HTMLAttributes<HTMLArcgisHomeElement> {
-  ref?: Ref<HTMLArcgisHomeElement>;
-  onarcgisGo?: EventHandler<SyntheticEvent<HTMLArcgisHomeElement, CustomEvent<ArcgisHome["arcgisGo"]["detail"]>>>;
-  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisHomeElement, CustomEvent<ArcgisHome["arcgisPropertyChange"]["detail"]>>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisHomeElement, CustomEvent<ArcgisHome["arcgisReady"]["detail"]>>>;
+interface ReactArcgisHome extends Partial<Pick<ArcgisHome, 'autoDestroyDisabled' | 'goToOverride' | 'icon' | 'label' | 'messageOverrides' | 'position' | 'referenceElement' | 'viewpoint'>>, HTMLProps<HTMLArcgisHomeElement> {
+  onarcgisGo?: EventHandler<HTMLArcgisHomeElement["arcgisGo"]>;
+  onarcgisPropertyChange?: EventHandler<HTMLArcgisHomeElement["arcgisPropertyChange"]>;
+  onarcgisReady?: EventHandler<HTMLArcgisHomeElement["arcgisReady"]>;
 }
 
-interface ReactArcgisLayerList extends Partial<Pick<ArcgisLayerList, 'autoDestroyDisabled' | 'catalogOptions' | 'collapsed' | 'dragEnabled' | 'filterPlaceholder' | 'filterText' | 'headingLevel' | 'hideCatalogLayerList' | 'hideFlow' | 'hideStatusIndicators' | 'icon' | 'knowledgeGraphOptions' | 'label' | 'listItemCreatedFunction' | 'minDragEnabledItems' | 'minFilterItems' | 'openedLayers' | 'position' | 'referenceElement' | 'selectedItems' | 'selectionMode' | 'showCloseButton' | 'showCollapseButton' | 'showErrors' | 'showFilter' | 'showHeading' | 'showTemporaryLayerIndicators' | 'visibilityAppearance'>>, HTMLAttributes<HTMLArcgisLayerListElement> {
-  ref?: Ref<HTMLArcgisLayerListElement>;
-  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisLayerListElement, CustomEvent<ArcgisLayerList["arcgisPropertyChange"]["detail"]>>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisLayerListElement, CustomEvent<ArcgisLayerList["arcgisReady"]["detail"]>>>;
-  onarcgisTriggerAction?: EventHandler<SyntheticEvent<HTMLArcgisLayerListElement, CustomEvent<ArcgisLayerList["arcgisTriggerAction"]["detail"]>>>;
+interface ReactArcgisLayerList extends Partial<Pick<ArcgisLayerList, 'autoDestroyDisabled' | 'catalogOptions' | 'collapsed' | 'dragEnabled' | 'filterPlaceholder' | 'filterPredicate' | 'filterText' | 'headingLevel' | 'hideCatalogLayerList' | 'hideFlow' | 'hideStatusIndicators' | 'icon' | 'knowledgeGraphOptions' | 'label' | 'listItemCreatedFunction' | 'minDragEnabledItems' | 'minFilterItems' | 'position' | 'referenceElement' | 'selectedItems' | 'selectionMode' | 'showCloseButton' | 'showCollapseButton' | 'showErrors' | 'showFilter' | 'showHeading' | 'showTemporaryLayerIndicators' | 'visibilityAppearance'>>, HTMLProps<HTMLArcgisLayerListElement> {
+  onarcgisPropertyChange?: EventHandler<HTMLArcgisLayerListElement["arcgisPropertyChange"]>;
+  onarcgisReady?: EventHandler<HTMLArcgisLayerListElement["arcgisReady"]>;
+  onarcgisTriggerAction?: EventHandler<HTMLArcgisLayerListElement["arcgisTriggerAction"]>;
 }
 
-interface ReactArcgisLegend extends Partial<Pick<ArcgisLegend, 'activeLayerInfos' | 'autoDestroyDisabled' | 'basemapLegendVisible' | 'headingLevel' | 'hideLayersNotInCurrentView' | 'icon' | 'label' | 'layerInfos' | 'legendStyle' | 'position' | 'referenceElement' | 'respectLayerDefinitionExpression' | 'respectLayerVisibilityDisabled'>>, HTMLAttributes<HTMLArcgisLegendElement> {
-  ref?: Ref<HTMLArcgisLegendElement>;
-  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisLegendElement, CustomEvent<ArcgisLegend["arcgisPropertyChange"]["detail"]>>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisLegendElement, CustomEvent<ArcgisLegend["arcgisReady"]["detail"]>>>;
+interface ReactArcgisLegend extends Partial<Pick<ArcgisLegend, 'activeLayerInfos' | 'autoDestroyDisabled' | 'basemapLegendVisible' | 'headingLevel' | 'hideLayersNotInCurrentView' | 'icon' | 'label' | 'layerInfos' | 'legendStyle' | 'position' | 'referenceElement' | 'respectLayerDefinitionExpression' | 'respectLayerVisibilityDisabled'>>, HTMLProps<HTMLArcgisLegendElement> {
+  onarcgisPropertyChange?: EventHandler<HTMLArcgisLegendElement["arcgisPropertyChange"]>;
+  onarcgisReady?: EventHandler<HTMLArcgisLegendElement["arcgisReady"]>;
 }
 
-interface ReactArcgisLineOfSight extends Partial<Pick<ArcgisLineOfSight, 'autoDestroyDisabled' | 'icon' | 'label' | 'position' | 'referenceElement'>>, HTMLAttributes<HTMLArcgisLineOfSightElement> {
-  ref?: Ref<HTMLArcgisLineOfSightElement>;
-  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisLineOfSightElement, CustomEvent<ArcgisLineOfSight["arcgisPropertyChange"]["detail"]>>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisLineOfSightElement, CustomEvent<ArcgisLineOfSight["arcgisReady"]["detail"]>>>;
+interface ReactArcgisLineOfSight extends Partial<Pick<ArcgisLineOfSight, 'autoDestroyDisabled' | 'icon' | 'label' | 'position' | 'referenceElement'>>, HTMLProps<HTMLArcgisLineOfSightElement> {
+  onarcgisPropertyChange?: EventHandler<HTMLArcgisLineOfSightElement["arcgisPropertyChange"]>;
+  onarcgisReady?: EventHandler<HTMLArcgisLineOfSightElement["arcgisReady"]>;
 }
 
-interface ReactArcgisLocate extends Partial<Pick<ArcgisLocate, 'autoDestroyDisabled' | 'geolocationOptions' | 'goToLocationDisabled' | 'goToOverride' | 'graphic' | 'icon' | 'label' | 'messageOverrides' | 'popupDisabled' | 'position' | 'referenceElement' | 'scale'>>, HTMLAttributes<HTMLArcgisLocateElement> {
-  ref?: Ref<HTMLArcgisLocateElement>;
-  onarcgisError?: EventHandler<SyntheticEvent<HTMLArcgisLocateElement, CustomEvent<ArcgisLocate["arcgisError"]["detail"]>>>;
-  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisLocateElement, CustomEvent<ArcgisLocate["arcgisPropertyChange"]["detail"]>>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisLocateElement, CustomEvent<ArcgisLocate["arcgisReady"]["detail"]>>>;
-  onarcgisSuccess?: EventHandler<SyntheticEvent<HTMLArcgisLocateElement, CustomEvent<ArcgisLocate["arcgisSuccess"]["detail"]>>>;
+interface ReactArcgisLinkChart extends Partial<Pick<ArcgisLinkChart, 'autoDestroyDisabled' | 'background' | 'basemap' | 'basemapView' | 'constraints' | 'displayFilterDisabled' | 'extent' | 'fatalError' | 'graphics' | 'highlights' | 'itemId' | 'map' | 'navigation' | 'padding' | 'popup' | 'popupDisabled' | 'resizeAlign' | 'rotation' | 'scale' | 'spatialReference' | 'theme' | 'timeExtent' | 'timeZone' | 'viewpoint' | 'zoom'>>, ArcgisLinkChartSetterTypes, HTMLProps<HTMLArcgisLinkChartElement> {
+  onarcgisViewChange?: EventHandler<HTMLArcgisLinkChartElement["arcgisViewChange"]>;
+  onarcgisViewClick?: EventHandler<HTMLArcgisLinkChartElement["arcgisViewClick"]>;
+  onarcgisViewDoubleClick?: EventHandler<HTMLArcgisLinkChartElement["arcgisViewDoubleClick"]>;
+  onarcgisViewDrag?: EventHandler<HTMLArcgisLinkChartElement["arcgisViewDrag"]>;
+  onarcgisViewHold?: EventHandler<HTMLArcgisLinkChartElement["arcgisViewHold"]>;
+  onarcgisViewImmediateClick?: EventHandler<HTMLArcgisLinkChartElement["arcgisViewImmediateClick"]>;
+  onarcgisViewImmediateDoubleClick?: EventHandler<HTMLArcgisLinkChartElement["arcgisViewImmediateDoubleClick"]>;
+  onarcgisViewKeyDown?: EventHandler<HTMLArcgisLinkChartElement["arcgisViewKeyDown"]>;
+  onarcgisViewKeyUp?: EventHandler<HTMLArcgisLinkChartElement["arcgisViewKeyUp"]>;
+  onarcgisViewLayerviewCreate?: EventHandler<HTMLArcgisLinkChartElement["arcgisViewLayerviewCreate"]>;
+  onarcgisViewLayerviewCreateError?: EventHandler<HTMLArcgisLinkChartElement["arcgisViewLayerviewCreateError"]>;
+  onarcgisViewLayerviewDestroy?: EventHandler<HTMLArcgisLinkChartElement["arcgisViewLayerviewDestroy"]>;
+  onarcgisViewMouseWheel?: EventHandler<HTMLArcgisLinkChartElement["arcgisViewMouseWheel"]>;
+  onarcgisViewPointerDown?: EventHandler<HTMLArcgisLinkChartElement["arcgisViewPointerDown"]>;
+  onarcgisViewPointerEnter?: EventHandler<HTMLArcgisLinkChartElement["arcgisViewPointerEnter"]>;
+  onarcgisViewPointerLeave?: EventHandler<HTMLArcgisLinkChartElement["arcgisViewPointerLeave"]>;
+  onarcgisViewPointerMove?: EventHandler<HTMLArcgisLinkChartElement["arcgisViewPointerMove"]>;
+  onarcgisViewPointerUp?: EventHandler<HTMLArcgisLinkChartElement["arcgisViewPointerUp"]>;
+  onarcgisViewReadyChange?: EventHandler<HTMLArcgisLinkChartElement["arcgisViewReadyChange"]>;
 }
+type ArcgisLinkChartSetterTypes = ArcgisLinkChart["_setterTypes"]
 
-interface ReactArcgisMap extends Partial<Pick<ArcgisMap, 'allLayerViews' | 'autoDestroyDisabled' | 'background' | 'basemap' | 'basemapView' | 'constraints' | 'extent' | 'fatalError' | 'floors' | 'graphics' | 'ground' | 'highlightOptions' | 'ipsInfo' | 'itemId' | 'layerViews' | 'map' | 'navigation' | 'padding' | 'popup' | 'popupDisabled' | 'resizeAlign' | 'rotation' | 'scale' | 'spatialReference' | 'theme' | 'timeExtent' | 'timeZone' | 'viewpoint' | 'zoom'>>, ArcgisMapSetterTypes, HTMLAttributes<HTMLArcgisMapElement> {
-  ref?: Ref<HTMLArcgisMapElement>;
-  onarcgisViewChange?: EventHandler<SyntheticEvent<HTMLArcgisMapElement, CustomEvent<ArcgisMap["arcgisViewChange"]["detail"]>>>;
-  onarcgisViewClick?: EventHandler<SyntheticEvent<HTMLArcgisMapElement, CustomEvent<ArcgisMap["arcgisViewClick"]["detail"]>>>;
-  onarcgisViewDoubleClick?: EventHandler<SyntheticEvent<HTMLArcgisMapElement, CustomEvent<ArcgisMap["arcgisViewDoubleClick"]["detail"]>>>;
-  onarcgisViewDrag?: EventHandler<SyntheticEvent<HTMLArcgisMapElement, CustomEvent<ArcgisMap["arcgisViewDrag"]["detail"]>>>;
-  onarcgisViewHold?: EventHandler<SyntheticEvent<HTMLArcgisMapElement, CustomEvent<ArcgisMap["arcgisViewHold"]["detail"]>>>;
-  onarcgisViewImmediateClick?: EventHandler<SyntheticEvent<HTMLArcgisMapElement, CustomEvent<ArcgisMap["arcgisViewImmediateClick"]["detail"]>>>;
-  onarcgisViewImmediateDoubleClick?: EventHandler<SyntheticEvent<HTMLArcgisMapElement, CustomEvent<ArcgisMap["arcgisViewImmediateDoubleClick"]["detail"]>>>;
-  onarcgisViewKeyDown?: EventHandler<SyntheticEvent<HTMLArcgisMapElement, CustomEvent<ArcgisMap["arcgisViewKeyDown"]["detail"]>>>;
-  onarcgisViewKeyUp?: EventHandler<SyntheticEvent<HTMLArcgisMapElement, CustomEvent<ArcgisMap["arcgisViewKeyUp"]["detail"]>>>;
-  onarcgisViewLayerviewCreate?: EventHandler<SyntheticEvent<HTMLArcgisMapElement, CustomEvent<ArcgisMap["arcgisViewLayerviewCreate"]["detail"]>>>;
-  onarcgisViewLayerviewCreateError?: EventHandler<SyntheticEvent<HTMLArcgisMapElement, CustomEvent<ArcgisMap["arcgisViewLayerviewCreateError"]["detail"]>>>;
-  onarcgisViewLayerviewDestroy?: EventHandler<SyntheticEvent<HTMLArcgisMapElement, CustomEvent<ArcgisMap["arcgisViewLayerviewDestroy"]["detail"]>>>;
-  onarcgisViewMouseWheel?: EventHandler<SyntheticEvent<HTMLArcgisMapElement, CustomEvent<ArcgisMap["arcgisViewMouseWheel"]["detail"]>>>;
-  onarcgisViewPointerDown?: EventHandler<SyntheticEvent<HTMLArcgisMapElement, CustomEvent<ArcgisMap["arcgisViewPointerDown"]["detail"]>>>;
-  onarcgisViewPointerEnter?: EventHandler<SyntheticEvent<HTMLArcgisMapElement, CustomEvent<ArcgisMap["arcgisViewPointerEnter"]["detail"]>>>;
-  onarcgisViewPointerLeave?: EventHandler<SyntheticEvent<HTMLArcgisMapElement, CustomEvent<ArcgisMap["arcgisViewPointerLeave"]["detail"]>>>;
-  onarcgisViewPointerMove?: EventHandler<SyntheticEvent<HTMLArcgisMapElement, CustomEvent<ArcgisMap["arcgisViewPointerMove"]["detail"]>>>;
-  onarcgisViewPointerUp?: EventHandler<SyntheticEvent<HTMLArcgisMapElement, CustomEvent<ArcgisMap["arcgisViewPointerUp"]["detail"]>>>;
-  onarcgisViewReadyChange?: EventHandler<SyntheticEvent<HTMLArcgisMapElement, CustomEvent<ArcgisMap["arcgisViewReadyChange"]["detail"]>>>;
+interface ReactArcgisLocate extends Partial<Pick<ArcgisLocate, 'autoDestroyDisabled' | 'geolocationOptions' | 'goToLocationDisabled' | 'goToOverride' | 'graphic' | 'icon' | 'label' | 'messageOverrides' | 'popupDisabled' | 'position' | 'referenceElement' | 'scale'>>, HTMLProps<HTMLArcgisLocateElement> {
+  onarcgisError?: EventHandler<HTMLArcgisLocateElement["arcgisError"]>;
+  onarcgisPropertyChange?: EventHandler<HTMLArcgisLocateElement["arcgisPropertyChange"]>;
+  onarcgisReady?: EventHandler<HTMLArcgisLocateElement["arcgisReady"]>;
+  onarcgisSuccess?: EventHandler<HTMLArcgisLocateElement["arcgisSuccess"]>;
+}
+
+interface ReactArcgisMap extends Partial<Pick<ArcgisMap, 'autoDestroyDisabled' | 'background' | 'basemap' | 'basemapView' | 'constraints' | 'displayFilterDisabled' | 'extent' | 'fatalError' | 'floors' | 'graphics' | 'ground' | 'highlightOptions' | 'highlights' | 'ipsInfo' | 'itemId' | 'map' | 'navigation' | 'padding' | 'popup' | 'popupDisabled' | 'resizeAlign' | 'rotation' | 'scale' | 'spatialReference' | 'theme' | 'timeExtent' | 'timeZone' | 'viewpoint' | 'zoom'>>, ArcgisMapSetterTypes, HTMLProps<HTMLArcgisMapElement> {
+  onarcgisViewChange?: EventHandler<HTMLArcgisMapElement["arcgisViewChange"]>;
+  onarcgisViewClick?: EventHandler<HTMLArcgisMapElement["arcgisViewClick"]>;
+  onarcgisViewDoubleClick?: EventHandler<HTMLArcgisMapElement["arcgisViewDoubleClick"]>;
+  onarcgisViewDrag?: EventHandler<HTMLArcgisMapElement["arcgisViewDrag"]>;
+  onarcgisViewHold?: EventHandler<HTMLArcgisMapElement["arcgisViewHold"]>;
+  onarcgisViewImmediateClick?: EventHandler<HTMLArcgisMapElement["arcgisViewImmediateClick"]>;
+  onarcgisViewImmediateDoubleClick?: EventHandler<HTMLArcgisMapElement["arcgisViewImmediateDoubleClick"]>;
+  onarcgisViewKeyDown?: EventHandler<HTMLArcgisMapElement["arcgisViewKeyDown"]>;
+  onarcgisViewKeyUp?: EventHandler<HTMLArcgisMapElement["arcgisViewKeyUp"]>;
+  onarcgisViewLayerviewCreate?: EventHandler<HTMLArcgisMapElement["arcgisViewLayerviewCreate"]>;
+  onarcgisViewLayerviewCreateError?: EventHandler<HTMLArcgisMapElement["arcgisViewLayerviewCreateError"]>;
+  onarcgisViewLayerviewDestroy?: EventHandler<HTMLArcgisMapElement["arcgisViewLayerviewDestroy"]>;
+  onarcgisViewMouseWheel?: EventHandler<HTMLArcgisMapElement["arcgisViewMouseWheel"]>;
+  onarcgisViewPointerDown?: EventHandler<HTMLArcgisMapElement["arcgisViewPointerDown"]>;
+  onarcgisViewPointerEnter?: EventHandler<HTMLArcgisMapElement["arcgisViewPointerEnter"]>;
+  onarcgisViewPointerLeave?: EventHandler<HTMLArcgisMapElement["arcgisViewPointerLeave"]>;
+  onarcgisViewPointerMove?: EventHandler<HTMLArcgisMapElement["arcgisViewPointerMove"]>;
+  onarcgisViewPointerUp?: EventHandler<HTMLArcgisMapElement["arcgisViewPointerUp"]>;
+  onarcgisViewReadyChange?: EventHandler<HTMLArcgisMapElement["arcgisViewReadyChange"]>;
 }
 type ArcgisMapSetterTypes = ArcgisMap["_setterTypes"]
 
-interface ReactArcgisMeasurement extends Partial<Pick<ArcgisMeasurement, 'activeTool' | 'areaUnit' | 'autoDestroyDisabled' | 'icon' | 'label' | 'linearUnit' | 'position' | 'referenceElement'>>, HTMLAttributes<HTMLArcgisMeasurementElement> {
-  ref?: Ref<HTMLArcgisMeasurementElement>;
-  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisMeasurementElement, CustomEvent<ArcgisMeasurement["arcgisPropertyChange"]["detail"]>>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisMeasurementElement, CustomEvent<ArcgisMeasurement["arcgisReady"]["detail"]>>>;
+interface ReactArcgisMeasurement extends Partial<Pick<ArcgisMeasurement, 'activeTool' | 'areaUnit' | 'autoDestroyDisabled' | 'icon' | 'label' | 'linearUnit' | 'position' | 'referenceElement'>>, HTMLProps<HTMLArcgisMeasurementElement> {
+  onarcgisPropertyChange?: EventHandler<HTMLArcgisMeasurementElement["arcgisPropertyChange"]>;
+  onarcgisReady?: EventHandler<HTMLArcgisMeasurementElement["arcgisReady"]>;
 }
 
-interface ReactArcgisNavigationToggle extends Partial<Pick<ArcgisNavigationToggle, 'autoDestroyDisabled' | 'icon' | 'label' | 'layout' | 'position' | 'referenceElement'>>, HTMLAttributes<HTMLArcgisNavigationToggleElement> {
-  ref?: Ref<HTMLArcgisNavigationToggleElement>;
-  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisNavigationToggleElement, CustomEvent<ArcgisNavigationToggle["arcgisPropertyChange"]["detail"]>>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisNavigationToggleElement, CustomEvent<ArcgisNavigationToggle["arcgisReady"]["detail"]>>>;
+interface ReactArcgisNavigationToggle extends Partial<Pick<ArcgisNavigationToggle, 'autoDestroyDisabled' | 'icon' | 'label' | 'layout' | 'navigationMode' | 'position' | 'referenceElement'>>, HTMLProps<HTMLArcgisNavigationToggleElement> {
+  onarcgisPropertyChange?: EventHandler<HTMLArcgisNavigationToggleElement["arcgisPropertyChange"]>;
+  onarcgisReady?: EventHandler<HTMLArcgisNavigationToggleElement["arcgisReady"]>;
 }
 
-interface ReactArcgisOrientedImageryViewer extends Partial<Pick<ArcgisOrientedImageryViewer, 'autoDestroyDisabled' | 'currentCoverageVisible' | 'disabled' | 'galleryOpened' | 'icon' | 'imageEnhancementToolActive' | 'isAdditionalCoverageVisible' | 'isAdditionalPointSourcesVisible' | 'label' | 'layer' | 'mapImageConversionToolState' | 'navigationToolActive' | 'orientedImageryLayerItemId' | 'position' | 'referenceElement'>>, HTMLAttributes<HTMLArcgisOrientedImageryViewerElement> {
-  ref?: Ref<HTMLArcgisOrientedImageryViewerElement>;
-  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisOrientedImageryViewerElement, CustomEvent<ArcgisOrientedImageryViewer["arcgisPropertyChange"]["detail"]>>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisOrientedImageryViewerElement, CustomEvent<ArcgisOrientedImageryViewer["arcgisReady"]["detail"]>>>;
+interface ReactArcgisOrientedImageryViewer extends Partial<Pick<ArcgisOrientedImageryViewer, 'autoDestroyDisabled' | 'currentCoverageVisible' | 'disabled' | 'galleryOpened' | 'icon' | 'imageEnhancementToolActive' | 'isAdditionalCoverageVisible' | 'isAdditionalPointSourcesVisible' | 'label' | 'layer' | 'mapImageConversionToolState' | 'navigationToolActive' | 'orientedImageryLayerItemId' | 'position' | 'referenceElement'>>, HTMLProps<HTMLArcgisOrientedImageryViewerElement> {
+  onarcgisPropertyChange?: EventHandler<HTMLArcgisOrientedImageryViewerElement["arcgisPropertyChange"]>;
+  onarcgisReady?: EventHandler<HTMLArcgisOrientedImageryViewerElement["arcgisReady"]>;
 }
 
-interface ReactArcgisPlacement extends Partial<Pick<ArcgisPlacement, 'position' | 'referenceElement'>>, HTMLAttributes<HTMLArcgisPlacementElement> {
-  ref?: Ref<HTMLArcgisPlacementElement>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisPlacementElement, CustomEvent<ArcgisPlacement["arcgisReady"]["detail"]>>>;
+interface ReactArcgisPlacement extends Partial<Pick<ArcgisPlacement, 'position' | 'referenceElement'>>, HTMLProps<HTMLArcgisPlacementElement> {
+  onarcgisReady?: EventHandler<HTMLArcgisPlacementElement["arcgisReady"]>;
 }
 
-interface ReactArcgisPrint extends Partial<Pick<ArcgisPrint, 'allowedFormats' | 'allowedLayouts' | 'autoDestroyDisabled' | 'exportedLinks' | 'extraParameters' | 'headingLevel' | 'icon' | 'includeDefaultTemplatesDisabled' | 'label' | 'portal' | 'position' | 'printServiceUrl' | 'referenceElement' | 'showPrintAreaEnabled' | 'templateCustomTextElements' | 'templateOptions'>>, HTMLAttributes<HTMLArcgisPrintElement> {
-  ref?: Ref<HTMLArcgisPrintElement>;
-  onarcgisComplete?: EventHandler<SyntheticEvent<HTMLArcgisPrintElement, CustomEvent<ArcgisPrint["arcgisComplete"]["detail"]>>>;
-  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisPrintElement, CustomEvent<ArcgisPrint["arcgisPropertyChange"]["detail"]>>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisPrintElement, CustomEvent<ArcgisPrint["arcgisReady"]["detail"]>>>;
-  onarcgisSubmit?: EventHandler<SyntheticEvent<HTMLArcgisPrintElement, CustomEvent<ArcgisPrint["arcgisSubmit"]["detail"]>>>;
+interface ReactArcgisPrint extends Partial<Pick<ArcgisPrint, 'allowedFormats' | 'allowedLayouts' | 'autoDestroyDisabled' | 'exportedLinks' | 'extraParameters' | 'headingLevel' | 'icon' | 'includeDefaultTemplatesDisabled' | 'label' | 'portal' | 'position' | 'printServiceUrl' | 'referenceElement' | 'showPrintAreaEnabled' | 'templateCustomTextElements' | 'templateOptions'>>, HTMLProps<HTMLArcgisPrintElement> {
+  onarcgisComplete?: EventHandler<HTMLArcgisPrintElement["arcgisComplete"]>;
+  onarcgisPropertyChange?: EventHandler<HTMLArcgisPrintElement["arcgisPropertyChange"]>;
+  onarcgisReady?: EventHandler<HTMLArcgisPrintElement["arcgisReady"]>;
+  onarcgisSubmit?: EventHandler<HTMLArcgisPrintElement["arcgisSubmit"]>;
 }
 
-interface ReactArcgisScaleBar extends Partial<Pick<ArcgisScaleBar, 'autoDestroyDisabled' | 'barStyle' | 'icon' | 'label' | 'messageOverrides' | 'position' | 'referenceElement' | 'unit'>>, HTMLAttributes<HTMLArcgisScaleBarElement> {
-  ref?: Ref<HTMLArcgisScaleBarElement>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisScaleBarElement, CustomEvent<ArcgisScaleBar["arcgisReady"]["detail"]>>>;
+interface ReactArcgisScaleBar extends Partial<Pick<ArcgisScaleBar, 'autoDestroyDisabled' | 'barStyle' | 'icon' | 'label' | 'messageOverrides' | 'position' | 'referenceElement' | 'unit'>>, HTMLProps<HTMLArcgisScaleBarElement> {
+  onarcgisReady?: EventHandler<HTMLArcgisScaleBarElement["arcgisReady"]>;
 }
 
-interface ReactArcgisScaleRangeSlider extends Partial<Pick<ArcgisScaleRangeSlider, 'autoDestroyDisabled' | 'disabled' | 'hidePreview' | 'hideScaleMenusMaxScaleMenu' | 'hideScaleMenusMinScaleMenu' | 'icon' | 'label' | 'layer' | 'maxScale' | 'maxScaleLimit' | 'minScale' | 'minScaleLimit' | 'mode' | 'position' | 'referenceElement' | 'region'>>, HTMLAttributes<HTMLArcgisScaleRangeSliderElement> {
-  ref?: Ref<HTMLArcgisScaleRangeSliderElement>;
-  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisScaleRangeSliderElement, CustomEvent<ArcgisScaleRangeSlider["arcgisPropertyChange"]["detail"]>>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisScaleRangeSliderElement, CustomEvent<ArcgisScaleRangeSlider["arcgisReady"]["detail"]>>>;
+interface ReactArcgisScaleRangeSlider extends Partial<Pick<ArcgisScaleRangeSlider, 'autoDestroyDisabled' | 'disabled' | 'hidePreview' | 'hideScaleMenusMaxScaleMenu' | 'hideScaleMenusMinScaleMenu' | 'icon' | 'label' | 'layer' | 'maxScale' | 'maxScaleLimit' | 'minScale' | 'minScaleLimit' | 'mode' | 'position' | 'referenceElement' | 'region'>>, HTMLProps<HTMLArcgisScaleRangeSliderElement> {
+  onarcgisPropertyChange?: EventHandler<HTMLArcgisScaleRangeSliderElement["arcgisPropertyChange"]>;
+  onarcgisReady?: EventHandler<HTMLArcgisScaleRangeSliderElement["arcgisReady"]>;
 }
 
-interface ReactArcgisScene extends Partial<Pick<ArcgisScene, 'allLayerViews' | 'alphaCompositingEnabled' | 'analyses' | 'autoDestroyDisabled' | 'basemap' | 'basemapView' | 'camera' | 'cameraFov' | 'cameraHeading' | 'cameraPosition' | 'cameraTilt' | 'clippingArea' | 'constraints' | 'environment' | 'extent' | 'fatalError' | 'floors' | 'graphics' | 'ground' | 'highlightOptions' | 'itemId' | 'layerViews' | 'map' | 'navigation' | 'padding' | 'popup' | 'popupDisabled' | 'qualityProfile' | 'scale' | 'spatialReference' | 'theme' | 'timeExtent' | 'viewingMode' | 'viewpoint' | 'zoom'>>, ArcgisSceneSetterTypes, HTMLAttributes<HTMLArcgisSceneElement> {
-  ref?: Ref<HTMLArcgisSceneElement>;
-  onarcgisViewChange?: EventHandler<SyntheticEvent<HTMLArcgisSceneElement, CustomEvent<ArcgisScene["arcgisViewChange"]["detail"]>>>;
-  onarcgisViewClick?: EventHandler<SyntheticEvent<HTMLArcgisSceneElement, CustomEvent<ArcgisScene["arcgisViewClick"]["detail"]>>>;
-  onarcgisViewDoubleClick?: EventHandler<SyntheticEvent<HTMLArcgisSceneElement, CustomEvent<ArcgisScene["arcgisViewDoubleClick"]["detail"]>>>;
-  onarcgisViewDrag?: EventHandler<SyntheticEvent<HTMLArcgisSceneElement, CustomEvent<ArcgisScene["arcgisViewDrag"]["detail"]>>>;
-  onarcgisViewHold?: EventHandler<SyntheticEvent<HTMLArcgisSceneElement, CustomEvent<ArcgisScene["arcgisViewHold"]["detail"]>>>;
-  onarcgisViewImmediateClick?: EventHandler<SyntheticEvent<HTMLArcgisSceneElement, CustomEvent<ArcgisScene["arcgisViewImmediateClick"]["detail"]>>>;
-  onarcgisViewImmediateDoubleClick?: EventHandler<SyntheticEvent<HTMLArcgisSceneElement, CustomEvent<ArcgisScene["arcgisViewImmediateDoubleClick"]["detail"]>>>;
-  onarcgisViewKeyDown?: EventHandler<SyntheticEvent<HTMLArcgisSceneElement, CustomEvent<ArcgisScene["arcgisViewKeyDown"]["detail"]>>>;
-  onarcgisViewKeyUp?: EventHandler<SyntheticEvent<HTMLArcgisSceneElement, CustomEvent<ArcgisScene["arcgisViewKeyUp"]["detail"]>>>;
-  onarcgisViewLayerviewCreate?: EventHandler<SyntheticEvent<HTMLArcgisSceneElement, CustomEvent<ArcgisScene["arcgisViewLayerviewCreate"]["detail"]>>>;
-  onarcgisViewLayerviewCreateError?: EventHandler<SyntheticEvent<HTMLArcgisSceneElement, CustomEvent<ArcgisScene["arcgisViewLayerviewCreateError"]["detail"]>>>;
-  onarcgisViewLayerviewDestroy?: EventHandler<SyntheticEvent<HTMLArcgisSceneElement, CustomEvent<ArcgisScene["arcgisViewLayerviewDestroy"]["detail"]>>>;
-  onarcgisViewMouseWheel?: EventHandler<SyntheticEvent<HTMLArcgisSceneElement, CustomEvent<ArcgisScene["arcgisViewMouseWheel"]["detail"]>>>;
-  onarcgisViewPointerDown?: EventHandler<SyntheticEvent<HTMLArcgisSceneElement, CustomEvent<ArcgisScene["arcgisViewPointerDown"]["detail"]>>>;
-  onarcgisViewPointerEnter?: EventHandler<SyntheticEvent<HTMLArcgisSceneElement, CustomEvent<ArcgisScene["arcgisViewPointerEnter"]["detail"]>>>;
-  onarcgisViewPointerLeave?: EventHandler<SyntheticEvent<HTMLArcgisSceneElement, CustomEvent<ArcgisScene["arcgisViewPointerLeave"]["detail"]>>>;
-  onarcgisViewPointerMove?: EventHandler<SyntheticEvent<HTMLArcgisSceneElement, CustomEvent<ArcgisScene["arcgisViewPointerMove"]["detail"]>>>;
-  onarcgisViewPointerUp?: EventHandler<SyntheticEvent<HTMLArcgisSceneElement, CustomEvent<ArcgisScene["arcgisViewPointerUp"]["detail"]>>>;
-  onarcgisViewReadyChange?: EventHandler<SyntheticEvent<HTMLArcgisSceneElement, CustomEvent<ArcgisScene["arcgisViewReadyChange"]["detail"]>>>;
+interface ReactArcgisScene extends Partial<Pick<ArcgisScene, 'alphaCompositingEnabled' | 'analyses' | 'autoDestroyDisabled' | 'basemap' | 'basemapView' | 'camera' | 'cameraFov' | 'cameraHeading' | 'cameraPosition' | 'cameraTilt' | 'clippingArea' | 'constraints' | 'displayFilterDisabled' | 'environment' | 'extent' | 'fatalError' | 'floors' | 'graphics' | 'ground' | 'highlightOptions' | 'highlights' | 'itemId' | 'map' | 'navigation' | 'padding' | 'popup' | 'popupDisabled' | 'qualityProfile' | 'scale' | 'spatialReference' | 'theme' | 'timeExtent' | 'viewingMode' | 'viewpoint' | 'zoom'>>, ArcgisSceneSetterTypes, HTMLProps<HTMLArcgisSceneElement> {
+  onarcgisViewChange?: EventHandler<HTMLArcgisSceneElement["arcgisViewChange"]>;
+  onarcgisViewClick?: EventHandler<HTMLArcgisSceneElement["arcgisViewClick"]>;
+  onarcgisViewDoubleClick?: EventHandler<HTMLArcgisSceneElement["arcgisViewDoubleClick"]>;
+  onarcgisViewDrag?: EventHandler<HTMLArcgisSceneElement["arcgisViewDrag"]>;
+  onarcgisViewHold?: EventHandler<HTMLArcgisSceneElement["arcgisViewHold"]>;
+  onarcgisViewImmediateClick?: EventHandler<HTMLArcgisSceneElement["arcgisViewImmediateClick"]>;
+  onarcgisViewImmediateDoubleClick?: EventHandler<HTMLArcgisSceneElement["arcgisViewImmediateDoubleClick"]>;
+  onarcgisViewKeyDown?: EventHandler<HTMLArcgisSceneElement["arcgisViewKeyDown"]>;
+  onarcgisViewKeyUp?: EventHandler<HTMLArcgisSceneElement["arcgisViewKeyUp"]>;
+  onarcgisViewLayerviewCreate?: EventHandler<HTMLArcgisSceneElement["arcgisViewLayerviewCreate"]>;
+  onarcgisViewLayerviewCreateError?: EventHandler<HTMLArcgisSceneElement["arcgisViewLayerviewCreateError"]>;
+  onarcgisViewLayerviewDestroy?: EventHandler<HTMLArcgisSceneElement["arcgisViewLayerviewDestroy"]>;
+  onarcgisViewMouseWheel?: EventHandler<HTMLArcgisSceneElement["arcgisViewMouseWheel"]>;
+  onarcgisViewPointerDown?: EventHandler<HTMLArcgisSceneElement["arcgisViewPointerDown"]>;
+  onarcgisViewPointerEnter?: EventHandler<HTMLArcgisSceneElement["arcgisViewPointerEnter"]>;
+  onarcgisViewPointerLeave?: EventHandler<HTMLArcgisSceneElement["arcgisViewPointerLeave"]>;
+  onarcgisViewPointerMove?: EventHandler<HTMLArcgisSceneElement["arcgisViewPointerMove"]>;
+  onarcgisViewPointerUp?: EventHandler<HTMLArcgisSceneElement["arcgisViewPointerUp"]>;
+  onarcgisViewReadyChange?: EventHandler<HTMLArcgisSceneElement["arcgisViewReadyChange"]>;
 }
 type ArcgisSceneSetterTypes = ArcgisScene["_setterTypes"]
 
-interface ReactArcgisSearch extends Partial<Pick<ArcgisSearch, 'activeMenu' | 'activeSourceIndex' | 'allPlaceholder' | 'autoDestroyDisabled' | 'autoSelectDisabled' | 'disabled' | 'icon' | 'includeDefaultSourcesDisabled' | 'label' | 'locationDisabled' | 'maxResults' | 'maxSuggestions' | 'minSuggestCharacters' | 'popupDisabled' | 'popupTemplate' | 'portal' | 'position' | 'referenceElement' | 'resultGraphicDisabled' | 'searchAllDisabled' | 'searchTerm' | 'sources' | 'suggestionsDisabled'>>, HTMLAttributes<HTMLArcgisSearchElement> {
-  ref?: Ref<HTMLArcgisSearchElement>;
-  onarcgisBlur?: EventHandler<SyntheticEvent<HTMLArcgisSearchElement, CustomEvent<ArcgisSearch["arcgisBlur"]["detail"]>>>;
-  onarcgisClear?: EventHandler<SyntheticEvent<HTMLArcgisSearchElement, CustomEvent<ArcgisSearch["arcgisClear"]["detail"]>>>;
-  onarcgisComplete?: EventHandler<SyntheticEvent<HTMLArcgisSearchElement, CustomEvent<ArcgisSearch["arcgisComplete"]["detail"]>>>;
-  onarcgisFocus?: EventHandler<SyntheticEvent<HTMLArcgisSearchElement, CustomEvent<ArcgisSearch["arcgisFocus"]["detail"]>>>;
-  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisSearchElement, CustomEvent<ArcgisSearch["arcgisPropertyChange"]["detail"]>>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisSearchElement, CustomEvent<ArcgisSearch["arcgisReady"]["detail"]>>>;
-  onarcgisSelectResult?: EventHandler<SyntheticEvent<HTMLArcgisSearchElement, CustomEvent<ArcgisSearch["arcgisSelectResult"]["detail"]>>>;
-  onarcgisStart?: EventHandler<SyntheticEvent<HTMLArcgisSearchElement, CustomEvent<ArcgisSearch["arcgisStart"]["detail"]>>>;
-  onarcgisSuggestComplete?: EventHandler<SyntheticEvent<HTMLArcgisSearchElement, CustomEvent<ArcgisSearch["arcgisSuggestComplete"]["detail"]>>>;
-  onarcgisSuggestStart?: EventHandler<SyntheticEvent<HTMLArcgisSearchElement, CustomEvent<ArcgisSearch["arcgisSuggestStart"]["detail"]>>>;
-}
-
-interface ReactArcgisShadowCast extends Partial<Pick<ArcgisShadowCast, 'autoDestroyDisabled' | 'discreteOptions' | 'durationOptions' | 'endTimeOfDay' | 'headingLevel' | 'hideColorPicker' | 'hideDatePicker' | 'hideTimeRangeSlider' | 'hideTimezone' | 'hideTooltip' | 'hideVisualizationOptions' | 'icon' | 'label' | 'position' | 'referenceElement' | 'startTimeOfDay' | 'thresholdOptions' | 'utcOffset' | 'visualizationType'>>, HTMLAttributes<HTMLArcgisShadowCastElement> {
-  ref?: Ref<HTMLArcgisShadowCastElement>;
-  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisShadowCastElement, CustomEvent<ArcgisShadowCast["arcgisPropertyChange"]["detail"]>>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisShadowCastElement, CustomEvent<ArcgisShadowCast["arcgisReady"]["detail"]>>>;
-}
-
-interface ReactArcgisSketch extends Partial<Pick<ArcgisSketch, 'autoDestroyDisabled' | 'availableCreateTools' | 'creationMode' | 'defaultCreateOptions' | 'defaultGraphicsLayerDisabled' | 'defaultUpdateOptions' | 'hideCreateToolsCircle' | 'hideCreateToolsPoint' | 'hideCreateToolsPolygon' | 'hideCreateToolsPolyline' | 'hideCreateToolsRectangle' | 'hideDuplicateButton' | 'hideLabelsToggle' | 'hideSelectionToolsLassoSelection' | 'hideSelectionToolsRectangleSelection' | 'hideSettingsMenu' | 'hideSnappingControls' | 'hideSnappingControlsElementsEnabledToggle' | 'hideSnappingControlsElementsFeatureEnabledToggle' | 'hideSnappingControlsElementsLayerList' | 'hideSnappingControlsElementsSelfEnabledToggle' | 'hideTooltipsToggle' | 'hideUndoRedoMenu' | 'icon' | 'label' | 'labelOptions' | 'layer' | 'layout' | 'pointSymbol' | 'polygonSymbol' | 'polylineSymbol' | 'position' | 'referenceElement' | 'showSnappingControlsElementsHeader' | 'snappingOptions' | 'tooltipOptions'>>, HTMLAttributes<HTMLArcgisSketchElement> {
-  ref?: Ref<HTMLArcgisSketchElement>;
-  onarcgisCreate?: EventHandler<SyntheticEvent<HTMLArcgisSketchElement, CustomEvent<ArcgisSketch["arcgisCreate"]["detail"]>>>;
-  onarcgisDelete?: EventHandler<SyntheticEvent<HTMLArcgisSketchElement, CustomEvent<ArcgisSketch["arcgisDelete"]["detail"]>>>;
-  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisSketchElement, CustomEvent<ArcgisSketch["arcgisPropertyChange"]["detail"]>>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisSketchElement, CustomEvent<ArcgisSketch["arcgisReady"]["detail"]>>>;
-  onarcgisRedo?: EventHandler<SyntheticEvent<HTMLArcgisSketchElement, CustomEvent<ArcgisSketch["arcgisRedo"]["detail"]>>>;
-  onarcgisUndo?: EventHandler<SyntheticEvent<HTMLArcgisSketchElement, CustomEvent<ArcgisSketch["arcgisUndo"]["detail"]>>>;
-  onarcgisUpdate?: EventHandler<SyntheticEvent<HTMLArcgisSketchElement, CustomEvent<ArcgisSketch["arcgisUpdate"]["detail"]>>>;
+interface ReactArcgisSearch extends Partial<Pick<ArcgisSearch, 'activeMenu' | 'activeSourceIndex' | 'allPlaceholder' | 'autoDestroyDisabled' | 'autoSelectDisabled' | 'disabled' | 'icon' | 'includeDefaultSourcesDisabled' | 'label' | 'locationDisabled' | 'maxResults' | 'maxSuggestions' | 'minSuggestCharacters' | 'popupDisabled' | 'popupTemplate' | 'portal' | 'position' | 'referenceElement' | 'resultGraphicDisabled' | 'searchAllDisabled' | 'searchTerm' | 'sources' | 'suggestionsDisabled'>>, HTMLProps<HTMLArcgisSearchElement> {
+  onarcgisBlur?: EventHandler<HTMLArcgisSearchElement["arcgisBlur"]>;
+  onarcgisClear?: EventHandler<HTMLArcgisSearchElement["arcgisClear"]>;
+  onarcgisComplete?: EventHandler<HTMLArcgisSearchElement["arcgisComplete"]>;
+  onarcgisFocus?: EventHandler<HTMLArcgisSearchElement["arcgisFocus"]>;
+  onarcgisPropertyChange?: EventHandler<HTMLArcgisSearchElement["arcgisPropertyChange"]>;
+  onarcgisReady?: EventHandler<HTMLArcgisSearchElement["arcgisReady"]>;
+  onarcgisSelectResult?: EventHandler<HTMLArcgisSearchElement["arcgisSelectResult"]>;
+  onarcgisStart?: EventHandler<HTMLArcgisSearchElement["arcgisStart"]>;
+  onarcgisSuggestComplete?: EventHandler<HTMLArcgisSearchElement["arcgisSuggestComplete"]>;
+  onarcgisSuggestStart?: EventHandler<HTMLArcgisSearchElement["arcgisSuggestStart"]>;
+}
+
+interface ReactArcgisShadowCast extends Partial<Pick<ArcgisShadowCast, 'autoDestroyDisabled' | 'discreteOptions' | 'durationOptions' | 'endTimeOfDay' | 'headingLevel' | 'hideColorPicker' | 'hideDatePicker' | 'hideTimeRangeSlider' | 'hideTimezone' | 'hideTooltip' | 'hideVisualizationOptions' | 'icon' | 'label' | 'position' | 'referenceElement' | 'startTimeOfDay' | 'thresholdOptions' | 'utcOffset' | 'visualizationType'>>, HTMLProps<HTMLArcgisShadowCastElement> {
+  onarcgisPropertyChange?: EventHandler<HTMLArcgisShadowCastElement["arcgisPropertyChange"]>;
+  onarcgisReady?: EventHandler<HTMLArcgisShadowCastElement["arcgisReady"]>;
 }
 
-interface ReactArcgisSlice extends Partial<Pick<ArcgisSlice, 'autoDestroyDisabled' | 'excludedLayers' | 'excludeGroundSurface' | 'headingLevel' | 'icon' | 'label' | 'position' | 'referenceElement' | 'shape' | 'tiltEnabled'>>, HTMLAttributes<HTMLArcgisSliceElement> {
-  ref?: Ref<HTMLArcgisSliceElement>;
-  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisSliceElement, CustomEvent<ArcgisSlice["arcgisPropertyChange"]["detail"]>>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisSliceElement, CustomEvent<ArcgisSlice["arcgisReady"]["detail"]>>>;
+interface ReactArcgisSketch extends Partial<Pick<ArcgisSketch, 'autoDestroyDisabled' | 'availableCreateTools' | 'creationMode' | 'defaultCreateOptions' | 'defaultGraphicsLayerDisabled' | 'defaultUpdateOptions' | 'hideCreateToolsCircle' | 'hideCreateToolsPoint' | 'hideCreateToolsPolygon' | 'hideCreateToolsPolyline' | 'hideCreateToolsRectangle' | 'hideDuplicateButton' | 'hideLabelsToggle' | 'hideSelectionToolsLassoSelection' | 'hideSelectionToolsRectangleSelection' | 'hideSettingsMenu' | 'hideSnappingControls' | 'hideSnappingControlsElementsEnabledToggle' | 'hideSnappingControlsElementsFeatureEnabledToggle' | 'hideSnappingControlsElementsLayerList' | 'hideSnappingControlsElementsSelfEnabledToggle' | 'hideTooltipsToggle' | 'hideUndoRedoMenu' | 'icon' | 'label' | 'labelOptions' | 'layer' | 'layout' | 'pointSymbol' | 'polygonSymbol' | 'polylineSymbol' | 'position' | 'referenceElement' | 'scale' | 'showSnappingControlsElementsHeader' | 'snappingOptions' | 'tooltipOptions'>>, HTMLProps<HTMLArcgisSketchElement> {
+  onarcgisCreate?: EventHandler<HTMLArcgisSketchElement["arcgisCreate"]>;
+  onarcgisDelete?: EventHandler<HTMLArcgisSketchElement["arcgisDelete"]>;
+  onarcgisPropertyChange?: EventHandler<HTMLArcgisSketchElement["arcgisPropertyChange"]>;
+  onarcgisReady?: EventHandler<HTMLArcgisSketchElement["arcgisReady"]>;
+  onarcgisRedo?: EventHandler<HTMLArcgisSketchElement["arcgisRedo"]>;
+  onarcgisUndo?: EventHandler<HTMLArcgisSketchElement["arcgisUndo"]>;
+  onarcgisUpdate?: EventHandler<HTMLArcgisSketchElement["arcgisUpdate"]>;
 }
 
-interface ReactArcgisSlider extends Partial<Pick<ArcgisSlider, 'autoDestroyDisabled' | 'draggableSegmentsEnabled' | 'effectiveMax' | 'effectiveMin' | 'icon' | 'label' | 'labelInputsEnabled' | 'layout' | 'max' | 'min' | 'position' | 'precision' | 'rangeLabelInputsEnabled' | 'referenceElement' | 'snapOnClickEnabled' | 'steps' | 'syncedSegmentsEnabled' | 'thumbsConstrained' | 'tickConfigs' | 'trackElement' | 'values'>>, HTMLAttributes<HTMLArcgisSliderElement> {
-  ref?: Ref<HTMLArcgisSliderElement>;
-  onarcgisMaxChange?: EventHandler<SyntheticEvent<HTMLArcgisSliderElement, CustomEvent<ArcgisSlider["arcgisMaxChange"]["detail"]>>>;
-  onarcgisMaxClick?: EventHandler<SyntheticEvent<HTMLArcgisSliderElement, CustomEvent<ArcgisSlider["arcgisMaxClick"]["detail"]>>>;
-  onarcgisMinChange?: EventHandler<SyntheticEvent<HTMLArcgisSliderElement, CustomEvent<ArcgisSlider["arcgisMinChange"]["detail"]>>>;
-  onarcgisMinClick?: EventHandler<SyntheticEvent<HTMLArcgisSliderElement, CustomEvent<ArcgisSlider["arcgisMinClick"]["detail"]>>>;
-  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisSliderElement, CustomEvent<ArcgisSlider["arcgisPropertyChange"]["detail"]>>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisSliderElement, CustomEvent<ArcgisSlider["arcgisReady"]["detail"]>>>;
-  onarcgisSegmentClick?: EventHandler<SyntheticEvent<HTMLArcgisSliderElement, CustomEvent<ArcgisSlider["arcgisSegmentClick"]["detail"]>>>;
-  onarcgisSegmentDrag?: EventHandler<SyntheticEvent<HTMLArcgisSliderElement, CustomEvent<ArcgisSlider["arcgisSegmentDrag"]["detail"]>>>;
-  onarcgisThumbChange?: EventHandler<SyntheticEvent<HTMLArcgisSliderElement, CustomEvent<ArcgisSlider["arcgisThumbChange"]["detail"]>>>;
-  onarcgisThumbClick?: EventHandler<SyntheticEvent<HTMLArcgisSliderElement, CustomEvent<ArcgisSlider["arcgisThumbClick"]["detail"]>>>;
-  onarcgisThumbDrag?: EventHandler<SyntheticEvent<HTMLArcgisSliderElement, CustomEvent<ArcgisSlider["arcgisThumbDrag"]["detail"]>>>;
-  onarcgisTickClick?: EventHandler<SyntheticEvent<HTMLArcgisSliderElement, CustomEvent<ArcgisSlider["arcgisTickClick"]["detail"]>>>;
-  onarcgisTrackClick?: EventHandler<SyntheticEvent<HTMLArcgisSliderElement, CustomEvent<ArcgisSlider["arcgisTrackClick"]["detail"]>>>;
+interface ReactArcgisSlice extends Partial<Pick<ArcgisSlice, 'autoDestroyDisabled' | 'excludedLayers' | 'excludeGroundSurface' | 'headingLevel' | 'icon' | 'label' | 'position' | 'referenceElement' | 'shape' | 'tiltEnabled'>>, HTMLProps<HTMLArcgisSliceElement> {
+  onarcgisPropertyChange?: EventHandler<HTMLArcgisSliceElement["arcgisPropertyChange"]>;
+  onarcgisReady?: EventHandler<HTMLArcgisSliceElement["arcgisReady"]>;
 }
 
-interface ReactArcgisSwipe extends Partial<Pick<ArcgisSwipe, 'autoDestroyDisabled' | 'direction' | 'dragLabel' | 'leadingLayers' | 'swipePosition' | 'trailingLayers'>>, HTMLAttributes<HTMLArcgisSwipeElement> {
-  ref?: Ref<HTMLArcgisSwipeElement>;
-  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisSwipeElement, CustomEvent<ArcgisSwipe["arcgisPropertyChange"]["detail"]>>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisSwipeElement, CustomEvent<ArcgisSwipe["arcgisReady"]["detail"]>>>;
+interface ReactArcgisSlider extends Partial<Pick<ArcgisSlider, 'autoDestroyDisabled' | 'draggableSegmentsEnabled' | 'effectiveMax' | 'effectiveMin' | 'icon' | 'label' | 'labelInputsEnabled' | 'layout' | 'max' | 'min' | 'position' | 'precision' | 'rangeLabelInputsEnabled' | 'referenceElement' | 'snapOnClickEnabled' | 'steps' | 'syncedSegmentsEnabled' | 'thumbsConstrained' | 'tickConfigs' | 'values'>>, HTMLProps<HTMLArcgisSliderElement> {
+  onarcgisMaxChange?: EventHandler<HTMLArcgisSliderElement["arcgisMaxChange"]>;
+  onarcgisMaxClick?: EventHandler<HTMLArcgisSliderElement["arcgisMaxClick"]>;
+  onarcgisMinChange?: EventHandler<HTMLArcgisSliderElement["arcgisMinChange"]>;
+  onarcgisMinClick?: EventHandler<HTMLArcgisSliderElement["arcgisMinClick"]>;
+  onarcgisPropertyChange?: EventHandler<HTMLArcgisSliderElement["arcgisPropertyChange"]>;
+  onarcgisReady?: EventHandler<HTMLArcgisSliderElement["arcgisReady"]>;
+  onarcgisSegmentClick?: EventHandler<HTMLArcgisSliderElement["arcgisSegmentClick"]>;
+  onarcgisSegmentDrag?: EventHandler<HTMLArcgisSliderElement["arcgisSegmentDrag"]>;
+  onarcgisThumbChange?: EventHandler<HTMLArcgisSliderElement["arcgisThumbChange"]>;
+  onarcgisThumbClick?: EventHandler<HTMLArcgisSliderElement["arcgisThumbClick"]>;
+  onarcgisThumbDrag?: EventHandler<HTMLArcgisSliderElement["arcgisThumbDrag"]>;
+  onarcgisTickClick?: EventHandler<HTMLArcgisSliderElement["arcgisTickClick"]>;
+  onarcgisTrackClick?: EventHandler<HTMLArcgisSliderElement["arcgisTrackClick"]>;
 }
 
-interface ReactArcgisTableList extends Partial<Pick<ArcgisTableList, 'autoDestroyDisabled' | 'collapsed' | 'dragEnabled' | 'filterPlaceholder' | 'filterText' | 'icon' | 'label' | 'listItemCreatedFunction' | 'minDragEnabledItems' | 'minFilterItems' | 'position' | 'referenceElement' | 'selectedItems' | 'selectionMode' | 'visibleElementsCloseButton' | 'visibleElementsCollapseButton' | 'visibleElementsErrors' | 'visibleElementsFilter' | 'visibleElementsFlow' | 'visibleElementsHeading' | 'visibleElementsStatusIndicators' | 'visibleElementsTemporaryTableIndicators'>>, HTMLAttributes<HTMLArcgisTableListElement> {
-  ref?: Ref<HTMLArcgisTableListElement>;
-  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisTableListElement, CustomEvent<ArcgisTableList["arcgisPropertyChange"]["detail"]>>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisTableListElement, CustomEvent<ArcgisTableList["arcgisReady"]["detail"]>>>;
-  onarcgisTriggerAction?: EventHandler<SyntheticEvent<HTMLArcgisTableListElement, CustomEvent<ArcgisTableList["arcgisTriggerAction"]["detail"]>>>;
+interface ReactArcgisSwipe extends Partial<Pick<ArcgisSwipe, 'autoDestroyDisabled' | 'direction' | 'disabled' | 'hideDivider' | 'hideHandle' | 'icon' | 'label' | 'leadingLayers' | 'messageOverrides' | 'position' | 'referenceElement' | 'swipePosition' | 'trailingLayers'>>, HTMLProps<HTMLArcgisSwipeElement> {
+  onarcgisPropertyChange?: EventHandler<HTMLArcgisSwipeElement["arcgisPropertyChange"]>;
+  onarcgisReady?: EventHandler<HTMLArcgisSwipeElement["arcgisReady"]>;
 }
 
-interface ReactArcgisTimeSlider extends Partial<Pick<ArcgisTimeSlider, 'actions' | 'autoDestroyDisabled' | 'disabled' | 'fullTimeExtent' | 'icon' | 'label' | 'layout' | 'loop' | 'mode' | 'playRate' | 'position' | 'referenceElement' | 'stops' | 'tickConfigs' | 'timeExtent' | 'timeVisible' | 'timeZone'>>, HTMLAttributes<HTMLArcgisTimeSliderElement> {
-  ref?: Ref<HTMLArcgisTimeSliderElement>;
-  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisTimeSliderElement, CustomEvent<ArcgisTimeSlider["arcgisPropertyChange"]["detail"]>>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisTimeSliderElement, CustomEvent<ArcgisTimeSlider["arcgisReady"]["detail"]>>>;
-  onarcgisTriggerAction?: EventHandler<SyntheticEvent<HTMLArcgisTimeSliderElement, CustomEvent<ArcgisTimeSlider["arcgisTriggerAction"]["detail"]>>>;
+interface ReactArcgisTableList extends Partial<Pick<ArcgisTableList, 'autoDestroyDisabled' | 'collapsed' | 'dragEnabled' | 'filterPlaceholder' | 'filterPredicate' | 'filterText' | 'hideFlow' | 'hideStatusIndicators' | 'icon' | 'label' | 'listItemCreatedFunction' | 'minDragEnabledItems' | 'minFilterItems' | 'position' | 'referenceElement' | 'selectedItems' | 'selectionMode' | 'showCloseButton' | 'showCollapseButton' | 'showErrors' | 'showFilter' | 'showHeading' | 'showTemporaryTableIndicators'>>, HTMLProps<HTMLArcgisTableListElement> {
+  onarcgisPropertyChange?: EventHandler<HTMLArcgisTableListElement["arcgisPropertyChange"]>;
+  onarcgisReady?: EventHandler<HTMLArcgisTableListElement["arcgisReady"]>;
+  onarcgisTriggerAction?: EventHandler<HTMLArcgisTableListElement["arcgisTriggerAction"]>;
 }
 
-interface ReactArcgisTrack extends Partial<Pick<ArcgisTrack, 'autoDestroyDisabled' | 'error' | 'geolocationOptions' | 'goToLocationDisabled' | 'goToOverride' | 'graphic' | 'icon' | 'label' | 'messageOverrides' | 'position' | 'positionFilterFunction' | 'referenceElement' | 'scale'>>, HTMLAttributes<HTMLArcgisTrackElement> {
-  ref?: Ref<HTMLArcgisTrackElement>;
-  onarcgisComplete?: EventHandler<SyntheticEvent<HTMLArcgisTrackElement, CustomEvent<ArcgisTrack["arcgisComplete"]["detail"]>>>;
-  onarcgisError?: EventHandler<SyntheticEvent<HTMLArcgisTrackElement, CustomEvent<ArcgisTrack["arcgisError"]["detail"]>>>;
-  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisTrackElement, CustomEvent<ArcgisTrack["arcgisPropertyChange"]["detail"]>>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisTrackElement, CustomEvent<ArcgisTrack["arcgisReady"]["detail"]>>>;
+interface ReactArcgisTimeSlider extends Partial<Pick<ArcgisTimeSlider, 'actions' | 'autoDestroyDisabled' | 'disabled' | 'fullTimeExtent' | 'icon' | 'label' | 'layout' | 'loop' | 'mode' | 'playRate' | 'position' | 'referenceElement' | 'stops' | 'tickConfigs' | 'timeExtent' | 'timeVisible' | 'timeZone'>>, HTMLProps<HTMLArcgisTimeSliderElement> {
+  onarcgisPropertyChange?: EventHandler<HTMLArcgisTimeSliderElement["arcgisPropertyChange"]>;
+  onarcgisReady?: EventHandler<HTMLArcgisTimeSliderElement["arcgisReady"]>;
+  onarcgisTriggerAction?: EventHandler<HTMLArcgisTimeSliderElement["arcgisTriggerAction"]>;
 }
 
-interface ReactArcgisUtilityNetworkAssociations extends Partial<Pick<ArcgisUtilityNetworkAssociations, 'autoRefreshAssociationsDisabled' | 'connectivityAssociationsLineSymbol' | 'includeConnectivityAssociationsDisabled' | 'includeStructuralAttachmentAssociationsDisabled' | 'maxAllowableAssociations' | 'maxAllowableAssociationsSliderMax' | 'maxAllowableAssociationsSliderMin' | 'maxAllowableAssociationsSliderStep' | 'position' | 'referenceElement' | 'showArrowsConnectivity' | 'showArrowsStructuralAttachment' | 'showAssociationsEnabled' | 'structuralAttachmentAssociationsLineSymbol' | 'utilityNetwork' | 'visibleElementsConnectivityAssociationsSettingsArrowsToggle' | 'visibleElementsConnectivityAssociationsSettingsCapSelect' | 'visibleElementsConnectivityAssociationsSettingsColorPicker' | 'visibleElementsConnectivityAssociationsSettingsStylePicker' | 'visibleElementsConnectivityAssociationsSettingsWidthInput' | 'visibleElementsMaxAllowableAssociationsSlider' | 'visibleElementsStructuralAttachmentAssociationsSettingsArrowsToggle' | 'visibleElementsStructuralAttachmentAssociationsSettingsCapSelect' | 'visibleElementsStructuralAttachmentAssociationsSettingsStylePicker' | 'visibleElementsStructuralAttachmentAssociationsSettingsWidthInput'>>, HTMLAttributes<HTMLArcgisUtilityNetworkAssociationsElement> {
-  ref?: Ref<HTMLArcgisUtilityNetworkAssociationsElement>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisUtilityNetworkAssociationsElement, CustomEvent<ArcgisUtilityNetworkAssociations["arcgisReady"]["detail"]>>>;
+interface ReactArcgisTrack extends Partial<Pick<ArcgisTrack, 'autoDestroyDisabled' | 'error' | 'geolocationOptions' | 'goToLocationDisabled' | 'goToOverride' | 'graphic' | 'icon' | 'label' | 'messageOverrides' | 'position' | 'positionFilterFunction' | 'referenceElement' | 'scale'>>, HTMLProps<HTMLArcgisTrackElement> {
+  onarcgisComplete?: EventHandler<HTMLArcgisTrackElement["arcgisComplete"]>;
+  onarcgisError?: EventHandler<HTMLArcgisTrackElement["arcgisError"]>;
+  onarcgisPropertyChange?: EventHandler<HTMLArcgisTrackElement["arcgisPropertyChange"]>;
+  onarcgisReady?: EventHandler<HTMLArcgisTrackElement["arcgisReady"]>;
 }
 
-interface ReactArcgisUtilityNetworkTrace extends Partial<Pick<ArcgisUtilityNetworkTrace, 'defaultGraphicColor' | 'disabled' | 'enableResultArea' | 'flags' | 'gdbVersion' | 'inputSettings' | 'position' | 'referenceElement' | 'resultAreaProperties' | 'selectedTraces' | 'selectOnCompleteDisabled' | 'showGraphicsOnCompleteDisabled' | 'showSelectionAttributesDisabled'>>, HTMLAttributes<HTMLArcgisUtilityNetworkTraceElement> {
-  ref?: Ref<HTMLArcgisUtilityNetworkTraceElement>;
-  onarcgisAddFlag?: EventHandler<SyntheticEvent<HTMLArcgisUtilityNetworkTraceElement, CustomEvent<ArcgisUtilityNetworkTrace["arcgisAddFlag"]["detail"]>>>;
-  onarcgisAddFlagComplete?: EventHandler<SyntheticEvent<HTMLArcgisUtilityNetworkTraceElement, CustomEvent<ArcgisUtilityNetworkTrace["arcgisAddFlagComplete"]["detail"]>>>;
-  onarcgisAddFlagError?: EventHandler<SyntheticEvent<HTMLArcgisUtilityNetworkTraceElement, CustomEvent<ArcgisUtilityNetworkTrace["arcgisAddFlagError"]["detail"]>>>;
-  onarcgisAddResultArea?: EventHandler<SyntheticEvent<HTMLArcgisUtilityNetworkTraceElement, CustomEvent<ArcgisUtilityNetworkTrace["arcgisAddResultArea"]["detail"]>>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisUtilityNetworkTraceElement, CustomEvent<ArcgisUtilityNetworkTrace["arcgisReady"]["detail"]>>>;
-  onarcgisRemoveResultArea?: EventHandler<SyntheticEvent<HTMLArcgisUtilityNetworkTraceElement, CustomEvent<ArcgisUtilityNetworkTrace["arcgisRemoveResultArea"]["detail"]>>>;
+interface ReactArcgisUtilityNetworkAssociations extends Partial<Pick<ArcgisUtilityNetworkAssociations, 'autoDestroyDisabled' | 'autoRefreshAssociationsDisabled' | 'connectivityAssociationsLineSymbol' | 'hideConnectivityAssociationsSettingsColorPicker' | 'hideConnectivityAssociationsSettingsStylePicker' | 'hideConnectivityAssociationsSettingsWidthInput' | 'hideStructuralAttachmentAssociationsSettingsColorPicker' | 'hideStructuralAttachmentAssociationsSettingsStylePicker' | 'hideStructuralAttachmentAssociationsSettingsWidthInput' | 'icon' | 'includeConnectivityAssociationsDisabled' | 'includeStructuralAttachmentAssociationsDisabled' | 'label' | 'maxAllowableAssociations' | 'maxAllowableAssociationsSliderMax' | 'maxAllowableAssociationsSliderMin' | 'maxAllowableAssociationsSliderStep' | 'position' | 'referenceElement' | 'showArrowsConnectivity' | 'showArrowsStructuralAttachment' | 'showAssociationsEnabled' | 'showConnectivityAssociationsSettingsArrowsToggle' | 'showConnectivityAssociationsSettingsCapSelect' | 'showMaxAllowableAssociationsSlider' | 'showStructuralAttachmentAssociationsSettingsArrowsToggle' | 'showStructuralAttachmentAssociationsSettingsCapSelect' | 'structuralAttachmentAssociationsLineSymbol' | 'utilityNetwork' | 'visibleElementsConnectivityAssociationsSettingsArrowsToggle' | 'visibleElementsConnectivityAssociationsSettingsCapSelect' | 'visibleElementsConnectivityAssociationsSettingsColorPicker' | 'visibleElementsConnectivityAssociationsSettingsStylePicker' | 'visibleElementsConnectivityAssociationsSettingsWidthInput' | 'visibleElementsMaxAllowableAssociationsSlider' | 'visibleElementsStructuralAttachmentAssociationsSettingsArrowsToggle' | 'visibleElementsStructuralAttachmentAssociationsSettingsCapSelect' | 'visibleElementsStructuralAttachmentAssociationsSettingsColorPicker' | 'visibleElementsStructuralAttachmentAssociationsSettingsStylePicker' | 'visibleElementsStructuralAttachmentAssociationsSettingsWidthInput'>>, HTMLProps<HTMLArcgisUtilityNetworkAssociationsElement> {
+  onarcgisReady?: EventHandler<HTMLArcgisUtilityNetworkAssociationsElement["arcgisReady"]>;
 }
 
-interface ReactArcgisUtilityNetworkValidateTopology extends Partial<Pick<ArcgisUtilityNetworkValidateTopology, 'extentToValidate' | 'position' | 'referenceElement' | 'utilityNetwork'>>, HTMLAttributes<HTMLArcgisUtilityNetworkValidateTopologyElement> {
-  ref?: Ref<HTMLArcgisUtilityNetworkValidateTopologyElement>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisUtilityNetworkValidateTopologyElement, CustomEvent<ArcgisUtilityNetworkValidateTopology["arcgisReady"]["detail"]>>>;
+interface ReactArcgisUtilityNetworkTrace extends Partial<Pick<ArcgisUtilityNetworkTrace, 'defaultGraphicColor' | 'disabled' | 'enableResultArea' | 'flags' | 'gdbVersion' | 'inputSettings' | 'position' | 'referenceElement' | 'resultAreaProperties' | 'selectedTraces' | 'selectOnCompleteDisabled' | 'showGraphicsOnCompleteDisabled' | 'showSelectionAttributesDisabled'>>, HTMLProps<HTMLArcgisUtilityNetworkTraceElement> {
+  onarcgisAddFlag?: EventHandler<HTMLArcgisUtilityNetworkTraceElement["arcgisAddFlag"]>;
+  onarcgisAddFlagComplete?: EventHandler<HTMLArcgisUtilityNetworkTraceElement["arcgisAddFlagComplete"]>;
+  onarcgisAddFlagError?: EventHandler<HTMLArcgisUtilityNetworkTraceElement["arcgisAddFlagError"]>;
+  onarcgisAddResultArea?: EventHandler<HTMLArcgisUtilityNetworkTraceElement["arcgisAddResultArea"]>;
+  onarcgisReady?: EventHandler<HTMLArcgisUtilityNetworkTraceElement["arcgisReady"]>;
+  onarcgisRemoveResultArea?: EventHandler<HTMLArcgisUtilityNetworkTraceElement["arcgisRemoveResultArea"]>;
 }
 
-interface ReactArcgisValuePicker extends Partial<Pick<ArcgisValuePicker, 'autoDestroyDisabled' | 'canNext' | 'canPlay' | 'canPrevious' | 'caption' | 'component' | 'hideNextButton' | 'hidePlayButton' | 'hidePreviousButton' | 'icon' | 'label' | 'layout' | 'loop' | 'playRate' | 'position' | 'referenceElement' | 'values'>>, HTMLAttributes<HTMLArcgisValuePickerElement> {
-  ref?: Ref<HTMLArcgisValuePickerElement>;
-  onarcgisAnimate?: EventHandler<SyntheticEvent<HTMLArcgisValuePickerElement, CustomEvent<ArcgisValuePicker["arcgisAnimate"]["detail"]>>>;
-  onarcgisNext?: EventHandler<SyntheticEvent<HTMLArcgisValuePickerElement, CustomEvent<ArcgisValuePicker["arcgisNext"]["detail"]>>>;
-  onarcgisPause?: EventHandler<SyntheticEvent<HTMLArcgisValuePickerElement, CustomEvent<ArcgisValuePicker["arcgisPause"]["detail"]>>>;
-  onarcgisPlay?: EventHandler<SyntheticEvent<HTMLArcgisValuePickerElement, CustomEvent<ArcgisValuePicker["arcgisPlay"]["detail"]>>>;
-  onarcgisPrevious?: EventHandler<SyntheticEvent<HTMLArcgisValuePickerElement, CustomEvent<ArcgisValuePicker["arcgisPrevious"]["detail"]>>>;
-  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisValuePickerElement, CustomEvent<ArcgisValuePicker["arcgisPropertyChange"]["detail"]>>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisValuePickerElement, CustomEvent<ArcgisValuePicker["arcgisReady"]["detail"]>>>;
+interface ReactArcgisUtilityNetworkValidateTopology extends Partial<Pick<ArcgisUtilityNetworkValidateTopology, 'extentToValidate' | 'position' | 'referenceElement' | 'utilityNetwork'>>, HTMLProps<HTMLArcgisUtilityNetworkValidateTopologyElement> {
+  onarcgisReady?: EventHandler<HTMLArcgisUtilityNetworkValidateTopologyElement["arcgisReady"]>;
 }
 
-interface ReactArcgisVersionManagement extends Partial<Pick<ArcgisVersionManagement, 'allowEditingDisabled' | 'autoDestroyDisabled' | 'closable' | 'icon' | 'label' | 'messageOverrides' | 'mode' | 'pageSize' | 'position' | 'referenceElement' | 'versioningStates' | 'view'>>, HTMLAttributes<HTMLArcgisVersionManagementElement> {
-  ref?: Ref<HTMLArcgisVersionManagementElement>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisVersionManagementElement, CustomEvent<ArcgisVersionManagement["arcgisReady"]["detail"]>>>;
-  onarcgisVersioningStateChanged?: EventHandler<SyntheticEvent<HTMLArcgisVersionManagementElement, CustomEvent<ArcgisVersionManagement["arcgisVersioningStateChanged"]["detail"]>>>;
+interface ReactArcgisValuePicker extends Partial<Pick<ArcgisValuePicker, 'autoDestroyDisabled' | 'canNext' | 'canPlay' | 'canPrevious' | 'caption' | 'component' | 'hideNextButton' | 'hidePlayButton' | 'hidePreviousButton' | 'icon' | 'label' | 'layout' | 'loop' | 'playRate' | 'position' | 'referenceElement' | 'values'>>, HTMLProps<HTMLArcgisValuePickerElement> {
+  onarcgisAnimate?: EventHandler<HTMLArcgisValuePickerElement["arcgisAnimate"]>;
+  onarcgisNext?: EventHandler<HTMLArcgisValuePickerElement["arcgisNext"]>;
+  onarcgisPause?: EventHandler<HTMLArcgisValuePickerElement["arcgisPause"]>;
+  onarcgisPlay?: EventHandler<HTMLArcgisValuePickerElement["arcgisPlay"]>;
+  onarcgisPrevious?: EventHandler<HTMLArcgisValuePickerElement["arcgisPrevious"]>;
+  onarcgisPropertyChange?: EventHandler<HTMLArcgisValuePickerElement["arcgisPropertyChange"]>;
+  onarcgisReady?: EventHandler<HTMLArcgisValuePickerElement["arcgisReady"]>;
 }
 
-interface ReactArcgisWeather extends Partial<Pick<ArcgisWeather, 'autoDestroyDisabled' | 'headingLevel' | 'hideHeader' | 'icon' | 'label' | 'position' | 'referenceElement'>>, HTMLAttributes<HTMLArcgisWeatherElement> {
-  ref?: Ref<HTMLArcgisWeatherElement>;
-  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisWeatherElement, CustomEvent<ArcgisWeather["arcgisPropertyChange"]["detail"]>>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisWeatherElement, CustomEvent<ArcgisWeather["arcgisReady"]["detail"]>>>;
+interface ReactArcgisVersionManagement extends Partial<Pick<ArcgisVersionManagement, 'allowEditingDisabled' | 'autoDestroyDisabled' | 'closable' | 'icon' | 'initialVersionInfos' | 'label' | 'messageOverrides' | 'mode' | 'pageSize' | 'position' | 'referenceElement' | 'versioningStates' | 'view'>>, HTMLProps<HTMLArcgisVersionManagementElement> {
+  onarcgisReady?: EventHandler<HTMLArcgisVersionManagementElement["arcgisReady"]>;
+  onarcgisVersioningStateChanged?: EventHandler<HTMLArcgisVersionManagementElement["arcgisVersioningStateChanged"]>;
 }
 
-interface ReactArcgisZoom extends Partial<Pick<ArcgisZoom, 'autoDestroyDisabled' | 'icon' | 'label' | 'layout' | 'messageOverrides' | 'position' | 'referenceElement'>>, HTMLAttributes<HTMLArcgisZoomElement> {
-  ref?: Ref<HTMLArcgisZoomElement>;
-  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisZoomElement, CustomEvent<ArcgisZoom["arcgisPropertyChange"]["detail"]>>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisZoomElement, CustomEvent<ArcgisZoom["arcgisReady"]["detail"]>>>;
+interface ReactArcgisWeather extends Partial<Pick<ArcgisWeather, 'autoDestroyDisabled' | 'headingLevel' | 'hideHeader' | 'icon' | 'label' | 'position' | 'referenceElement'>>, HTMLProps<HTMLArcgisWeatherElement> {
+  onarcgisPropertyChange?: EventHandler<HTMLArcgisWeatherElement["arcgisPropertyChange"]>;
+  onarcgisReady?: EventHandler<HTMLArcgisWeatherElement["arcgisReady"]>;
+}
+
+interface ReactArcgisZoom extends Partial<Pick<ArcgisZoom, 'autoDestroyDisabled' | 'icon' | 'label' | 'layout' | 'messageOverrides' | 'position' | 'referenceElement'>>, HTMLProps<HTMLArcgisZoomElement> {
+  onarcgisPropertyChange?: EventHandler<HTMLArcgisZoomElement["arcgisPropertyChange"]>;
+  onarcgisReady?: EventHandler<HTMLArcgisZoomElement["arcgisReady"]>;
 }
 
 declare module "react" {
-  namespace createElement.JSX {
+  namespace JSX {
     interface IntrinsicElements {
       "arcgis-area-measurement-2d": ReactArcgisAreaMeasurement2d;
       "arcgis-area-measurement-3d": ReactArcgisAreaMeasurement3d;
@@ -510,7 +477,7 @@ declare module "react" {
       "arcgis-daylight": ReactArcgisDaylight;
       "arcgis-directional-pad": ReactArcgisDirectionalPad;
       "arcgis-directions": ReactArcgisDirections;
-      "arcgis-directline-measurement-3d": ReactArcgisDirectLineMeasurement3d;
+      "arcgis-directline-measurement-3d": ReactArcgisDirectlineMeasurement3d;
       "arcgis-distance-measurement-2d": ReactArcgisDistanceMeasurement2d;
       "arcgis-editor": ReactArcgisEditor;
       "arcgis-elevation-profile": ReactArcgisElevationProfile;
@@ -528,6 +495,7 @@ declare module "react" {
       "arcgis-layer-list": ReactArcgisLayerList;
       "arcgis-legend": ReactArcgisLegend;
       "arcgis-line-of-sight": ReactArcgisLineOfSight;
+      "arcgis-link-chart": ReactArcgisLinkChart;
       "arcgis-locate": ReactArcgisLocate;
       "arcgis-map": ReactArcgisMap;
       "arcgis-measurement": ReactArcgisMeasurement;
@@ -574,7 +542,7 @@ declare module "react/jsx-runtime" {
       "arcgis-daylight": ReactArcgisDaylight;
       "arcgis-directional-pad": ReactArcgisDirectionalPad;
       "arcgis-directions": ReactArcgisDirections;
-      "arcgis-directline-measurement-3d": ReactArcgisDirectLineMeasurement3d;
+      "arcgis-directline-measurement-3d": ReactArcgisDirectlineMeasurement3d;
       "arcgis-distance-measurement-2d": ReactArcgisDistanceMeasurement2d;
       "arcgis-editor": ReactArcgisEditor;
       "arcgis-elevation-profile": ReactArcgisElevationProfile;
@@ -592,6 +560,7 @@ declare module "react/jsx-runtime" {
       "arcgis-layer-list": ReactArcgisLayerList;
       "arcgis-legend": ReactArcgisLegend;
       "arcgis-line-of-sight": ReactArcgisLineOfSight;
+      "arcgis-link-chart": ReactArcgisLinkChart;
       "arcgis-locate": ReactArcgisLocate;
       "arcgis-map": ReactArcgisMap;
       "arcgis-measurement": ReactArcgisMeasurement;
@@ -638,7 +607,7 @@ declare module "react/jsx-dev-runtime" {
       "arcgis-daylight": ReactArcgisDaylight;
       "arcgis-directional-pad": ReactArcgisDirectionalPad;
       "arcgis-directions": ReactArcgisDirections;
-      "arcgis-directline-measurement-3d": ReactArcgisDirectLineMeasurement3d;
+      "arcgis-directline-measurement-3d": ReactArcgisDirectlineMeasurement3d;
       "arcgis-distance-measurement-2d": ReactArcgisDistanceMeasurement2d;
       "arcgis-editor": ReactArcgisEditor;
       "arcgis-elevation-profile": ReactArcgisElevationProfile;
@@ -656,6 +625,7 @@ declare module "react/jsx-dev-runtime" {
       "arcgis-layer-list": ReactArcgisLayerList;
       "arcgis-legend": ReactArcgisLegend;
       "arcgis-line-of-sight": ReactArcgisLineOfSight;
+      "arcgis-link-chart": ReactArcgisLinkChart;
       "arcgis-locate": ReactArcgisLocate;
       "arcgis-map": ReactArcgisMap;
       "arcgis-measurement": ReactArcgisMeasurement;