@reltio/components 1.4.1948 → 1.4.1949

package/cjs/ReadOnlyComplexAttribute/ReadOnlyComplexAttribute.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement, ReactNode } from 'react';
+import React, { ReactElement, ReactNode } from 'react';
 import { AttributeType, ComplexAttributeValue } from '@reltio/mdm-sdk';
 import { AdditionalControlsRenderer, ReadOnlyAttributeClasses } from '../types';
 export type ReadOnlyComplexAttributeProps<T> = {
@@ -13,4 +13,4 @@ export type ReadOnlyComplexAttributeProps<T> = {
     LabelRenderer?: (props: AdditionalControlsRenderer<ComplexAttributeValue>) => ReactElement;
     RightSlot?: (props: AdditionalControlsRenderer<ComplexAttributeValue>) => ReactElement;
 };
-export declare const ReadOnlyComplexAttribute: <T extends ComplexAttributeValue>({ attributeTypesList, attributeValue, label, expanded: expandedProp, children, showNonOv, attributeType, classes, LabelRenderer, RightSlot }: ReadOnlyComplexAttributeProps<T>) => JSX.Element;
+export declare const ReadOnlyComplexAttribute: <T extends ComplexAttributeValue>({ attributeTypesList, attributeValue, label, expanded: expandedProp, children, showNonOv, attributeType, classes, LabelRenderer, RightSlot }: ReadOnlyComplexAttributeProps<T>) => React.JSX.Element;

package/cjs/ReadOnlyImageAttributesLine/ReadOnlyImageAttributesLine.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { AttributeType, ImageAttributeValue, Paging, RequestNextPageOfAttributeValuesPayload } from '@reltio/mdm-sdk';
 import { ImageAttributeSize } from '../types';
 type Props = {
@@ -10,5 +10,5 @@ type Props = {
     showNonOv?: boolean;
     requestNextPageOfAttributeValues?: (payload: RequestNextPageOfAttributeValuesPayload) => void;
 };
-export declare const ReadOnlyImageAttributesLine: ({ attributeType, attributeValues, paging, parentUri, requestNextPageOfAttributeValues, showNonOv, imageSize }: Props) => JSX.Element;
+export declare const ReadOnlyImageAttributesLine: ({ attributeType, attributeValues, paging, parentUri, requestNextPageOfAttributeValues, showNonOv, imageSize }: Props) => React.JSX.Element;
 export {};

package/cjs/ReferenceAttribute/ReferenceAttribute.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { ReferenceAttributeValue } from '@reltio/mdm-sdk';
 import { ReadOnlyComplexAttributeProps } from '../ReadOnlyComplexAttribute';
-export declare const ReferenceAttribute: React.MemoExoticComponent<({ attributeValue, attributeType, ...otherProps }: ReadOnlyComplexAttributeProps<ReferenceAttributeValue>) => JSX.Element>;
+export declare const ReferenceAttribute: React.MemoExoticComponent<({ attributeValue, attributeType, ...otherProps }: ReadOnlyComplexAttributeProps<ReferenceAttributeValue>) => React.JSX.Element>;

package/cjs/RelationTypeSelector/RelationTypeSelector.d.ts

@@ -1,4 +1,4 @@
-import { ComponentProps } from 'react';
+import React, { ComponentProps } from 'react';
 import { TextFieldProps } from '@mui/material/TextField';
 import { DropDownSelector } from '../DropDownSelector';
 import { RelationOption as RelationOptionType } from '../types';
@@ -8,5 +8,5 @@ type Props = Omit<ComponentProps<typeof DropDownSelector>, 'value' | 'options' |
     onChange?: (value: RelationOptionType) => void;
     TextFieldProps?: TextFieldProps;
 };
-export declare const RelationTypeSelector: ({ value, options, onChange, TextFieldProps, ...otherProps }: Props) => JSX.Element;
+export declare const RelationTypeSelector: ({ value, options, onChange, TextFieldProps, ...otherProps }: Props) => React.JSX.Element;
 export {};

package/cjs/RelationTypeSelector/components/RelationOption/RelationOption.d.ts

@@ -3,7 +3,7 @@ export function RelationOption({ innerRef, innerProps, selectOption, data }: {
     innerProps: any;
     selectOption: any;
     data: any;
-}): JSX.Element;
+}): React.JSX.Element;
 export namespace RelationOption {
     namespace propTypes {
         let innerRef: PropTypes.Requireable<any>;
@@ -17,4 +17,5 @@ export namespace RelationOption {
         }>>;
     }
 }
+import React from 'react';
 import PropTypes from 'prop-types';

package/cjs/RelationTypesSelector/RelationTypesSelector.d.ts

@@ -13,5 +13,5 @@ type Props = {
     ListLabelProps?: MetadataTypesSelectorProps['ListLabelProps'];
     disabled?: boolean;
 };
-export declare const RelationTypesSelector: React.MemoExoticComponent<({ relationTypes, selectedRelationTypes, single, placeholder, enableEmptyValueUnderline, onChange, classes, ListLabelProps, disabled }: Props) => JSX.Element>;
+export declare const RelationTypesSelector: React.MemoExoticComponent<({ relationTypes, selectedRelationTypes, single, placeholder, enableEmptyValueUnderline, onChange, classes, ListLabelProps, disabled }: Props) => React.JSX.Element>;
 export {};

package/cjs/RelevanceScoreBadge/RelevanceScoreBadge.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import { MatchRuleSummary } from '@reltio/mdm-sdk';
 type Props = {
     className?: string;
     matchRuleSummaries?: MatchRuleSummary[];
 };
-export declare const RelevanceScoreBadge: ({ className, matchRuleSummaries }: Props) => JSX.Element;
+export declare const RelevanceScoreBadge: ({ className, matchRuleSummaries }: Props) => React.JSX.Element;
 export {};

package/cjs/ReltioGridLayout/ReltioGridLayout.d.ts

@@ -22,7 +22,7 @@ type Props<ViewConfig = Record<string, unknown>> = {
     onResize?: ReactGridLayoutProps['onResize'];
 };
 declare const _default: React.MemoExoticComponent<{
-    ({ views, layout, layoutOptions, onLayoutChanged, draggableHandle, LayoutItem, onRemove, onDrop, droppingItem, isDroppable, onDropDragOver, isStatic, classes, onResize }: Props<Record<string, unknown>>): JSX.Element;
+    ({ views, layout, layoutOptions, onLayoutChanged, draggableHandle, LayoutItem, onRemove, onDrop, droppingItem, isDroppable, onDropDragOver, isStatic, classes, onResize }: Props<Record<string, unknown>>): React.JSX.Element;
     displayName: string;
 }>;
 export default _default;

package/cjs/ReltioMap/ReltioMap.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 /// <reference types="google.maps" />
+import React from 'react';
 import { GoogleMapProps, MarkerClustererProps } from '@react-google-maps/api';
 import { DrawingModes, EntityMarker as Marker, MapBounds, Overlay, OverlayPath } from './types';
 type MarkerClustererOptions = MarkerClustererProps['options'];
@@ -25,5 +25,5 @@ type Props = {
     }) => void;
     onMarkerClicked?: (value: Marker) => void;
 };
-export declare const ReltioMap: ({ markers, mapKey, defaultZoom, defaultCenter, loadingElement, isSearchOnMapMove, isSearchEnabled, activeOverlay, overlayOptions, drawingModes, markerClusterer, markerClustererOptions, mapOptions, mapContainerClassName, onMapBoundsChanged, onOverlayUpdated, onMarkerClicked }: Props) => JSX.Element;
+export declare const ReltioMap: ({ markers, mapKey, defaultZoom, defaultCenter, loadingElement, isSearchOnMapMove, isSearchEnabled, activeOverlay, overlayOptions, drawingModes, markerClusterer, markerClustererOptions, mapOptions, mapContainerClassName, onMapBoundsChanged, onOverlayUpdated, onMarkerClicked }: Props) => React.JSX.Element;
 export {};

package/cjs/ReltioMap/components/EntityMarker/EntityMarker.d.ts

@@ -5,5 +5,5 @@ type Props = {
     marker: EntityMarkerType;
     onClick: (marker: EntityMarkerType) => void;
 } & Omit<MarkerProps, 'onClick' | 'icon' | 'position' | 'visible' | 'onMouseOver' | 'onMouseOut'>;
-declare const _default: React.MemoExoticComponent<({ marker, onClick, ...otherProps }: Props) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ marker, onClick, ...otherProps }: Props) => React.JSX.Element>;
 export default _default;

package/cjs/ReltioMap/components/TopCenterMapControls/TopCenterMapControls.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 type Props = {
     isSearchOnMapMove: boolean;
     onChangeIsSearchOnMapMove: (value: boolean) => void;
 };
-export declare const TopCenterMapControls: ({ isSearchOnMapMove, onChangeIsSearchOnMapMove }: Props) => JSX.Element;
+export declare const TopCenterMapControls: ({ isSearchOnMapMove, onChangeIsSearchOnMapMove }: Props) => React.JSX.Element;
 export {};

package/cjs/ReltioMap/components/TopRightMapControls/TopRightMapControls.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { DrawingMode, DrawingModes } from '../../types';
-export declare const ButtonWithTooltip: React.ForwardRefExoticComponent<Pick<{
+export declare const ButtonWithTooltip: React.ForwardRefExoticComponent<Omit<{
     tooltipTitle?: React.ReactNode;
     tooltipPlacement?: "bottom" | "left" | "right" | "top" | "bottom-end" | "bottom-start" | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start";
     showForDisabled?: boolean;
@@ -34,13 +34,9 @@ export declare const ButtonWithTooltip: React.ForwardRefExoticComponent<Pick<{
     tabIndex?: number;
     TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps>;
     touchRippleRef?: React.Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions>;
-}, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>> & {
+}, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     ref?: React.Ref<HTMLButtonElement>;
-}, "color" | "size" | "disabled" | "tabIndex" | "children" | "sx" | "action" | keyof import("@mui/material/OverridableComponent").CommonProps | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "href" | "startIcon" | "disableElevation" | "endIcon" | "fullWidth" | "variant">, "color" | "translate" | "hidden" | "size" | "disabled" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "sx" | "value" | "form" | "key" | keyof {
-    tooltipTitle?: React.ReactNode;
-    tooltipPlacement?: "bottom" | "left" | "right" | "top" | "bottom-end" | "bottom-start" | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start";
-    showForDisabled?: boolean;
-} | "name" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "action" | keyof import("@mui/material/OverridableComponent").CommonProps | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "type" | "href" | "startIcon" | "disableElevation" | "endIcon" | "fullWidth" | "variant"> & React.RefAttributes<HTMLElement>>;
+}, "color" | "size" | "disabled" | "tabIndex" | "children" | "sx" | "action" | keyof import("@mui/material/OverridableComponent").CommonProps | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "href" | "startIcon" | "disableElevation" | "endIcon" | "fullWidth" | "variant">, "ref"> & React.RefAttributes<HTMLElement>>;
 type Props = {
     onDrawingModeChanged: (value: DrawingMode | null) => void;
     drawingMode: DrawingMode | null;
@@ -48,5 +44,5 @@ type Props = {
     hasActiveOverlay: boolean;
     onClearOverlay: () => void;
 };
-export declare const TopRightMapControls: ({ drawingMode, drawingModes, hasActiveOverlay, onDrawingModeChanged, onClearOverlay }: Props) => JSX.Element;
+export declare const TopRightMapControls: ({ drawingMode, drawingModes, hasActiveOverlay, onDrawingModeChanged, onClearOverlay }: Props) => React.JSX.Element;
 export {};

package/cjs/RequiredMark/RequiredMark.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const RequiredMark: () => JSX.Element;
+import React from 'react';
+export declare const RequiredMark: () => React.JSX.Element;

package/cjs/ResizablePanes/ResizablePanes.d.ts

@@ -21,7 +21,7 @@ type Props = {
     onChange?: ({ size, percentageSize, isMaxSize, isMinSize }: OnChange) => void;
 };
 export declare const ResizablePanes: {
-    ({ className, children, orientation, primary, size, minSize, maxSize, allowResize, debounceInterval, onChange }: Props): JSX.Element;
+    ({ className, children, orientation, primary, size, minSize, maxSize, allowResize, debounceInterval, onChange }: Props): React.JSX.Element;
     displayName: string;
 };
 export {};

package/cjs/Roles/Roles.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 type Props = {
     className?: string;
     values: string[];
 };
-export declare const Roles: ({ className, values }: Props) => JSX.Element;
+export declare const Roles: ({ className, values }: Props) => React.JSX.Element;
 export {};

package/cjs/Roles/components/Role/Role.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 type Props = {
     value: string;
 };
-export declare const Role: ({ value }: Props) => JSX.Element;
+export declare const Role: ({ value }: Props) => React.JSX.Element;
 export {};

package/cjs/RolesEditor/RolesEditor.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 import { AttributeItem } from '@reltio/mdm-sdk';
 type Props = {
     values: string[];
     onChange: (param: AttributeItem) => void;
     onDelete?: (param: AttributeItem) => void;
 };
-export declare const RolesEditor: ({ values, onChange, onDelete }: Props) => JSX.Element;
+export declare const RolesEditor: ({ values, onChange, onDelete }: Props) => React.JSX.Element;
 export {};

package/cjs/RowCellAutoSizer/RowCellAutoSizer.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 import { ColumnData, RenderRowCellProps, RowValue } from '../types/basicTable';
 type OnChangeHeightProps = {
     rowIndex: number;
@@ -10,5 +10,5 @@ type Props = {
     onChangeHeight: (props: OnChangeHeightProps) => (size: number) => void;
     children: ReactNode;
 } & RenderRowCellProps;
-export declare const RowCellAutoSizer: ({ onChangeHeight, children: cell, ...cellProps }: Props) => JSX.Element;
+export declare const RowCellAutoSizer: ({ onChangeHeight, children: cell, ...cellProps }: Props) => React.JSX.Element;
 export {};

package/cjs/SaveSegmentDialog/SaveSegmentDialog.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { SavedSearchData } from '@reltio/mdm-sdk';
 type Props = {
     data?: SavedSearchData;
@@ -7,5 +7,5 @@ type Props = {
     onClose: () => void;
     onSave: (name: string, description: string, isPublic: boolean) => void;
 };
-export declare const SaveSegmentDialog: ({ data, isOpen, isSaving, onClose, onSave }: Props) => JSX.Element;
+export declare const SaveSegmentDialog: ({ data, isOpen, isSaving, onClose, onSave }: Props) => React.JSX.Element;
 export {};

package/cjs/ScreenProfileBand/ScreenProfileBand.d.ts

@@ -5,5 +5,5 @@ type Props = {
     className?: string;
     historySlice?: HistorySlice;
 };
-export declare const ScreenProfileBand: React.MemoExoticComponent<({ entity, className, historySlice }: Props) => JSX.Element>;
+export declare const ScreenProfileBand: React.MemoExoticComponent<({ entity, className, historySlice }: Props) => React.JSX.Element>;
 export {};

package/cjs/ScrollableTabs/ScrollableTabs.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { TabsProps } from '@mui/material/Tabs';
 import { TabProps } from '@mui/material/Tab';
 import { Tab as TabType } from './types';
@@ -9,5 +9,5 @@ type Props = Omit<TabsProps, 'onChange' | 'value' | 'scrollButtons'> & {
     tabClasses?: TabProps['classes'];
     scrollButtons?: TabsProps['scrollButtons'];
 };
-export declare const ScrollableTabs: ({ value, tabs, onChange, tabClasses, ...otherProps }: Props) => JSX.Element;
+export declare const ScrollableTabs: ({ value, tabs, onChange, tabClasses, ...otherProps }: Props) => React.JSX.Element;
 export {};

package/cjs/SearchHighlighter/SearchHighlighter.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 type Props = {
     text?: string;
 };
-export declare const SearchHighlighter: ({ text }: Props) => JSX.Element;
+export declare const SearchHighlighter: ({ text }: Props) => React.JSX.Element;
 export {};

package/cjs/SearchInput/SearchInput.d.ts

@@ -9,5 +9,5 @@ type Props = InputProps & {
     placeholder?: string;
     endAdornmentContent?: React.ReactNode;
 };
-declare const _default: React.MemoExoticComponent<({ value, autofocus, onSearch, rootRef, classes, height, placeholder, endAdornmentContent, ...otherProps }: Props) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ value, autofocus, onSearch, rootRef, classes, height, placeholder, endAdornmentContent, ...otherProps }: Props) => React.JSX.Element>;
 export default _default;

package/cjs/SelectAttributesList/SelectAttributesList.d.ts

@@ -10,5 +10,5 @@ type Props = {
     hideCheckBox: boolean;
     onItemClick: (data: Data, checked: boolean, groupId: string) => void;
 } & Record<string, unknown>;
-declare const _default: React.MemoExoticComponent<({ selectedAttributes, onItemClick, focusIndex, hideCheckBox, ...otherProps }: Props) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ selectedAttributes, onItemClick, focusIndex, hideCheckBox, ...otherProps }: Props) => React.JSX.Element>;
 export default _default;

package/cjs/SelectEditor/SelectEditor.d.ts

@@ -1,10 +1,11 @@
 export function SelectEditor({ classes, ...otherProps }: {
     [x: string]: any;
     classes: any;
-}): JSX.Element;
+}): React.JSX.Element;
 export namespace SelectEditor {
     namespace propTypes {
         let classes: PropTypes.Requireable<object>;
     }
 }
+import React from 'react';
 import PropTypes from 'prop-types';

package/cjs/SelectionPopup/SelectionPopup.d.ts

@@ -14,5 +14,5 @@ type Props = {
     headerPlacement?: 'top' | 'bottom';
     searchInputRef?: React.Ref<unknown>;
 } & PopoverProps;
-export declare const SelectionPopup: ({ title, className, onSearch, hideTitle, hideSearchInput, headerPlacement, containerWidth, containerHeight, searchInputOnKeyDown, children, searchInputRef, anchorOrigin, transformOrigin, ...otherProps }: Props) => JSX.Element;
+export declare const SelectionPopup: ({ title, className, onSearch, hideTitle, hideSearchInput, headerPlacement, containerWidth, containerHeight, searchInputOnKeyDown, children, searchInputRef, anchorOrigin, transformOrigin, ...otherProps }: Props) => React.JSX.Element;
 export {};

package/cjs/SelectorWithOnlyOptionAutoSelect/SelectorWithOnlyOptionAutoSelect.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 type Props = {
     value?: string;
     onChange: (value: string) => void;
@@ -15,5 +15,5 @@ type Props = {
     };
     emptyLabel?: string;
 };
-export declare const SelectorWithOnlyOptionAutoSelect: ({ value, onChange, options, classes, emptyLabel }: Props) => JSX.Element;
+export declare const SelectorWithOnlyOptionAutoSelect: ({ value, onChange, options, classes, emptyLabel }: Props) => React.JSX.Element;
 export {};

package/cjs/SettingsMenu/SettingsMenu.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import { DropDownMenuItem } from '../types';
 type Props = {
     items: DropDownMenuItem[];
     menuId: string;
 };
-export declare const SettingsMenu: ({ items, menuId }: Props) => JSX.Element;
+export declare const SettingsMenu: ({ items, menuId }: Props) => React.JSX.Element;
 export {};

package/cjs/ShowLess/ShowLess.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 type Props = {
     onClick: () => void;
 };
-export declare const ShowLess: ({ onClick }: Props) => JSX.Element;
+export declare const ShowLess: ({ onClick }: Props) => React.JSX.Element;
 export {};

package/cjs/ShowMore/ShowMore.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 type Props = {
     moreNumber?: number;
     valueNumber?: number;
     onClick: () => void;
 };
-export declare const ShowMore: ({ moreNumber, valueNumber, onClick }: Props) => JSX.Element;
+export declare const ShowMore: ({ moreNumber, valueNumber, onClick }: Props) => React.JSX.Element;
 export {};

package/cjs/SideButtonsPanel/SideButtonsPanel.d.ts

@@ -1,4 +1,4 @@
-import { ElementType } from 'react';
+import React, { ElementType } from 'react';
 type Props = {
     buttonsProps: Array<{
         icon: ElementType;
@@ -10,5 +10,5 @@ type Props = {
     className?: string;
     onButtonClick: (id: number) => void;
 };
-export declare const SideButtonsPanel: ({ disabled, buttonsProps, activeIndexId, className, onButtonClick }: Props) => JSX.Element;
+export declare const SideButtonsPanel: ({ disabled, buttonsProps, activeIndexId, className, onButtonClick }: Props) => React.JSX.Element;
 export {};

package/cjs/SidePanel/SidePanel.d.ts

@@ -1,8 +1,8 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 type Props = {
     width?: number;
     open: boolean;
     children: ReactNode;
 };
-export declare const SidePanel: ({ width, open, children }: Props) => JSX.Element;
+export declare const SidePanel: ({ width, open, children }: Props) => React.JSX.Element;
 export {};

package/cjs/SidePanelContentHeader/SidePanelContentHeader.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 type HeaderProps = {
     mainTitle?: string;
     secondTitle?: string;
@@ -8,5 +8,5 @@ type HeaderProps = {
 type Props = HeaderProps & {
     onClose: () => void;
 };
-export declare const SidePanelContentHeader: ({ onClose, mainTitle, secondTitle, content, rightContent }: Props) => JSX.Element;
+export declare const SidePanelContentHeader: ({ onClose, mainTitle, secondTitle, content, rightContent }: Props) => React.JSX.Element;
 export {};

package/cjs/SidePanelEmptyState/SidePanelEmptyState.d.ts

@@ -4,5 +4,5 @@ type Props = {
     text: string;
     secondaryText?: string;
 };
-export declare const SidePanelEmptyState: ({ IconRenderer, text, secondaryText }: Props) => JSX.Element;
+export declare const SidePanelEmptyState: ({ IconRenderer, text, secondaryText }: Props) => React.JSX.Element;
 export {};

package/cjs/SimpleAttribute/SimpleAttribute.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { AttributeType, SimpleAttributeValue } from '@reltio/mdm-sdk';
 type Props = {
     className?: string;
@@ -6,5 +6,5 @@ type Props = {
     attributeType: AttributeType;
     inlined?: boolean;
 };
-export declare const SimpleAttribute: ({ className, attributeType, attributeValue: rawAttributeValue, inlined }: Props) => JSX.Element;
+export declare const SimpleAttribute: ({ className, attributeType, attributeValue: rawAttributeValue, inlined }: Props) => React.JSX.Element;
 export {};

package/cjs/SimpleAttributeEditor/SimpleAttributeEditor.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { SimpleAttributeValue, AttributeType, Mode, AttributeError, PrimitiveValue } from '@reltio/mdm-sdk';
 import { AdditionalControlsRenderer } from '../types';
-declare const _default: React.ForwardRefExoticComponent<Pick<{
+declare const _default: React.ForwardRefExoticComponent<Omit<{
     className?: string;
     attributeValue: SimpleAttributeValue;
     attributeType: AttributeType;
@@ -38,5 +38,5 @@ declare const _default: React.ForwardRefExoticComponent<Pick<{
     onChange: any;
     dataTypeDefinition: any;
     TextFieldProps?: {};
-}>, string | number> & React.RefAttributes<unknown>>;
+}>, "ref"> & React.RefAttributes<unknown>>;
 export default _default;

package/cjs/SimpleDropDownSelector/SimpleDropDownSelector.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 declare const _default: React.MemoExoticComponent<(props: import("prop-types").InferPropsInner<Pick<any, any>> & Partial<import("prop-types").InferPropsInner<Pick<any, never>>> & {
     children?: React.ReactNode;
-}) => JSX.Element>;
+}) => React.JSX.Element>;
 export default _default;

package/cjs/SimpleDropDownSelector/components/DropDownPlaceholder/DropDownPlaceholder.d.ts

@@ -4,5 +4,5 @@ type Props = {
     innerProps?: Partial<TypographyProps>;
     children: React.ReactNode;
 };
-export declare const DropDownPlaceholder: ({ innerProps, children }: Props) => JSX.Element;
+export declare const DropDownPlaceholder: ({ innerProps, children }: Props) => React.JSX.Element;
 export {};

package/cjs/SimpleDropDownSelector/components/DropDownValue/DropDownValue.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 type Props = {
     selectProps: {
         menuIsOpen?: boolean;
@@ -7,5 +7,5 @@ type Props = {
         label: string;
     };
 };
-export declare const DropDownValue: ({ selectProps: { menuIsOpen }, data: { label } }: Props) => JSX.Element;
+export declare const DropDownValue: ({ selectProps: { menuIsOpen }, data: { label } }: Props) => React.JSX.Element;
 export {};

package/cjs/SimpleInput/SimpleInput.d.ts

@@ -1,9 +1,9 @@
-import { ComponentProps } from 'react';
+import React, { ComponentProps } from 'react';
 import TextField from '@mui/material/TextField';
 type Props = Omit<ComponentProps<typeof TextField>, 'value' | 'onChange'> & {
     value?: string | number;
     onChange?: (value: string | number) => void;
     isCrossedOut?: boolean;
 };
-export declare const SimpleInput: ({ value, onChange, multiline, InputProps, isCrossedOut, ...otherProps }: Props) => JSX.Element;
+export declare const SimpleInput: ({ value, onChange, multiline, InputProps, isCrossedOut, ...otherProps }: Props) => React.JSX.Element;
 export {};

package/cjs/SimpleMatchRules/SimpleMatchRules.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { MatchRuleSummary, MatchRule } from '@reltio/mdm-sdk';
 type Props = {
     isMlMatch?: boolean;
@@ -6,5 +6,5 @@ type Props = {
     className?: string;
     matchRuleSummaries?: MatchRuleSummary[];
 };
-export declare const SimpleMatchRules: ({ isMlMatch, matchRules, className, matchRuleSummaries }: Props) => JSX.Element;
+export declare const SimpleMatchRules: ({ isMlMatch, matchRules, className, matchRuleSummaries }: Props) => React.JSX.Element;
 export {};

package/cjs/SimpleMatchRulesBlock/SimpleMatchRulesBlock.d.ts

@@ -1,21 +1,17 @@
 import React from 'react';
 import { MatchRule, MatchRuleSummary } from '@reltio/mdm-sdk';
-export declare const MatchRuleBadgeWithTooltip: React.ForwardRefExoticComponent<Pick<{
+export declare const MatchRuleBadgeWithTooltip: React.ForwardRefExoticComponent<Omit<{
     tooltipTitle?: React.ReactNode;
     tooltipPlacement?: "bottom" | "left" | "right" | "top" | "bottom-end" | "bottom-start" | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start";
     showForDisabled?: boolean;
-} & Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key">, "onClick"> & {
+} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "onClick"> & {
     expanded?: boolean;
     onExpand?: React.MouseEventHandler<HTMLDivElement>;
-} & React.RefAttributes<HTMLDivElement>, "color" | "translate" | "hidden" | "style" | "expanded" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | keyof {
-    tooltipTitle?: React.ReactNode;
-    tooltipPlacement?: "bottom" | "left" | "right" | "top" | "bottom-end" | "bottom-start" | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start";
-    showForDisabled?: boolean;
-} | "onExpand"> & React.RefAttributes<HTMLElement>>;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLElement>>;
 type Props = {
     isMlMatch?: boolean;
     matchRules: MatchRule[];
     matchRuleSummaries?: MatchRuleSummary[];
 };
-export declare const SimpleMatchRulesBlock: ({ isMlMatch, matchRules, matchRuleSummaries }: Props) => JSX.Element;
+export declare const SimpleMatchRulesBlock: ({ isMlMatch, matchRules, matchRuleSummaries }: Props) => React.JSX.Element;
 export {};

package/cjs/SimpleMatchRulesBuilder/SimpleMatchRulesBuilder.d.ts

@@ -8,5 +8,5 @@ type Props = {
     variant?: MatchRuleVariant;
     matchRuleSummaries?: MatchRuleSummary[];
 };
-export declare const SimpleMatchRulesBuilder: ({ matchRules, Component, variant, ...otherProps }: Props) => JSX.Element;
+export declare const SimpleMatchRulesBuilder: ({ matchRules, Component, variant, ...otherProps }: Props) => React.JSX.Element;
 export {};

package/cjs/SmallIconButton/SmallIconButton.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import { IconButtonProps } from '@mui/material/IconButton';
 import { SIZES } from './constants';
-export declare const SmallIconButton: React.ForwardRefExoticComponent<Pick<Omit<IconButtonProps, "size"> & {
+export declare const SmallIconButton: React.ForwardRefExoticComponent<Omit<Omit<IconButtonProps, "size"> & {
     iconClassName?: string;
     icon?: React.ElementType;
     size?: keyof typeof SIZES;
-}, "color" | "translate" | "hidden" | "size" | "icon" | "disabled" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "sx" | "value" | "form" | "key" | "name" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "action" | keyof import("@mui/material/OverridableComponent").CommonProps | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "type" | "iconClassName"> & React.RefAttributes<HTMLButtonElement>>;
+}, "ref"> & React.RefAttributes<HTMLButtonElement>>;