@arcgis/map-components 4.32.0-next.71 → 4.32.0-next.72

package/dist/types/react.d.ts

@@ -57,440 +57,382 @@ 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 { Ref, HTMLProps, EventHandler, SyntheticEvent } from 'react';
 
-interface ReactArcgisAreaMeasurement2d extends Partial<Pick<ArcgisAreaMeasurement2d, 'autoDestroyDisabled' | 'icon' | 'label' | 'position' | 'referenceElement' | 'unit' | 'unitOptions'>>, HTMLAttributes<HTMLArcgisAreaMeasurement2dElement> {
-  ref?: Ref<HTMLArcgisAreaMeasurement2dElement>;
-  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisAreaMeasurement2dElement["arcgisPropertyChange"]>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisAreaMeasurement2dElement["arcgisReady"]>>;
+interface ReactArcgisAreaMeasurement2d extends Partial<Pick<ArcgisAreaMeasurement2d, 'autoDestroyDisabled' | 'icon' | 'label' | 'position' | 'referenceElement' | 'unit' | 'unitOptions'>>, HTMLProps<HTMLArcgisAreaMeasurement2dElement> {
+  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisAreaMeasurement2dElement, HTMLArcgisAreaMeasurement2dElement["arcgisPropertyChange"]>>;
+  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisAreaMeasurement2dElement, HTMLArcgisAreaMeasurement2dElement["arcgisReady"]>>;
 }
 
-interface ReactArcgisAreaMeasurement3d extends Partial<Pick<ArcgisAreaMeasurement3d, 'autoDestroyDisabled' | 'icon' | 'label' | 'position' | 'referenceElement' | 'unit' | 'unitOptions'>>, HTMLAttributes<HTMLArcgisAreaMeasurement3dElement> {
-  ref?: Ref<HTMLArcgisAreaMeasurement3dElement>;
-  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisAreaMeasurement3dElement["arcgisPropertyChange"]>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisAreaMeasurement3dElement["arcgisReady"]>>;
+interface ReactArcgisAreaMeasurement3d extends Partial<Pick<ArcgisAreaMeasurement3d, 'autoDestroyDisabled' | 'icon' | 'label' | 'position' | 'referenceElement' | 'unit' | 'unitOptions'>>, HTMLProps<HTMLArcgisAreaMeasurement3dElement> {
+  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisAreaMeasurement3dElement, HTMLArcgisAreaMeasurement3dElement["arcgisPropertyChange"]>>;
+  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisAreaMeasurement3dElement, 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["arcgisPropertyChange"]>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisAttachmentsElement["arcgisReady"]>>;
+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<SyntheticEvent<HTMLArcgisAttachmentsElement, HTMLArcgisAttachmentsElement["arcgisPropertyChange"]>>;
+  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisAttachmentsElement, 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["arcgisPropertyChange"]>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisBasemapGalleryElement["arcgisReady"]>>;
+interface ReactArcgisBasemapGallery extends Partial<Pick<ArcgisBasemapGallery, 'activeBasemap' | 'autoDestroyDisabled' | 'disabled' | 'headingLevel' | 'icon' | 'label' | 'position' | 'referenceElement' | 'source'>>, HTMLProps<HTMLArcgisBasemapGalleryElement> {
+  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisBasemapGalleryElement, HTMLArcgisBasemapGalleryElement["arcgisPropertyChange"]>>;
+  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisBasemapGalleryElement, 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["arcgisPropertyChange"]>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisBasemapLayerListElement["arcgisReady"]>>;
-  onarcgisTriggerAction?: EventHandler<SyntheticEvent<HTMLArcgisBasemapLayerListElement["arcgisTriggerAction"]>>;
+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'>>, HTMLProps<HTMLArcgisBasemapLayerListElement> {
+  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisBasemapLayerListElement, HTMLArcgisBasemapLayerListElement["arcgisPropertyChange"]>>;
+  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisBasemapLayerListElement, HTMLArcgisBasemapLayerListElement["arcgisReady"]>>;
+  onarcgisTriggerAction?: EventHandler<SyntheticEvent<HTMLArcgisBasemapLayerListElement, 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["arcgisPropertyChange"]>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisBasemapToggleElement["arcgisReady"]>>;
+interface ReactArcgisBasemapToggle extends Partial<Pick<ArcgisBasemapToggle, 'autoDestroyDisabled' | 'icon' | 'label' | 'messageOverrides' | 'nextBasemap' | 'position' | 'referenceElement' | 'showTitle'>>, HTMLProps<HTMLArcgisBasemapToggleElement> {
+  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisBasemapToggleElement, HTMLArcgisBasemapToggleElement["arcgisPropertyChange"]>>;
+  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisBasemapToggleElement, 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["arcgisEdit"]>>;
-  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisBookmarksElement["arcgisPropertyChange"]>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisBookmarksElement["arcgisReady"]>>;
-  onarcgisSelect?: EventHandler<SyntheticEvent<HTMLArcgisBookmarksElement["arcgisSelect"]>>;
+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<SyntheticEvent<HTMLArcgisBookmarksElement, HTMLArcgisBookmarksElement["arcgisEdit"]>>;
+  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisBookmarksElement, HTMLArcgisBookmarksElement["arcgisPropertyChange"]>>;
+  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisBookmarksElement, HTMLArcgisBookmarksElement["arcgisReady"]>>;
+  onarcgisSelect?: EventHandler<SyntheticEvent<HTMLArcgisBookmarksElement, 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["arcgisPropertyChange"]>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisBuildingExplorerElement["arcgisReady"]>>;
+interface ReactArcgisBuildingExplorer extends Partial<Pick<ArcgisBuildingExplorer, 'autoDestroyDisabled' | 'headingLevel' | 'hideDisciplines' | 'hideLevels' | 'hidePhases' | 'icon' | 'label' | 'layers' | 'position' | 'referenceElement'>>, HTMLProps<HTMLArcgisBuildingExplorerElement> {
+  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisBuildingExplorerElement, HTMLArcgisBuildingExplorerElement["arcgisPropertyChange"]>>;
+  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisBuildingExplorerElement, 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["arcgisPropertyChange"]>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisCatalogLayerListElement["arcgisReady"]>>;
-  onarcgisTriggerAction?: EventHandler<SyntheticEvent<HTMLArcgisCatalogLayerListElement["arcgisTriggerAction"]>>;
+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'>>, HTMLProps<HTMLArcgisCatalogLayerListElement> {
+  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisCatalogLayerListElement, HTMLArcgisCatalogLayerListElement["arcgisPropertyChange"]>>;
+  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisCatalogLayerListElement, HTMLArcgisCatalogLayerListElement["arcgisReady"]>>;
+  onarcgisTriggerAction?: EventHandler<SyntheticEvent<HTMLArcgisCatalogLayerListElement, HTMLArcgisCatalogLayerListElement["arcgisTriggerAction"]>>;
 }
 
-interface ReactArcgisCompass extends Partial<Pick<ArcgisCompass, 'autoDestroyDisabled' | 'icon' | 'label' | 'messageOverrides' | 'position' | 'referenceElement'>>, HTMLAttributes<HTMLArcgisCompassElement> {
-  ref?: Ref<HTMLArcgisCompassElement>;
-  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisCompassElement["arcgisPropertyChange"]>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisCompassElement["arcgisReady"]>>;
+interface ReactArcgisCompass extends Partial<Pick<ArcgisCompass, 'autoDestroyDisabled' | 'icon' | 'label' | 'messageOverrides' | 'position' | 'referenceElement'>>, HTMLProps<HTMLArcgisCompassElement> {
+  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisCompassElement, HTMLArcgisCompassElement["arcgisPropertyChange"]>>;
+  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisCompassElement, 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["arcgisPropertyChange"]>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisCoordinateConversionElement["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'>>, HTMLProps<HTMLArcgisCoordinateConversionElement> {
+  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisCoordinateConversionElement, HTMLArcgisCoordinateConversionElement["arcgisPropertyChange"]>>;
+  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisCoordinateConversionElement, 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["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'>>, HTMLProps<HTMLArcgisDaylightElement> {
+  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisDaylightElement, HTMLArcgisDaylightElement["arcgisReady"]>>;
 }
 
-interface ReactArcgisDirectionalPad extends Partial<Pick<ArcgisDirectionalPad, 'autoDestroyDisabled' | 'disabled' | 'icon' | 'label' | 'position' | 'referenceElement' | 'visualScale'>>, HTMLAttributes<HTMLArcgisDirectionalPadElement> {
-  ref?: Ref<HTMLArcgisDirectionalPadElement>;
-  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisDirectionalPadElement["arcgisPropertyChange"]>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisDirectionalPadElement["arcgisReady"]>>;
+interface ReactArcgisDirectionalPad extends Partial<Pick<ArcgisDirectionalPad, 'autoDestroyDisabled' | 'disabled' | 'icon' | 'label' | 'position' | 'referenceElement' | 'visualScale'>>, HTMLProps<HTMLArcgisDirectionalPadElement> {
+  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisDirectionalPadElement, HTMLArcgisDirectionalPadElement["arcgisPropertyChange"]>>;
+  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisDirectionalPadElement, 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["arcgisPropertyChange"]>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisDirectionsElement["arcgisReady"]>>;
+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<SyntheticEvent<HTMLArcgisDirectionsElement, HTMLArcgisDirectionsElement["arcgisPropertyChange"]>>;
+  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisDirectionsElement, HTMLArcgisDirectionsElement["arcgisReady"]>>;
 }
 
-interface ReactArcgisDirectlineMeasurement3d extends Partial<Pick<ArcgisDirectLineMeasurement3d, 'autoDestroyDisabled' | 'icon' | 'label' | 'position' | 'referenceElement' | 'unit' | 'unitOptions'>>, HTMLAttributes<HTMLArcgisDirectlineMeasurement3dElement> {
-  ref?: Ref<HTMLArcgisDirectlineMeasurement3dElement>;
-  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisDirectlineMeasurement3dElement["arcgisPropertyChange"]>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisDirectlineMeasurement3dElement["arcgisReady"]>>;
+interface ReactArcgisDirectlineMeasurement3d extends Partial<Pick<ArcgisDirectLineMeasurement3d, 'autoDestroyDisabled' | 'icon' | 'label' | 'position' | 'referenceElement' | 'unit' | 'unitOptions'>>, HTMLProps<HTMLArcgisDirectlineMeasurement3dElement> {
+  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisDirectlineMeasurement3dElement, HTMLArcgisDirectlineMeasurement3dElement["arcgisPropertyChange"]>>;
+  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisDirectlineMeasurement3dElement, HTMLArcgisDirectlineMeasurement3dElement["arcgisReady"]>>;
 }
 
-interface ReactArcgisDistanceMeasurement2d extends Partial<Pick<ArcgisDistanceMeasurement2d, 'autoDestroyDisabled' | 'icon' | 'label' | 'position' | 'referenceElement' | 'unit' | 'unitOptions'>>, HTMLAttributes<HTMLArcgisDistanceMeasurement2dElement> {
-  ref?: Ref<HTMLArcgisDistanceMeasurement2dElement>;
-  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisDistanceMeasurement2dElement["arcgisPropertyChange"]>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisDistanceMeasurement2dElement["arcgisReady"]>>;
+interface ReactArcgisDistanceMeasurement2d extends Partial<Pick<ArcgisDistanceMeasurement2d, 'autoDestroyDisabled' | 'icon' | 'label' | 'position' | 'referenceElement' | 'unit' | 'unitOptions'>>, HTMLProps<HTMLArcgisDistanceMeasurement2dElement> {
+  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisDistanceMeasurement2dElement, HTMLArcgisDistanceMeasurement2dElement["arcgisPropertyChange"]>>;
+  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisDistanceMeasurement2dElement, 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["arcgisPropertyChange"]>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisEditorElement["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'>>, HTMLProps<HTMLArcgisEditorElement> {
+  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisEditorElement, HTMLArcgisEditorElement["arcgisPropertyChange"]>>;
+  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisEditorElement, 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["arcgisPropertyChange"]>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisElevationProfileElement["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'>>, HTMLProps<HTMLArcgisElevationProfileElement> {
+  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisElevationProfileElement, HTMLArcgisElevationProfileElement["arcgisPropertyChange"]>>;
+  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisElevationProfileElement, HTMLArcgisElevationProfileElement["arcgisReady"]>>;
 }
 
-interface ReactArcgisExpand extends Partial<Pick<ArcgisExpand, 'autoCollapse' | 'autoDestroyDisabled' | 'closeOnEsc' | 'collapseIcon' | 'collapseTooltip' | 'expanded' | 'expandIcon' | 'expandTooltip' | 'group' | 'icon' | 'iconNumber' | 'label' | 'mode' | 'placement' | 'position' | 'referenceElement'>>, HTMLAttributes<HTMLArcgisExpandElement> {
-  ref?: Ref<HTMLArcgisExpandElement>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisExpandElement["arcgisReady"]>>;
+interface ReactArcgisExpand extends Partial<Pick<ArcgisExpand, 'autoCollapse' | 'autoDestroyDisabled' | 'closeOnEsc' | 'collapseIcon' | 'collapseTooltip' | 'expanded' | 'expandIcon' | 'expandTooltip' | 'group' | 'icon' | 'iconNumber' | 'label' | 'mode' | 'placement' | 'position' | 'referenceElement'>>, HTMLProps<HTMLArcgisExpandElement> {
+  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisExpandElement, 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["arcgisPropertyChange"]>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisFeatureElement["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'>>, HTMLProps<HTMLArcgisFeatureElement> {
+  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisFeatureElement, HTMLArcgisFeatureElement["arcgisPropertyChange"]>>;
+  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisFeatureElement, 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["arcgisPropertyChange"]>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisFeatureFormElement["arcgisReady"]>>;
-  onarcgisSubmit?: EventHandler<SyntheticEvent<HTMLArcgisFeatureFormElement["arcgisSubmit"]>>;
-  onarcgisValueChange?: EventHandler<SyntheticEvent<HTMLArcgisFeatureFormElement["arcgisValueChange"]>>;
+interface ReactArcgisFeatureForm extends Partial<Pick<ArcgisFeatureForm, 'autoDestroyDisabled' | 'feature' | 'formTemplate' | 'groupDisplay' | 'headingLevel' | 'icon' | 'label' | 'layer' | 'position' | 'referenceElement' | 'timeZone'>>, HTMLProps<HTMLArcgisFeatureFormElement> {
+  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisFeatureFormElement, HTMLArcgisFeatureFormElement["arcgisPropertyChange"]>>;
+  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisFeatureFormElement, HTMLArcgisFeatureFormElement["arcgisReady"]>>;
+  onarcgisSubmit?: EventHandler<SyntheticEvent<HTMLArcgisFeatureFormElement, HTMLArcgisFeatureFormElement["arcgisSubmit"]>>;
+  onarcgisValueChange?: EventHandler<SyntheticEvent<HTMLArcgisFeatureFormElement, HTMLArcgisFeatureFormElement["arcgisValueChange"]>>;
 }
 
-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'>>, HTMLAttributes<HTMLArcgisFeatureTableElement> {
-  ref?: Ref<HTMLArcgisFeatureTableElement>;
-  onarcgisCellClick?: EventHandler<SyntheticEvent<HTMLArcgisFeatureTableElement["arcgisCellClick"]>>;
-  onarcgisCellKeydown?: EventHandler<SyntheticEvent<HTMLArcgisFeatureTableElement["arcgisCellKeydown"]>>;
-  onarcgisCellPointerout?: EventHandler<SyntheticEvent<HTMLArcgisFeatureTableElement["arcgisCellPointerout"]>>;
-  onarcgisCellPointerover?: EventHandler<SyntheticEvent<HTMLArcgisFeatureTableElement["arcgisCellPointerover"]>>;
-  onarcgisColumnReorder?: EventHandler<SyntheticEvent<HTMLArcgisFeatureTableElement["arcgisColumnReorder"]>>;
-  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisFeatureTableElement["arcgisPropertyChange"]>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisFeatureTableElement["arcgisReady"]>>;
-  onarcgisSelectionChange?: EventHandler<SyntheticEvent<HTMLArcgisFeatureTableElement["arcgisSelectionChange"]>>;
+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<SyntheticEvent<HTMLArcgisFeatureTableElement, HTMLArcgisFeatureTableElement["arcgisCellClick"]>>;
+  onarcgisCellKeydown?: EventHandler<SyntheticEvent<HTMLArcgisFeatureTableElement, HTMLArcgisFeatureTableElement["arcgisCellKeydown"]>>;
+  onarcgisCellPointerout?: EventHandler<SyntheticEvent<HTMLArcgisFeatureTableElement, HTMLArcgisFeatureTableElement["arcgisCellPointerout"]>>;
+  onarcgisCellPointerover?: EventHandler<SyntheticEvent<HTMLArcgisFeatureTableElement, HTMLArcgisFeatureTableElement["arcgisCellPointerover"]>>;
+  onarcgisColumnReorder?: EventHandler<SyntheticEvent<HTMLArcgisFeatureTableElement, HTMLArcgisFeatureTableElement["arcgisColumnReorder"]>>;
+  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisFeatureTableElement, HTMLArcgisFeatureTableElement["arcgisPropertyChange"]>>;
+  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisFeatureTableElement, HTMLArcgisFeatureTableElement["arcgisReady"]>>;
+  onarcgisSelectionChange?: EventHandler<SyntheticEvent<HTMLArcgisFeatureTableElement, 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["arcgisPropertyChange"]>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisFeatureTemplatesElement["arcgisReady"]>>;
-  onarcgisSelect?: EventHandler<SyntheticEvent<HTMLArcgisFeatureTemplatesElement["arcgisSelect"]>>;
+interface ReactArcgisFeatureTemplates extends Partial<Pick<ArcgisFeatureTemplates, 'autoDestroyDisabled' | 'enableListScroll' | 'filterFunction' | 'filterText' | 'groupBy' | 'headingLevel' | 'hideFilter' | 'icon' | 'label' | 'layers' | 'position' | 'referenceElement' | 'selectionMode'>>, HTMLProps<HTMLArcgisFeatureTemplatesElement> {
+  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisFeatureTemplatesElement, HTMLArcgisFeatureTemplatesElement["arcgisPropertyChange"]>>;
+  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisFeatureTemplatesElement, HTMLArcgisFeatureTemplatesElement["arcgisReady"]>>;
+  onarcgisSelect?: EventHandler<SyntheticEvent<HTMLArcgisFeatureTemplatesElement, HTMLArcgisFeatureTemplatesElement["arcgisSelect"]>>;
 }
 
-interface ReactArcgisFeatures extends Partial<Pick<ArcgisFeatures, 'actions' | 'autoDestroyDisabled' | 'collapsed' | 'content' | 'featureNavigationTop' | 'features' | 'featuresPerPage' | 'featuresTitle' | 'featureViewModelAbilities' | 'goToOverride' | 'headerActions' | '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["arcgisPropertyChange"]>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisFeaturesElement["arcgisReady"]>>;
-  onarcgisTriggerAction?: EventHandler<SyntheticEvent<HTMLArcgisFeaturesElement["arcgisTriggerAction"]>>;
+interface ReactArcgisFeatures extends Partial<Pick<ArcgisFeatures, 'actions' | 'autoDestroyDisabled' | 'collapsed' | 'content' | 'featureNavigationTop' | 'features' | 'featuresPerPage' | 'featuresTitle' | 'featureViewModelAbilities' | 'goToOverride' | 'headerActions' | 'headingLevel' | 'hideActionBar' | 'hideCloseButton' | 'hideFeatureNavigation' | 'hideFlow' | 'hideHeading' | 'hideSpinner' | 'icon' | 'includeDefaultActions' | 'label' | 'map' | 'position' | 'promises' | 'referenceElement' | 'selectedFeatureIndex' | 'showCollapseButton' | 'spatialReference' | 'timeZone'>>, HTMLProps<HTMLArcgisFeaturesElement> {
+  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisFeaturesElement, HTMLArcgisFeaturesElement["arcgisPropertyChange"]>>;
+  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisFeaturesElement, HTMLArcgisFeaturesElement["arcgisReady"]>>;
+  onarcgisTriggerAction?: EventHandler<SyntheticEvent<HTMLArcgisFeaturesElement, 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["arcgisReady"]>>;
+interface ReactArcgisFloorFilter extends Partial<Pick<ArcgisFloorFilter, 'autoDestroyDisabled' | 'facility' | 'headingLevel' | 'icon' | 'label' | 'level' | 'longNames' | 'position' | 'referenceElement' | 'site'>>, HTMLProps<HTMLArcgisFloorFilterElement> {
+  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisFloorFilterElement, HTMLArcgisFloorFilterElement["arcgisReady"]>>;
 }
 
-interface ReactArcgisFullscreen extends Partial<Pick<ArcgisFullscreen, 'autoDestroyDisabled' | 'element' | 'icon' | 'label' | 'messageOverrides' | 'position' | 'referenceElement'>>, HTMLAttributes<HTMLArcgisFullscreenElement> {
-  ref?: Ref<HTMLArcgisFullscreenElement>;
-  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisFullscreenElement["arcgisPropertyChange"]>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisFullscreenElement["arcgisReady"]>>;
+interface ReactArcgisFullscreen extends Partial<Pick<ArcgisFullscreen, 'autoDestroyDisabled' | 'element' | 'icon' | 'label' | 'messageOverrides' | 'position' | 'referenceElement'>>, HTMLProps<HTMLArcgisFullscreenElement> {
+  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisFullscreenElement, HTMLArcgisFullscreenElement["arcgisPropertyChange"]>>;
+  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisFullscreenElement, 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["arcgisPropertyChange"]>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisHistogramElement["arcgisReady"]>>;
+interface ReactArcgisHistogram extends Partial<Pick<ArcgisHistogram, 'autoDestroyDisabled' | 'average' | 'barCreatedFunction' | 'bins' | 'dataLineCreatedFunction' | 'dataLines' | 'icon' | 'label' | 'labelFormatFunction' | 'layout' | 'max' | 'min' | 'position' | 'referenceElement'>>, HTMLProps<HTMLArcgisHistogramElement> {
+  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisHistogramElement, HTMLArcgisHistogramElement["arcgisPropertyChange"]>>;
+  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisHistogramElement, 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["arcgisPropertyChange"]>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisHistogramRangeSliderElement["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'>>, HTMLProps<HTMLArcgisHistogramRangeSliderElement> {
+  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisHistogramRangeSliderElement, HTMLArcgisHistogramRangeSliderElement["arcgisPropertyChange"]>>;
+  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisHistogramRangeSliderElement, 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["arcgisGo"]>>;
-  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisHomeElement["arcgisPropertyChange"]>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisHomeElement["arcgisReady"]>>;
+interface ReactArcgisHome extends Partial<Pick<ArcgisHome, 'autoDestroyDisabled' | 'goToOverride' | 'icon' | 'label' | 'messageOverrides' | 'position' | 'referenceElement' | 'viewpoint'>>, HTMLProps<HTMLArcgisHomeElement> {
+  onarcgisGo?: EventHandler<SyntheticEvent<HTMLArcgisHomeElement, HTMLArcgisHomeElement["arcgisGo"]>>;
+  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisHomeElement, HTMLArcgisHomeElement["arcgisPropertyChange"]>>;
+  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisHomeElement, 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["arcgisPropertyChange"]>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisLayerListElement["arcgisReady"]>>;
-  onarcgisTriggerAction?: EventHandler<SyntheticEvent<HTMLArcgisLayerListElement["arcgisTriggerAction"]>>;
+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'>>, HTMLProps<HTMLArcgisLayerListElement> {
+  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisLayerListElement, HTMLArcgisLayerListElement["arcgisPropertyChange"]>>;
+  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisLayerListElement, HTMLArcgisLayerListElement["arcgisReady"]>>;
+  onarcgisTriggerAction?: EventHandler<SyntheticEvent<HTMLArcgisLayerListElement, 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["arcgisPropertyChange"]>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisLegendElement["arcgisReady"]>>;
+interface ReactArcgisLegend extends Partial<Pick<ArcgisLegend, 'activeLayerInfos' | 'autoDestroyDisabled' | 'basemapLegendVisible' | 'headingLevel' | 'hideLayersNotInCurrentView' | 'icon' | 'label' | 'layerInfos' | 'legendStyle' | 'position' | 'referenceElement' | 'respectLayerDefinitionExpression' | 'respectLayerVisibilityDisabled'>>, HTMLProps<HTMLArcgisLegendElement> {
+  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisLegendElement, HTMLArcgisLegendElement["arcgisPropertyChange"]>>;
+  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisLegendElement, HTMLArcgisLegendElement["arcgisReady"]>>;
 }
 
-interface ReactArcgisLineOfSight extends Partial<Pick<ArcgisLineOfSight, 'autoDestroyDisabled' | 'icon' | 'label' | 'position' | 'referenceElement'>>, HTMLAttributes<HTMLArcgisLineOfSightElement> {
-  ref?: Ref<HTMLArcgisLineOfSightElement>;
-  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisLineOfSightElement["arcgisPropertyChange"]>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisLineOfSightElement["arcgisReady"]>>;
+interface ReactArcgisLineOfSight extends Partial<Pick<ArcgisLineOfSight, 'autoDestroyDisabled' | 'icon' | 'label' | 'position' | 'referenceElement'>>, HTMLProps<HTMLArcgisLineOfSightElement> {
+  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisLineOfSightElement, HTMLArcgisLineOfSightElement["arcgisPropertyChange"]>>;
+  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisLineOfSightElement, 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["arcgisError"]>>;
-  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisLocateElement["arcgisPropertyChange"]>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisLocateElement["arcgisReady"]>>;
-  onarcgisSuccess?: EventHandler<SyntheticEvent<HTMLArcgisLocateElement["arcgisSuccess"]>>;
+interface ReactArcgisLocate extends Partial<Pick<ArcgisLocate, 'autoDestroyDisabled' | 'geolocationOptions' | 'goToLocationDisabled' | 'goToOverride' | 'graphic' | 'icon' | 'label' | 'messageOverrides' | 'popupDisabled' | 'position' | 'referenceElement' | 'scale'>>, HTMLProps<HTMLArcgisLocateElement> {
+  onarcgisError?: EventHandler<SyntheticEvent<HTMLArcgisLocateElement, HTMLArcgisLocateElement["arcgisError"]>>;
+  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisLocateElement, HTMLArcgisLocateElement["arcgisPropertyChange"]>>;
+  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisLocateElement, HTMLArcgisLocateElement["arcgisReady"]>>;
+  onarcgisSuccess?: EventHandler<SyntheticEvent<HTMLArcgisLocateElement, HTMLArcgisLocateElement["arcgisSuccess"]>>;
 }
 
-interface ReactArcgisMap extends Partial<Pick<ArcgisMap, 'allLayerViews' | 'autoDestroyDisabled' | 'background' | 'basemap' | 'basemapView' | 'constraints' | 'extent' | 'fatalError' | 'floors' | 'graphics' | 'ground' | 'highlightOptions' | 'highlights' | '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["arcgisViewChange"]>>;
-  onarcgisViewClick?: EventHandler<SyntheticEvent<HTMLArcgisMapElement["arcgisViewClick"]>>;
-  onarcgisViewDoubleClick?: EventHandler<SyntheticEvent<HTMLArcgisMapElement["arcgisViewDoubleClick"]>>;
-  onarcgisViewDrag?: EventHandler<SyntheticEvent<HTMLArcgisMapElement["arcgisViewDrag"]>>;
-  onarcgisViewHold?: EventHandler<SyntheticEvent<HTMLArcgisMapElement["arcgisViewHold"]>>;
-  onarcgisViewImmediateClick?: EventHandler<SyntheticEvent<HTMLArcgisMapElement["arcgisViewImmediateClick"]>>;
-  onarcgisViewImmediateDoubleClick?: EventHandler<SyntheticEvent<HTMLArcgisMapElement["arcgisViewImmediateDoubleClick"]>>;
-  onarcgisViewKeyDown?: EventHandler<SyntheticEvent<HTMLArcgisMapElement["arcgisViewKeyDown"]>>;
-  onarcgisViewKeyUp?: EventHandler<SyntheticEvent<HTMLArcgisMapElement["arcgisViewKeyUp"]>>;
-  onarcgisViewLayerviewCreate?: EventHandler<SyntheticEvent<HTMLArcgisMapElement["arcgisViewLayerviewCreate"]>>;
-  onarcgisViewLayerviewCreateError?: EventHandler<SyntheticEvent<HTMLArcgisMapElement["arcgisViewLayerviewCreateError"]>>;
-  onarcgisViewLayerviewDestroy?: EventHandler<SyntheticEvent<HTMLArcgisMapElement["arcgisViewLayerviewDestroy"]>>;
-  onarcgisViewMouseWheel?: EventHandler<SyntheticEvent<HTMLArcgisMapElement["arcgisViewMouseWheel"]>>;
-  onarcgisViewPointerDown?: EventHandler<SyntheticEvent<HTMLArcgisMapElement["arcgisViewPointerDown"]>>;
-  onarcgisViewPointerEnter?: EventHandler<SyntheticEvent<HTMLArcgisMapElement["arcgisViewPointerEnter"]>>;
-  onarcgisViewPointerLeave?: EventHandler<SyntheticEvent<HTMLArcgisMapElement["arcgisViewPointerLeave"]>>;
-  onarcgisViewPointerMove?: EventHandler<SyntheticEvent<HTMLArcgisMapElement["arcgisViewPointerMove"]>>;
-  onarcgisViewPointerUp?: EventHandler<SyntheticEvent<HTMLArcgisMapElement["arcgisViewPointerUp"]>>;
-  onarcgisViewReadyChange?: EventHandler<SyntheticEvent<HTMLArcgisMapElement["arcgisViewReadyChange"]>>;
+interface ReactArcgisMap extends Partial<Pick<ArcgisMap, 'allLayerViews' | 'autoDestroyDisabled' | 'background' | 'basemap' | 'basemapView' | 'constraints' | 'extent' | 'fatalError' | 'floors' | 'graphics' | 'ground' | 'highlightOptions' | 'highlights' | 'ipsInfo' | 'itemId' | 'layerViews' | 'map' | 'navigation' | 'padding' | 'popup' | 'popupDisabled' | 'resizeAlign' | 'rotation' | 'scale' | 'spatialReference' | 'theme' | 'timeExtent' | 'timeZone' | 'viewpoint' | 'zoom'>>, ArcgisMapSetterTypes, HTMLProps<HTMLArcgisMapElement> {
+  onarcgisViewChange?: EventHandler<SyntheticEvent<HTMLArcgisMapElement, HTMLArcgisMapElement["arcgisViewChange"]>>;
+  onarcgisViewClick?: EventHandler<SyntheticEvent<HTMLArcgisMapElement, HTMLArcgisMapElement["arcgisViewClick"]>>;
+  onarcgisViewDoubleClick?: EventHandler<SyntheticEvent<HTMLArcgisMapElement, HTMLArcgisMapElement["arcgisViewDoubleClick"]>>;
+  onarcgisViewDrag?: EventHandler<SyntheticEvent<HTMLArcgisMapElement, HTMLArcgisMapElement["arcgisViewDrag"]>>;
+  onarcgisViewHold?: EventHandler<SyntheticEvent<HTMLArcgisMapElement, HTMLArcgisMapElement["arcgisViewHold"]>>;
+  onarcgisViewImmediateClick?: EventHandler<SyntheticEvent<HTMLArcgisMapElement, HTMLArcgisMapElement["arcgisViewImmediateClick"]>>;
+  onarcgisViewImmediateDoubleClick?: EventHandler<SyntheticEvent<HTMLArcgisMapElement, HTMLArcgisMapElement["arcgisViewImmediateDoubleClick"]>>;
+  onarcgisViewKeyDown?: EventHandler<SyntheticEvent<HTMLArcgisMapElement, HTMLArcgisMapElement["arcgisViewKeyDown"]>>;
+  onarcgisViewKeyUp?: EventHandler<SyntheticEvent<HTMLArcgisMapElement, HTMLArcgisMapElement["arcgisViewKeyUp"]>>;
+  onarcgisViewLayerviewCreate?: EventHandler<SyntheticEvent<HTMLArcgisMapElement, HTMLArcgisMapElement["arcgisViewLayerviewCreate"]>>;
+  onarcgisViewLayerviewCreateError?: EventHandler<SyntheticEvent<HTMLArcgisMapElement, HTMLArcgisMapElement["arcgisViewLayerviewCreateError"]>>;
+  onarcgisViewLayerviewDestroy?: EventHandler<SyntheticEvent<HTMLArcgisMapElement, HTMLArcgisMapElement["arcgisViewLayerviewDestroy"]>>;
+  onarcgisViewMouseWheel?: EventHandler<SyntheticEvent<HTMLArcgisMapElement, HTMLArcgisMapElement["arcgisViewMouseWheel"]>>;
+  onarcgisViewPointerDown?: EventHandler<SyntheticEvent<HTMLArcgisMapElement, HTMLArcgisMapElement["arcgisViewPointerDown"]>>;
+  onarcgisViewPointerEnter?: EventHandler<SyntheticEvent<HTMLArcgisMapElement, HTMLArcgisMapElement["arcgisViewPointerEnter"]>>;
+  onarcgisViewPointerLeave?: EventHandler<SyntheticEvent<HTMLArcgisMapElement, HTMLArcgisMapElement["arcgisViewPointerLeave"]>>;
+  onarcgisViewPointerMove?: EventHandler<SyntheticEvent<HTMLArcgisMapElement, HTMLArcgisMapElement["arcgisViewPointerMove"]>>;
+  onarcgisViewPointerUp?: EventHandler<SyntheticEvent<HTMLArcgisMapElement, HTMLArcgisMapElement["arcgisViewPointerUp"]>>;
+  onarcgisViewReadyChange?: EventHandler<SyntheticEvent<HTMLArcgisMapElement, 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["arcgisPropertyChange"]>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisMeasurementElement["arcgisReady"]>>;
+interface ReactArcgisMeasurement extends Partial<Pick<ArcgisMeasurement, 'activeTool' | 'areaUnit' | 'autoDestroyDisabled' | 'icon' | 'label' | 'linearUnit' | 'position' | 'referenceElement'>>, HTMLProps<HTMLArcgisMeasurementElement> {
+  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisMeasurementElement, HTMLArcgisMeasurementElement["arcgisPropertyChange"]>>;
+  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisMeasurementElement, HTMLArcgisMeasurementElement["arcgisReady"]>>;
 }
 
-interface ReactArcgisNavigationToggle extends Partial<Pick<ArcgisNavigationToggle, 'autoDestroyDisabled' | 'icon' | 'label' | 'layout' | 'position' | 'referenceElement'>>, HTMLAttributes<HTMLArcgisNavigationToggleElement> {
-  ref?: Ref<HTMLArcgisNavigationToggleElement>;
-  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisNavigationToggleElement["arcgisPropertyChange"]>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisNavigationToggleElement["arcgisReady"]>>;
+interface ReactArcgisNavigationToggle extends Partial<Pick<ArcgisNavigationToggle, 'autoDestroyDisabled' | 'icon' | 'label' | 'layout' | 'position' | 'referenceElement'>>, HTMLProps<HTMLArcgisNavigationToggleElement> {
+  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisNavigationToggleElement, HTMLArcgisNavigationToggleElement["arcgisPropertyChange"]>>;
+  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisNavigationToggleElement, 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["arcgisPropertyChange"]>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisOrientedImageryViewerElement["arcgisReady"]>>;
+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<SyntheticEvent<HTMLArcgisOrientedImageryViewerElement, HTMLArcgisOrientedImageryViewerElement["arcgisPropertyChange"]>>;
+  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisOrientedImageryViewerElement, HTMLArcgisOrientedImageryViewerElement["arcgisReady"]>>;
 }
 
-interface ReactArcgisPlacement extends Partial<Pick<ArcgisPlacement, 'position' | 'referenceElement'>>, HTMLAttributes<HTMLArcgisPlacementElement> {
-  ref?: Ref<HTMLArcgisPlacementElement>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisPlacementElement["arcgisReady"]>>;
+interface ReactArcgisPlacement extends Partial<Pick<ArcgisPlacement, 'position' | 'referenceElement'>>, HTMLProps<HTMLArcgisPlacementElement> {
+  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisPlacementElement, 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["arcgisComplete"]>>;
-  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisPrintElement["arcgisPropertyChange"]>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisPrintElement["arcgisReady"]>>;
-  onarcgisSubmit?: EventHandler<SyntheticEvent<HTMLArcgisPrintElement["arcgisSubmit"]>>;
+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<SyntheticEvent<HTMLArcgisPrintElement, HTMLArcgisPrintElement["arcgisComplete"]>>;
+  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisPrintElement, HTMLArcgisPrintElement["arcgisPropertyChange"]>>;
+  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisPrintElement, HTMLArcgisPrintElement["arcgisReady"]>>;
+  onarcgisSubmit?: EventHandler<SyntheticEvent<HTMLArcgisPrintElement, 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["arcgisReady"]>>;
+interface ReactArcgisScaleBar extends Partial<Pick<ArcgisScaleBar, 'autoDestroyDisabled' | 'barStyle' | 'icon' | 'label' | 'messageOverrides' | 'position' | 'referenceElement' | 'unit'>>, HTMLProps<HTMLArcgisScaleBarElement> {
+  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisScaleBarElement, 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["arcgisPropertyChange"]>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisScaleRangeSliderElement["arcgisReady"]>>;
+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<SyntheticEvent<HTMLArcgisScaleRangeSliderElement, HTMLArcgisScaleRangeSliderElement["arcgisPropertyChange"]>>;
+  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisScaleRangeSliderElement, 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' | 'highlights' | '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["arcgisViewChange"]>>;
-  onarcgisViewClick?: EventHandler<SyntheticEvent<HTMLArcgisSceneElement["arcgisViewClick"]>>;
-  onarcgisViewDoubleClick?: EventHandler<SyntheticEvent<HTMLArcgisSceneElement["arcgisViewDoubleClick"]>>;
-  onarcgisViewDrag?: EventHandler<SyntheticEvent<HTMLArcgisSceneElement["arcgisViewDrag"]>>;
-  onarcgisViewHold?: EventHandler<SyntheticEvent<HTMLArcgisSceneElement["arcgisViewHold"]>>;
-  onarcgisViewImmediateClick?: EventHandler<SyntheticEvent<HTMLArcgisSceneElement["arcgisViewImmediateClick"]>>;
-  onarcgisViewImmediateDoubleClick?: EventHandler<SyntheticEvent<HTMLArcgisSceneElement["arcgisViewImmediateDoubleClick"]>>;
-  onarcgisViewKeyDown?: EventHandler<SyntheticEvent<HTMLArcgisSceneElement["arcgisViewKeyDown"]>>;
-  onarcgisViewKeyUp?: EventHandler<SyntheticEvent<HTMLArcgisSceneElement["arcgisViewKeyUp"]>>;
-  onarcgisViewLayerviewCreate?: EventHandler<SyntheticEvent<HTMLArcgisSceneElement["arcgisViewLayerviewCreate"]>>;
-  onarcgisViewLayerviewCreateError?: EventHandler<SyntheticEvent<HTMLArcgisSceneElement["arcgisViewLayerviewCreateError"]>>;
-  onarcgisViewLayerviewDestroy?: EventHandler<SyntheticEvent<HTMLArcgisSceneElement["arcgisViewLayerviewDestroy"]>>;
-  onarcgisViewMouseWheel?: EventHandler<SyntheticEvent<HTMLArcgisSceneElement["arcgisViewMouseWheel"]>>;
-  onarcgisViewPointerDown?: EventHandler<SyntheticEvent<HTMLArcgisSceneElement["arcgisViewPointerDown"]>>;
-  onarcgisViewPointerEnter?: EventHandler<SyntheticEvent<HTMLArcgisSceneElement["arcgisViewPointerEnter"]>>;
-  onarcgisViewPointerLeave?: EventHandler<SyntheticEvent<HTMLArcgisSceneElement["arcgisViewPointerLeave"]>>;
-  onarcgisViewPointerMove?: EventHandler<SyntheticEvent<HTMLArcgisSceneElement["arcgisViewPointerMove"]>>;
-  onarcgisViewPointerUp?: EventHandler<SyntheticEvent<HTMLArcgisSceneElement["arcgisViewPointerUp"]>>;
-  onarcgisViewReadyChange?: EventHandler<SyntheticEvent<HTMLArcgisSceneElement["arcgisViewReadyChange"]>>;
+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' | 'highlights' | 'itemId' | 'layerViews' | 'map' | 'navigation' | 'padding' | 'popup' | 'popupDisabled' | 'qualityProfile' | 'scale' | 'spatialReference' | 'theme' | 'timeExtent' | 'viewingMode' | 'viewpoint' | 'zoom'>>, ArcgisSceneSetterTypes, HTMLProps<HTMLArcgisSceneElement> {
+  onarcgisViewChange?: EventHandler<SyntheticEvent<HTMLArcgisSceneElement, HTMLArcgisSceneElement["arcgisViewChange"]>>;
+  onarcgisViewClick?: EventHandler<SyntheticEvent<HTMLArcgisSceneElement, HTMLArcgisSceneElement["arcgisViewClick"]>>;
+  onarcgisViewDoubleClick?: EventHandler<SyntheticEvent<HTMLArcgisSceneElement, HTMLArcgisSceneElement["arcgisViewDoubleClick"]>>;
+  onarcgisViewDrag?: EventHandler<SyntheticEvent<HTMLArcgisSceneElement, HTMLArcgisSceneElement["arcgisViewDrag"]>>;
+  onarcgisViewHold?: EventHandler<SyntheticEvent<HTMLArcgisSceneElement, HTMLArcgisSceneElement["arcgisViewHold"]>>;
+  onarcgisViewImmediateClick?: EventHandler<SyntheticEvent<HTMLArcgisSceneElement, HTMLArcgisSceneElement["arcgisViewImmediateClick"]>>;
+  onarcgisViewImmediateDoubleClick?: EventHandler<SyntheticEvent<HTMLArcgisSceneElement, HTMLArcgisSceneElement["arcgisViewImmediateDoubleClick"]>>;
+  onarcgisViewKeyDown?: EventHandler<SyntheticEvent<HTMLArcgisSceneElement, HTMLArcgisSceneElement["arcgisViewKeyDown"]>>;
+  onarcgisViewKeyUp?: EventHandler<SyntheticEvent<HTMLArcgisSceneElement, HTMLArcgisSceneElement["arcgisViewKeyUp"]>>;
+  onarcgisViewLayerviewCreate?: EventHandler<SyntheticEvent<HTMLArcgisSceneElement, HTMLArcgisSceneElement["arcgisViewLayerviewCreate"]>>;
+  onarcgisViewLayerviewCreateError?: EventHandler<SyntheticEvent<HTMLArcgisSceneElement, HTMLArcgisSceneElement["arcgisViewLayerviewCreateError"]>>;
+  onarcgisViewLayerviewDestroy?: EventHandler<SyntheticEvent<HTMLArcgisSceneElement, HTMLArcgisSceneElement["arcgisViewLayerviewDestroy"]>>;
+  onarcgisViewMouseWheel?: EventHandler<SyntheticEvent<HTMLArcgisSceneElement, HTMLArcgisSceneElement["arcgisViewMouseWheel"]>>;
+  onarcgisViewPointerDown?: EventHandler<SyntheticEvent<HTMLArcgisSceneElement, HTMLArcgisSceneElement["arcgisViewPointerDown"]>>;
+  onarcgisViewPointerEnter?: EventHandler<SyntheticEvent<HTMLArcgisSceneElement, HTMLArcgisSceneElement["arcgisViewPointerEnter"]>>;
+  onarcgisViewPointerLeave?: EventHandler<SyntheticEvent<HTMLArcgisSceneElement, HTMLArcgisSceneElement["arcgisViewPointerLeave"]>>;
+  onarcgisViewPointerMove?: EventHandler<SyntheticEvent<HTMLArcgisSceneElement, HTMLArcgisSceneElement["arcgisViewPointerMove"]>>;
+  onarcgisViewPointerUp?: EventHandler<SyntheticEvent<HTMLArcgisSceneElement, HTMLArcgisSceneElement["arcgisViewPointerUp"]>>;
+  onarcgisViewReadyChange?: EventHandler<SyntheticEvent<HTMLArcgisSceneElement, 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["arcgisBlur"]>>;
-  onarcgisClear?: EventHandler<SyntheticEvent<HTMLArcgisSearchElement["arcgisClear"]>>;
-  onarcgisComplete?: EventHandler<SyntheticEvent<HTMLArcgisSearchElement["arcgisComplete"]>>;
-  onarcgisFocus?: EventHandler<SyntheticEvent<HTMLArcgisSearchElement["arcgisFocus"]>>;
-  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisSearchElement["arcgisPropertyChange"]>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisSearchElement["arcgisReady"]>>;
-  onarcgisSelectResult?: EventHandler<SyntheticEvent<HTMLArcgisSearchElement["arcgisSelectResult"]>>;
-  onarcgisStart?: EventHandler<SyntheticEvent<HTMLArcgisSearchElement["arcgisStart"]>>;
-  onarcgisSuggestComplete?: EventHandler<SyntheticEvent<HTMLArcgisSearchElement["arcgisSuggestComplete"]>>;
-  onarcgisSuggestStart?: EventHandler<SyntheticEvent<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'>>, HTMLAttributes<HTMLArcgisShadowCastElement> {
-  ref?: Ref<HTMLArcgisShadowCastElement>;
-  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisShadowCastElement["arcgisPropertyChange"]>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisShadowCastElement["arcgisReady"]>>;
-}
-
-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' | 'selectionManagementStyle' | 'showSnappingControlsElementsHeader' | 'snappingOptions' | 'tooltipOptions'>>, HTMLAttributes<HTMLArcgisSketchElement> {
-  ref?: Ref<HTMLArcgisSketchElement>;
-  onarcgisCreate?: EventHandler<SyntheticEvent<HTMLArcgisSketchElement["arcgisCreate"]>>;
-  onarcgisDelete?: EventHandler<SyntheticEvent<HTMLArcgisSketchElement["arcgisDelete"]>>;
-  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisSketchElement["arcgisPropertyChange"]>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisSketchElement["arcgisReady"]>>;
-  onarcgisRedo?: EventHandler<SyntheticEvent<HTMLArcgisSketchElement["arcgisRedo"]>>;
-  onarcgisUndo?: EventHandler<SyntheticEvent<HTMLArcgisSketchElement["arcgisUndo"]>>;
-  onarcgisUpdate?: EventHandler<SyntheticEvent<HTMLArcgisSketchElement["arcgisUpdate"]>>;
-}
-
-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["arcgisPropertyChange"]>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisSliceElement["arcgisReady"]>>;
-}
-
-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["arcgisMaxChange"]>>;
-  onarcgisMaxClick?: EventHandler<SyntheticEvent<HTMLArcgisSliderElement["arcgisMaxClick"]>>;
-  onarcgisMinChange?: EventHandler<SyntheticEvent<HTMLArcgisSliderElement["arcgisMinChange"]>>;
-  onarcgisMinClick?: EventHandler<SyntheticEvent<HTMLArcgisSliderElement["arcgisMinClick"]>>;
-  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisSliderElement["arcgisPropertyChange"]>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisSliderElement["arcgisReady"]>>;
-  onarcgisSegmentClick?: EventHandler<SyntheticEvent<HTMLArcgisSliderElement["arcgisSegmentClick"]>>;
-  onarcgisSegmentDrag?: EventHandler<SyntheticEvent<HTMLArcgisSliderElement["arcgisSegmentDrag"]>>;
-  onarcgisThumbChange?: EventHandler<SyntheticEvent<HTMLArcgisSliderElement["arcgisThumbChange"]>>;
-  onarcgisThumbClick?: EventHandler<SyntheticEvent<HTMLArcgisSliderElement["arcgisThumbClick"]>>;
-  onarcgisThumbDrag?: EventHandler<SyntheticEvent<HTMLArcgisSliderElement["arcgisThumbDrag"]>>;
-  onarcgisTickClick?: EventHandler<SyntheticEvent<HTMLArcgisSliderElement["arcgisTickClick"]>>;
-  onarcgisTrackClick?: EventHandler<SyntheticEvent<HTMLArcgisSliderElement["arcgisTrackClick"]>>;
-}
-
-interface ReactArcgisSwipe extends Partial<Pick<ArcgisSwipe, 'autoDestroyDisabled' | 'direction' | 'disabled' | 'hideDivider' | 'hideHandle' | 'icon' | 'label' | 'leadingLayers' | 'messageOverrides' | 'position' | 'referenceElement' | 'swipePosition' | 'trailingLayers'>>, HTMLAttributes<HTMLArcgisSwipeElement> {
-  ref?: Ref<HTMLArcgisSwipeElement>;
-  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisSwipeElement["arcgisPropertyChange"]>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisSwipeElement["arcgisReady"]>>;
-}
-
-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["arcgisPropertyChange"]>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisTableListElement["arcgisReady"]>>;
-  onarcgisTriggerAction?: EventHandler<SyntheticEvent<HTMLArcgisTableListElement["arcgisTriggerAction"]>>;
-}
-
-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["arcgisPropertyChange"]>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisTimeSliderElement["arcgisReady"]>>;
-  onarcgisTriggerAction?: EventHandler<SyntheticEvent<HTMLArcgisTimeSliderElement["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["arcgisComplete"]>>;
-  onarcgisError?: EventHandler<SyntheticEvent<HTMLArcgisTrackElement["arcgisError"]>>;
-  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisTrackElement["arcgisPropertyChange"]>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisTrackElement["arcgisReady"]>>;
-}
-
-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' | 'visibleElementsStructuralAttachmentAssociationsSettingsColorPicker' | 'visibleElementsStructuralAttachmentAssociationsSettingsStylePicker' | 'visibleElementsStructuralAttachmentAssociationsSettingsWidthInput'>>, HTMLAttributes<HTMLArcgisUtilityNetworkAssociationsElement> {
-  ref?: Ref<HTMLArcgisUtilityNetworkAssociationsElement>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisUtilityNetworkAssociationsElement["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["arcgisAddFlag"]>>;
-  onarcgisAddFlagComplete?: EventHandler<SyntheticEvent<HTMLArcgisUtilityNetworkTraceElement["arcgisAddFlagComplete"]>>;
-  onarcgisAddFlagError?: EventHandler<SyntheticEvent<HTMLArcgisUtilityNetworkTraceElement["arcgisAddFlagError"]>>;
-  onarcgisAddResultArea?: EventHandler<SyntheticEvent<HTMLArcgisUtilityNetworkTraceElement["arcgisAddResultArea"]>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisUtilityNetworkTraceElement["arcgisReady"]>>;
-  onarcgisRemoveResultArea?: EventHandler<SyntheticEvent<HTMLArcgisUtilityNetworkTraceElement["arcgisRemoveResultArea"]>>;
-}
-
-interface ReactArcgisUtilityNetworkValidateTopology extends Partial<Pick<ArcgisUtilityNetworkValidateTopology, 'extentToValidate' | 'position' | 'referenceElement' | 'utilityNetwork'>>, HTMLAttributes<HTMLArcgisUtilityNetworkValidateTopologyElement> {
-  ref?: Ref<HTMLArcgisUtilityNetworkValidateTopologyElement>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisUtilityNetworkValidateTopologyElement["arcgisReady"]>>;
-}
-
-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["arcgisAnimate"]>>;
-  onarcgisNext?: EventHandler<SyntheticEvent<HTMLArcgisValuePickerElement["arcgisNext"]>>;
-  onarcgisPause?: EventHandler<SyntheticEvent<HTMLArcgisValuePickerElement["arcgisPause"]>>;
-  onarcgisPlay?: EventHandler<SyntheticEvent<HTMLArcgisValuePickerElement["arcgisPlay"]>>;
-  onarcgisPrevious?: EventHandler<SyntheticEvent<HTMLArcgisValuePickerElement["arcgisPrevious"]>>;
-  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisValuePickerElement["arcgisPropertyChange"]>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisValuePickerElement["arcgisReady"]>>;
+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<SyntheticEvent<HTMLArcgisSearchElement, HTMLArcgisSearchElement["arcgisBlur"]>>;
+  onarcgisClear?: EventHandler<SyntheticEvent<HTMLArcgisSearchElement, HTMLArcgisSearchElement["arcgisClear"]>>;
+  onarcgisComplete?: EventHandler<SyntheticEvent<HTMLArcgisSearchElement, HTMLArcgisSearchElement["arcgisComplete"]>>;
+  onarcgisFocus?: EventHandler<SyntheticEvent<HTMLArcgisSearchElement, HTMLArcgisSearchElement["arcgisFocus"]>>;
+  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisSearchElement, HTMLArcgisSearchElement["arcgisPropertyChange"]>>;
+  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisSearchElement, HTMLArcgisSearchElement["arcgisReady"]>>;
+  onarcgisSelectResult?: EventHandler<SyntheticEvent<HTMLArcgisSearchElement, HTMLArcgisSearchElement["arcgisSelectResult"]>>;
+  onarcgisStart?: EventHandler<SyntheticEvent<HTMLArcgisSearchElement, HTMLArcgisSearchElement["arcgisStart"]>>;
+  onarcgisSuggestComplete?: EventHandler<SyntheticEvent<HTMLArcgisSearchElement, HTMLArcgisSearchElement["arcgisSuggestComplete"]>>;
+  onarcgisSuggestStart?: EventHandler<SyntheticEvent<HTMLArcgisSearchElement, HTMLArcgisSearchElement["arcgisSuggestStart"]>>;
 }
 
-interface ReactArcgisVersionManagement extends Partial<Pick<ArcgisVersionManagement, 'allowEditingDisabled' | 'autoDestroyDisabled' | 'closable' | 'icon' | 'initialVersionInfos' | 'label' | 'messageOverrides' | 'mode' | 'pageSize' | 'position' | 'referenceElement' | 'versioningStates' | 'view'>>, HTMLAttributes<HTMLArcgisVersionManagementElement> {
-  ref?: Ref<HTMLArcgisVersionManagementElement>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisVersionManagementElement["arcgisReady"]>>;
-  onarcgisVersioningStateChanged?: EventHandler<SyntheticEvent<HTMLArcgisVersionManagementElement["arcgisVersioningStateChanged"]>>;
+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<SyntheticEvent<HTMLArcgisShadowCastElement, HTMLArcgisShadowCastElement["arcgisPropertyChange"]>>;
+  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisShadowCastElement, HTMLArcgisShadowCastElement["arcgisReady"]>>;
 }
 
-interface ReactArcgisWeather extends Partial<Pick<ArcgisWeather, 'autoDestroyDisabled' | 'headingLevel' | 'hideHeader' | 'icon' | 'label' | 'position' | 'referenceElement'>>, HTMLAttributes<HTMLArcgisWeatherElement> {
-  ref?: Ref<HTMLArcgisWeatherElement>;
-  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisWeatherElement["arcgisPropertyChange"]>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisWeatherElement["arcgisReady"]>>;
+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' | 'selectionManagementStyle' | 'showSnappingControlsElementsHeader' | 'snappingOptions' | 'tooltipOptions'>>, HTMLProps<HTMLArcgisSketchElement> {
+  onarcgisCreate?: EventHandler<SyntheticEvent<HTMLArcgisSketchElement, HTMLArcgisSketchElement["arcgisCreate"]>>;
+  onarcgisDelete?: EventHandler<SyntheticEvent<HTMLArcgisSketchElement, HTMLArcgisSketchElement["arcgisDelete"]>>;
+  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisSketchElement, HTMLArcgisSketchElement["arcgisPropertyChange"]>>;
+  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisSketchElement, HTMLArcgisSketchElement["arcgisReady"]>>;
+  onarcgisRedo?: EventHandler<SyntheticEvent<HTMLArcgisSketchElement, HTMLArcgisSketchElement["arcgisRedo"]>>;
+  onarcgisUndo?: EventHandler<SyntheticEvent<HTMLArcgisSketchElement, HTMLArcgisSketchElement["arcgisUndo"]>>;
+  onarcgisUpdate?: EventHandler<SyntheticEvent<HTMLArcgisSketchElement, HTMLArcgisSketchElement["arcgisUpdate"]>>;
 }
 
-interface ReactArcgisZoom extends Partial<Pick<ArcgisZoom, 'autoDestroyDisabled' | 'icon' | 'label' | 'layout' | 'messageOverrides' | 'position' | 'referenceElement'>>, HTMLAttributes<HTMLArcgisZoomElement> {
-  ref?: Ref<HTMLArcgisZoomElement>;
-  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisZoomElement["arcgisPropertyChange"]>>;
-  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisZoomElement["arcgisReady"]>>;
+interface ReactArcgisSlice extends Partial<Pick<ArcgisSlice, 'autoDestroyDisabled' | 'excludedLayers' | 'excludeGroundSurface' | 'headingLevel' | 'icon' | 'label' | 'position' | 'referenceElement' | 'shape' | 'tiltEnabled'>>, HTMLProps<HTMLArcgisSliceElement> {
+  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisSliceElement, HTMLArcgisSliceElement["arcgisPropertyChange"]>>;
+  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisSliceElement, HTMLArcgisSliceElement["arcgisReady"]>>;
+}
+
+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'>>, HTMLProps<HTMLArcgisSliderElement> {
+  onarcgisMaxChange?: EventHandler<SyntheticEvent<HTMLArcgisSliderElement, HTMLArcgisSliderElement["arcgisMaxChange"]>>;
+  onarcgisMaxClick?: EventHandler<SyntheticEvent<HTMLArcgisSliderElement, HTMLArcgisSliderElement["arcgisMaxClick"]>>;
+  onarcgisMinChange?: EventHandler<SyntheticEvent<HTMLArcgisSliderElement, HTMLArcgisSliderElement["arcgisMinChange"]>>;
+  onarcgisMinClick?: EventHandler<SyntheticEvent<HTMLArcgisSliderElement, HTMLArcgisSliderElement["arcgisMinClick"]>>;
+  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisSliderElement, HTMLArcgisSliderElement["arcgisPropertyChange"]>>;
+  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisSliderElement, HTMLArcgisSliderElement["arcgisReady"]>>;
+  onarcgisSegmentClick?: EventHandler<SyntheticEvent<HTMLArcgisSliderElement, HTMLArcgisSliderElement["arcgisSegmentClick"]>>;
+  onarcgisSegmentDrag?: EventHandler<SyntheticEvent<HTMLArcgisSliderElement, HTMLArcgisSliderElement["arcgisSegmentDrag"]>>;
+  onarcgisThumbChange?: EventHandler<SyntheticEvent<HTMLArcgisSliderElement, HTMLArcgisSliderElement["arcgisThumbChange"]>>;
+  onarcgisThumbClick?: EventHandler<SyntheticEvent<HTMLArcgisSliderElement, HTMLArcgisSliderElement["arcgisThumbClick"]>>;
+  onarcgisThumbDrag?: EventHandler<SyntheticEvent<HTMLArcgisSliderElement, HTMLArcgisSliderElement["arcgisThumbDrag"]>>;
+  onarcgisTickClick?: EventHandler<SyntheticEvent<HTMLArcgisSliderElement, HTMLArcgisSliderElement["arcgisTickClick"]>>;
+  onarcgisTrackClick?: EventHandler<SyntheticEvent<HTMLArcgisSliderElement, HTMLArcgisSliderElement["arcgisTrackClick"]>>;
+}
+
+interface ReactArcgisSwipe extends Partial<Pick<ArcgisSwipe, 'autoDestroyDisabled' | 'direction' | 'disabled' | 'hideDivider' | 'hideHandle' | 'icon' | 'label' | 'leadingLayers' | 'messageOverrides' | 'position' | 'referenceElement' | 'swipePosition' | 'trailingLayers'>>, HTMLProps<HTMLArcgisSwipeElement> {
+  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisSwipeElement, HTMLArcgisSwipeElement["arcgisPropertyChange"]>>;
+  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisSwipeElement, HTMLArcgisSwipeElement["arcgisReady"]>>;
+}
+
+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'>>, HTMLProps<HTMLArcgisTableListElement> {
+  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisTableListElement, HTMLArcgisTableListElement["arcgisPropertyChange"]>>;
+  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisTableListElement, HTMLArcgisTableListElement["arcgisReady"]>>;
+  onarcgisTriggerAction?: EventHandler<SyntheticEvent<HTMLArcgisTableListElement, HTMLArcgisTableListElement["arcgisTriggerAction"]>>;
+}
+
+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<SyntheticEvent<HTMLArcgisTimeSliderElement, HTMLArcgisTimeSliderElement["arcgisPropertyChange"]>>;
+  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisTimeSliderElement, HTMLArcgisTimeSliderElement["arcgisReady"]>>;
+  onarcgisTriggerAction?: EventHandler<SyntheticEvent<HTMLArcgisTimeSliderElement, HTMLArcgisTimeSliderElement["arcgisTriggerAction"]>>;
+}
+
+interface ReactArcgisTrack extends Partial<Pick<ArcgisTrack, 'autoDestroyDisabled' | 'error' | 'geolocationOptions' | 'goToLocationDisabled' | 'goToOverride' | 'graphic' | 'icon' | 'label' | 'messageOverrides' | 'position' | 'positionFilterFunction' | 'referenceElement' | 'scale'>>, HTMLProps<HTMLArcgisTrackElement> {
+  onarcgisComplete?: EventHandler<SyntheticEvent<HTMLArcgisTrackElement, HTMLArcgisTrackElement["arcgisComplete"]>>;
+  onarcgisError?: EventHandler<SyntheticEvent<HTMLArcgisTrackElement, HTMLArcgisTrackElement["arcgisError"]>>;
+  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisTrackElement, HTMLArcgisTrackElement["arcgisPropertyChange"]>>;
+  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisTrackElement, HTMLArcgisTrackElement["arcgisReady"]>>;
+}
+
+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' | 'visibleElementsStructuralAttachmentAssociationsSettingsColorPicker' | 'visibleElementsStructuralAttachmentAssociationsSettingsStylePicker' | 'visibleElementsStructuralAttachmentAssociationsSettingsWidthInput'>>, HTMLProps<HTMLArcgisUtilityNetworkAssociationsElement> {
+  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisUtilityNetworkAssociationsElement, HTMLArcgisUtilityNetworkAssociationsElement["arcgisReady"]>>;
+}
+
+interface ReactArcgisUtilityNetworkTrace extends Partial<Pick<ArcgisUtilityNetworkTrace, 'defaultGraphicColor' | 'disabled' | 'enableResultArea' | 'flags' | 'gdbVersion' | 'inputSettings' | 'position' | 'referenceElement' | 'resultAreaProperties' | 'selectedTraces' | 'selectOnCompleteDisabled' | 'showGraphicsOnCompleteDisabled' | 'showSelectionAttributesDisabled'>>, HTMLProps<HTMLArcgisUtilityNetworkTraceElement> {
+  onarcgisAddFlag?: EventHandler<SyntheticEvent<HTMLArcgisUtilityNetworkTraceElement, HTMLArcgisUtilityNetworkTraceElement["arcgisAddFlag"]>>;
+  onarcgisAddFlagComplete?: EventHandler<SyntheticEvent<HTMLArcgisUtilityNetworkTraceElement, HTMLArcgisUtilityNetworkTraceElement["arcgisAddFlagComplete"]>>;
+  onarcgisAddFlagError?: EventHandler<SyntheticEvent<HTMLArcgisUtilityNetworkTraceElement, HTMLArcgisUtilityNetworkTraceElement["arcgisAddFlagError"]>>;
+  onarcgisAddResultArea?: EventHandler<SyntheticEvent<HTMLArcgisUtilityNetworkTraceElement, HTMLArcgisUtilityNetworkTraceElement["arcgisAddResultArea"]>>;
+  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisUtilityNetworkTraceElement, HTMLArcgisUtilityNetworkTraceElement["arcgisReady"]>>;
+  onarcgisRemoveResultArea?: EventHandler<SyntheticEvent<HTMLArcgisUtilityNetworkTraceElement, HTMLArcgisUtilityNetworkTraceElement["arcgisRemoveResultArea"]>>;
+}
+
+interface ReactArcgisUtilityNetworkValidateTopology extends Partial<Pick<ArcgisUtilityNetworkValidateTopology, 'extentToValidate' | 'position' | 'referenceElement' | 'utilityNetwork'>>, HTMLProps<HTMLArcgisUtilityNetworkValidateTopologyElement> {
+  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisUtilityNetworkValidateTopologyElement, HTMLArcgisUtilityNetworkValidateTopologyElement["arcgisReady"]>>;
+}
+
+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<SyntheticEvent<HTMLArcgisValuePickerElement, HTMLArcgisValuePickerElement["arcgisAnimate"]>>;
+  onarcgisNext?: EventHandler<SyntheticEvent<HTMLArcgisValuePickerElement, HTMLArcgisValuePickerElement["arcgisNext"]>>;
+  onarcgisPause?: EventHandler<SyntheticEvent<HTMLArcgisValuePickerElement, HTMLArcgisValuePickerElement["arcgisPause"]>>;
+  onarcgisPlay?: EventHandler<SyntheticEvent<HTMLArcgisValuePickerElement, HTMLArcgisValuePickerElement["arcgisPlay"]>>;
+  onarcgisPrevious?: EventHandler<SyntheticEvent<HTMLArcgisValuePickerElement, HTMLArcgisValuePickerElement["arcgisPrevious"]>>;
+  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisValuePickerElement, HTMLArcgisValuePickerElement["arcgisPropertyChange"]>>;
+  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisValuePickerElement, HTMLArcgisValuePickerElement["arcgisReady"]>>;
+}
+
+interface ReactArcgisVersionManagement extends Partial<Pick<ArcgisVersionManagement, 'allowEditingDisabled' | 'autoDestroyDisabled' | 'closable' | 'icon' | 'initialVersionInfos' | 'label' | 'messageOverrides' | 'mode' | 'pageSize' | 'position' | 'referenceElement' | 'versioningStates' | 'view'>>, HTMLProps<HTMLArcgisVersionManagementElement> {
+  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisVersionManagementElement, HTMLArcgisVersionManagementElement["arcgisReady"]>>;
+  onarcgisVersioningStateChanged?: EventHandler<SyntheticEvent<HTMLArcgisVersionManagementElement, HTMLArcgisVersionManagementElement["arcgisVersioningStateChanged"]>>;
+}
+
+interface ReactArcgisWeather extends Partial<Pick<ArcgisWeather, 'autoDestroyDisabled' | 'headingLevel' | 'hideHeader' | 'icon' | 'label' | 'position' | 'referenceElement'>>, HTMLProps<HTMLArcgisWeatherElement> {
+  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisWeatherElement, HTMLArcgisWeatherElement["arcgisPropertyChange"]>>;
+  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisWeatherElement, HTMLArcgisWeatherElement["arcgisReady"]>>;
+}
+
+interface ReactArcgisZoom extends Partial<Pick<ArcgisZoom, 'autoDestroyDisabled' | 'icon' | 'label' | 'layout' | 'messageOverrides' | 'position' | 'referenceElement'>>, HTMLProps<HTMLArcgisZoomElement> {
+  onarcgisPropertyChange?: EventHandler<SyntheticEvent<HTMLArcgisZoomElement, HTMLArcgisZoomElement["arcgisPropertyChange"]>>;
+  onarcgisReady?: EventHandler<SyntheticEvent<HTMLArcgisZoomElement, HTMLArcgisZoomElement["arcgisReady"]>>;
 }
 
 declare module "react" {