@opentrons/components 0.3.14-alpha.0 → 0.3.16-alpha.0

package/lib/hardware-sim/Deck/RobotCoordsForeignDiv.d.ts

@@ -14,4 +14,4 @@ export interface RobotCoordsForeignDivProps {
     extraTransform?: string;
     dataTestId?: string;
 }
-export declare const RobotCoordsForeignDiv: ({ children, x, y, height, width, outerProps, innerDivProps, transformWithSVG, extraTransform, dataTestId, innerDivEvents, }: RobotCoordsForeignDivProps) => JSX.Element;
+export declare const RobotCoordsForeignDiv: ({ children, x, y, height, width, outerProps, innerDivProps, transformWithSVG, extraTransform, dataTestId, innerDivEvents, }: RobotCoordsForeignDivProps) => ReactNode;

package/lib/hardware-sim/Deck/RobotCoordsForeignObject.d.ts

@@ -12,4 +12,4 @@ export interface RobotCoordsForeignObjectProps {
     flexProps?: StyleProps;
     flexEvents?: HTMLAttributes<HTMLDivElement>;
 }
-export declare const RobotCoordsForeignObject: ({ children, x, y, height, width, foreignObjectEvents, foreignObjectProps, flexProps, flexEvents, }: RobotCoordsForeignObjectProps) => JSX.Element;
+export declare const RobotCoordsForeignObject: ({ children, x, y, height, width, foreignObjectEvents, foreignObjectProps, flexProps, flexEvents, }: RobotCoordsForeignObjectProps) => ReactNode;

package/lib/hardware-sim/Deck/RobotCoordsText.d.ts

@@ -16,4 +16,4 @@ export interface RobotCoordsTextProps extends ComponentProps<'text'> {
  * This component surgically undoes the wrapper's transformation so the child text is
  * displayed right-side-up.
  */
-export declare function RobotCoordsText(props: RobotCoordsTextProps): JSX.Element;
+export declare function RobotCoordsText(props: RobotCoordsTextProps): ReactNode;

package/lib/hardware-sim/Deck/RobotWorkSpace.d.ts

@@ -33,5 +33,5 @@ export type RobotWorkSpaceProps = BaseProps & CSSProperties;
  * SVG-transform them so they're displayed the correct way. This is needed because
  * SVG inverts y compared to Opentrons coordinates.
  */
-export declare function RobotWorkSpace(props: RobotWorkSpaceProps): JSX.Element;
+export declare function RobotWorkSpace(props: RobotWorkSpaceProps): ReactNode;
 export {};

package/lib/hardware-sim/DeckConfigurator/AbsorbanceReaderItem.d.ts

@@ -1,3 +1,4 @@
+import type { ReactNode } from 'react';
 import type { AddressableAreaNamesWithFakes, CutoutFixtureIdsWithFakes, CutoutId, DeckDefinition } from '@opentrons/shared-data';
 interface AbsorbanceReaderItemProps {
     deckDefinition: DeckDefinition;
@@ -7,5 +8,5 @@ interface AbsorbanceReaderItemProps {
     handleClickRemove?: (fixtureLocation: CutoutId, cutoutFixtureId: CutoutFixtureIdsWithFakes, addressableAreaId: AddressableAreaNamesWithFakes) => void;
     selected?: boolean;
 }
-export declare function AbsorbanceReaderItem(props: AbsorbanceReaderItemProps): JSX.Element;
+export declare function AbsorbanceReaderItem(props: AbsorbanceReaderItemProps): ReactNode;
 export {};

package/lib/hardware-sim/DeckConfigurator/EmptyConfigItem.d.ts

@@ -1,3 +1,4 @@
+import type { ReactNode } from 'react';
 import type { AddressableAreaNamesWithFakes, CutoutId, DeckDefinition, ModuleModel } from '@opentrons/shared-data';
 interface EmptyConfigItemProps {
     deckDefinition: DeckDefinition;
@@ -7,5 +8,5 @@ interface EmptyConfigItemProps {
     moduleModel?: ModuleModel;
     handleClickAdd: (fixtureLocation: CutoutId, addressableArea: AddressableAreaNamesWithFakes) => void;
 }
-export declare function EmptyConfigItem(props: EmptyConfigItemProps): JSX.Element;
+export declare function EmptyConfigItem(props: EmptyConfigItemProps): ReactNode;
 export {};

package/lib/hardware-sim/DeckConfigurator/FlexStackerItem.d.ts

@@ -1,3 +1,4 @@
+import type { ReactNode } from 'react';
 import type { AddressableAreaNamesWithFakes, CutoutFixtureIdsWithFakes, CutoutId, DeckDefinition } from '@opentrons/shared-data';
 interface FlexStackerItemProps {
     deckDefinition: DeckDefinition;
@@ -8,5 +9,5 @@ interface FlexStackerItemProps {
     handleClickRemove?: (fixtureLocation: CutoutId, cutoutFixtureId: CutoutFixtureIdsWithFakes, addressableAreaId: AddressableAreaNamesWithFakes) => void;
     selected?: boolean;
 }
-export declare function FlexStackerItem(props: FlexStackerItemProps): JSX.Element;
+export declare function FlexStackerItem(props: FlexStackerItemProps): ReactNode;
 export {};

package/lib/hardware-sim/DeckConfigurator/HeaterShakerItem.d.ts

@@ -1,3 +1,4 @@
+import type { ReactNode } from 'react';
 import type { AddressableAreaNamesWithFakes, CutoutFixtureIdsWithFakes, CutoutId, DeckDefinition } from '@opentrons/shared-data';
 interface HeaterShakerItemProps {
     deckDefinition: DeckDefinition;
@@ -7,5 +8,5 @@ interface HeaterShakerItemProps {
     handleClickRemove?: (fixtureLocation: CutoutId, cutoutFixtureId: CutoutFixtureIdsWithFakes, addressableAreaId: AddressableAreaNamesWithFakes) => void;
     selected?: boolean;
 }
-export declare function HeaterShakerItem(props: HeaterShakerItemProps): JSX.Element;
+export declare function HeaterShakerItem(props: HeaterShakerItemProps): ReactNode;
 export {};

package/lib/hardware-sim/DeckConfigurator/MagneticBlockItem.d.ts

@@ -1,3 +1,4 @@
+import type { ReactNode } from 'react';
 import type { AddressableAreaNamesWithFakes, CutoutFixtureIdsWithFakes, CutoutId, DeckDefinition } from '@opentrons/shared-data';
 interface MagneticBlockItemProps {
     deckDefinition: DeckDefinition;
@@ -8,5 +9,5 @@ interface MagneticBlockItemProps {
     hasStagingArea?: boolean;
     selected?: boolean;
 }
-export declare function MagneticBlockItem(props: MagneticBlockItemProps): JSX.Element;
+export declare function MagneticBlockItem(props: MagneticBlockItemProps): ReactNode;
 export {};

package/lib/hardware-sim/DeckConfigurator/StagingAreaConfigItem.d.ts

@@ -1,3 +1,4 @@
+import type { ReactNode } from 'react';
 import type { AddressableAreaNamesWithFakes, CutoutFixtureIdsWithFakes, CutoutId, DeckDefinition } from '@opentrons/shared-data';
 interface StagingAreaConfigItemProps {
     deckDefinition: DeckDefinition;
@@ -7,5 +8,5 @@ interface StagingAreaConfigItemProps {
     handleClickRemove?: (fixtureLocation: CutoutId, cutoutFixtureId: CutoutFixtureIdsWithFakes, addressableAreaId: AddressableAreaNamesWithFakes) => void;
     selected?: boolean;
 }
-export declare function StagingAreaConfigItem(props: StagingAreaConfigItemProps): JSX.Element;
+export declare function StagingAreaConfigItem(props: StagingAreaConfigItemProps): ReactNode;
 export {};

package/lib/hardware-sim/DeckConfigurator/StaticItem.d.ts

@@ -1,3 +1,4 @@
+import type { ReactNode } from 'react';
 import type { CutoutId, DeckDefinition } from '@opentrons/shared-data';
 interface StaticFixtureProps {
     deckDefinition: DeckDefinition;
@@ -8,5 +9,5 @@ interface StaticFixtureProps {
  * this component allows us to add static labeled fixtures to the center column of a deck
  * config map
  */
-export declare function StaticItem(props: StaticFixtureProps): JSX.Element;
+export declare function StaticItem(props: StaticFixtureProps): ReactNode;
 export {};

package/lib/hardware-sim/DeckConfigurator/TemperatureModuleItem.d.ts

@@ -1,3 +1,4 @@
+import type { ReactNode } from 'react';
 import type { AddressableAreaNamesWithFakes, CutoutFixtureIdsWithFakes, CutoutId, DeckDefinition } from '@opentrons/shared-data';
 interface TemperatureModuleFixtureProps {
     deckDefinition: DeckDefinition;
@@ -7,5 +8,5 @@ interface TemperatureModuleFixtureProps {
     handleClickRemove?: (fixtureLocation: CutoutId, cutoutFixtureId: CutoutFixtureIdsWithFakes, addressableAreaId: AddressableAreaNamesWithFakes) => void;
     selected?: boolean;
 }
-export declare function TemperatureModuleItem(props: TemperatureModuleFixtureProps): JSX.Element;
+export declare function TemperatureModuleItem(props: TemperatureModuleFixtureProps): ReactNode;
 export {};

package/lib/hardware-sim/DeckConfigurator/ThermocyclerItem.d.ts

@@ -1,3 +1,4 @@
+import type { ReactNode } from 'react';
 import type { AddressableAreaNamesWithFakes, CutoutFixtureIdsWithFakes, CutoutId, DeckDefinition } from '@opentrons/shared-data';
 interface ThermocyclerItemProps {
     deckDefinition: DeckDefinition;
@@ -7,5 +8,5 @@ interface ThermocyclerItemProps {
     handleClickRemove?: (fixtureLocation: CutoutId, cutoutFixtureId: CutoutFixtureIdsWithFakes, addressableAreaId: AddressableAreaNamesWithFakes) => void;
     selected?: boolean;
 }
-export declare function ThermocyclerItem(props: ThermocyclerItemProps): JSX.Element;
+export declare function ThermocyclerItem(props: ThermocyclerItemProps): ReactNode;
 export {};

package/lib/hardware-sim/DeckConfigurator/TrashBinConfigItem.d.ts

@@ -1,3 +1,4 @@
+import type { ReactNode } from 'react';
 import type { AddressableAreaNamesWithFakes, CutoutFixtureIdsWithFakes, CutoutId, DeckDefinition } from '@opentrons/shared-data';
 interface TrashBinConfigItemProps {
     deckDefinition: DeckDefinition;
@@ -7,5 +8,5 @@ interface TrashBinConfigItemProps {
     handleClickRemove?: (fixtureLocation: CutoutId, cutoutFixtureId: CutoutFixtureIdsWithFakes, addressableAreaId: AddressableAreaNamesWithFakes) => void;
     selected?: boolean;
 }
-export declare function TrashBinConfigItem(props: TrashBinConfigItemProps): JSX.Element;
+export declare function TrashBinConfigItem(props: TrashBinConfigItemProps): ReactNode;
 export {};

package/lib/hardware-sim/DeckConfigurator/VacuumModuleItem.d.ts

@@ -1,3 +1,4 @@
+import type { ReactNode } from 'react';
 import type { AddressableAreaNamesWithFakes, CutoutFixtureIdsWithFakes, CutoutId, DeckDefinition } from '@opentrons/shared-data';
 interface VacuumModuleItemProps {
     deckDefinition: DeckDefinition;
@@ -7,5 +8,5 @@ interface VacuumModuleItemProps {
     handleClickRemove?: (fixtureLocation: CutoutId, cutoutFixtureId: CutoutFixtureIdsWithFakes, addressableAreaId: AddressableAreaNamesWithFakes) => void;
     selected?: boolean;
 }
-export declare function VacuumModuleItem(props: VacuumModuleItemProps): JSX.Element;
+export declare function VacuumModuleItem(props: VacuumModuleItemProps): ReactNode;
 export {};

package/lib/hardware-sim/DeckConfigurator/WasteChuteConfigItem.d.ts

@@ -1,3 +1,4 @@
+import type { ReactNode } from 'react';
 import type { AddressableAreaNamesWithFakes, CutoutFixtureIdsWithFakes, CutoutId, DeckDefinition } from '@opentrons/shared-data';
 interface WasteChuteConfigItemProps {
     deckDefinition: DeckDefinition;
@@ -7,5 +8,5 @@ interface WasteChuteConfigItemProps {
     hasStagingAreas?: boolean;
     selected?: boolean;
 }
-export declare function WasteChuteConfigFixture(props: WasteChuteConfigItemProps): JSX.Element;
+export declare function WasteChuteConfigFixture(props: WasteChuteConfigItemProps): ReactNode;
 export {};

package/lib/hardware-sim/DeckConfigurator/index.d.ts

@@ -18,4 +18,4 @@ interface DeckConfiguratorProps {
     selectedCutoutId?: CutoutId;
     moduleModel?: ModuleModel;
 }
-export declare function DeckConfigurator(props: DeckConfiguratorProps): JSX.Element;
+export declare function DeckConfigurator(props: DeckConfiguratorProps): ReactNode;

package/lib/hardware-sim/Labware/Labware.d.ts

@@ -1,4 +1,4 @@
-import type { RefObject } from 'react';
+import type { ReactNode, RefObject } from 'react';
 import type { LabwareDefinition } from '@opentrons/shared-data';
 import type { HighlightedWellLabels, WellFillByName, WellMouseEvent, WellStrokeByName } from './labwareInternals/Wells';
 export interface LabwareProps {
@@ -35,4 +35,4 @@ export interface LabwareProps {
  *
  * For example, hiding the outline of the labware for certain ODD flows.
  */
-export declare const Labware: (props: LabwareProps) => JSX.Element;
+export declare const Labware: (props: LabwareProps) => ReactNode;

package/lib/hardware-sim/Labware/LabwareAdapter/GenericLid.d.ts

@@ -1,3 +1,4 @@
+import type { ReactNode } from 'react';
 interface GenericLidProps {
     lidDimensions: {
         xDimension: number;
@@ -5,5 +6,5 @@ interface GenericLidProps {
         zDimension: number;
     } | null;
 }
-export declare function GenericLid(props: GenericLidProps): JSX.Element;
+export declare function GenericLid(props: GenericLidProps): ReactNode;
 export {};

package/lib/hardware-sim/Labware/LabwareAdapter/OpentronsAluminumFlatBottomPlate.d.ts

@@ -1 +1,2 @@
-export declare function OpentronsAluminumFlatBottomPlate(): JSX.Element;
+import type { ReactNode } from 'react';
+export declare function OpentronsAluminumFlatBottomPlate(): ReactNode;

package/lib/hardware-sim/Labware/LabwareAdapter/OpentronsAutoclavableDeckRiser.d.ts

@@ -1 +1,2 @@
-export declare function OpentronsAutoclavableDeckRiser(): JSX.Element;
+import type { ReactNode } from 'react';
+export declare function OpentronsAutoclavableDeckRiser(): ReactNode;

package/lib/hardware-sim/Labware/LabwareAdapter/OpentronsFlex96TiprackAdapter.d.ts

@@ -1 +1,2 @@
-export declare function OpentronsFlex96TiprackAdapter(): JSX.Element;
+import type { ReactNode } from 'react';
+export declare function OpentronsFlex96TiprackAdapter(): ReactNode;

package/lib/hardware-sim/Labware/LabwareAdapter/OpentronsToughPCRAutoSealingLid.d.ts

@@ -1 +1,2 @@
-export declare function OpentronsToughPCRAutoSealingLid(): JSX.Element;
+import type { ReactNode } from 'react';
+export declare function OpentronsToughPCRAutoSealingLid(): ReactNode;

package/lib/hardware-sim/Labware/LabwareAdapter/OpentronsUniversalFlatAdapter.d.ts

@@ -1 +1,2 @@
-export declare function OpentronsUniversalFlatAdapter(): JSX.Element;
+import type { ReactNode } from 'react';
+export declare function OpentronsUniversalFlatAdapter(): ReactNode;

package/lib/hardware-sim/Labware/LabwareAdapter/OpentronsUniversalFlatAdapterTypeB.d.ts

@@ -1 +1,2 @@
-export declare function OpentronsUniversalFlatAdapterTypeB(): JSX.Element;
+import type { ReactNode } from 'react';
+export declare function OpentronsUniversalFlatAdapterTypeB(): ReactNode;

package/lib/hardware-sim/Labware/LabwareAdapter/OpentronsVacuumManifoldCollar.d.ts

@@ -1,3 +1,4 @@
+import type { ReactNode } from 'react';
 interface OpentronsVacuumManifoldCollarProps {
     lidDimensions: {
         xDimension: number;
@@ -5,5 +6,5 @@ interface OpentronsVacuumManifoldCollarProps {
         zDimension: number;
     } | null;
 }
-export declare function OpentronsVacuumManifoldCollar({ lidDimensions, }: OpentronsVacuumManifoldCollarProps): JSX.Element;
+export declare function OpentronsVacuumManifoldCollar({ lidDimensions, }: OpentronsVacuumManifoldCollarProps): ReactNode;
 export {};

package/lib/hardware-sim/Labware/LabwareAdapter/OpentronsVacuumManifoldSpacer.d.ts

@@ -1,3 +1,4 @@
+import type { ReactNode } from 'react';
 interface OpentronsVacuumManifoldSpacerProps {
     lidDimensions: {
         xDimension: number;
@@ -5,5 +6,5 @@ interface OpentronsVacuumManifoldSpacerProps {
         zDimension: number;
     } | null;
 }
-export declare function OpentronsVacuumManifoldSpacer({ lidDimensions, }: OpentronsVacuumManifoldSpacerProps): JSX.Element;
+export declare function OpentronsVacuumManifoldSpacer({ lidDimensions, }: OpentronsVacuumManifoldSpacerProps): ReactNode;
 export {};

package/lib/hardware-sim/Labware/LabwareRender.d.ts

@@ -1,4 +1,4 @@
-import type { CSSProperties, RefObject } from 'react';
+import type { CSSProperties, ReactNode, RefObject } from 'react';
 import type { LabwareDefinition } from '@opentrons/shared-data';
 import type { TipType, WellType } from './labwareInternals/types';
 import type { HighlightedWellLabels, WELL_LABEL_OPTIONS, WellFillByName, WellGroup, WellMouseEvent, WellStrokeByName } from './labwareInternals/Wells';
@@ -85,4 +85,4 @@ export interface LabwareRenderProps {
     selectedTipsByIndex?: Record<string, number>;
     fill?: CSSProperties['fill'];
 }
-export declare const LabwareRender: (props: LabwareRenderProps) => JSX.Element;
+export declare const LabwareRender: (props: LabwareRenderProps) => ReactNode;

package/lib/hardware-sim/Labware/labwareInternals/LabwareOutline.d.ts

@@ -1,4 +1,4 @@
-import type { CSSProperties } from 'react';
+import type { CSSProperties, ReactNode } from 'react';
 import type { LabwareDefinition } from '@opentrons/shared-data';
 export type LabwareOutlineProps = {
     /** if this labware is a tip rack, darken background and lighten borderx dimension in mm of this labware, used if definition doesn't supply dimensions, defaults to false */
@@ -28,5 +28,5 @@ interface DefinitionReplacementProps {
     /** minimum y-coordinate (i.e. the bottom) of the outline. */
     minY: number;
 }
-export declare function LabwareOutline(props: LabwareOutlineProps): JSX.Element;
+export declare function LabwareOutline(props: LabwareOutlineProps): ReactNode;
 export {};

package/lib/hardware-sim/Labware/labwareInternals/LabwareWellLabels.d.ts

@@ -1,4 +1,4 @@
-import type { MemoExoticComponent } from 'react';
+import type { MemoExoticComponent, ReactNode } from 'react';
 import type { LabwareDefinition } from '@opentrons/shared-data';
 import type { HighlightedWellLabels } from './Wells';
 interface LabwareWellLabelsProps {
@@ -6,7 +6,7 @@ interface LabwareWellLabelsProps {
     highlightedWellLabels?: HighlightedWellLabels;
     wellLabelColor?: string;
 }
-export declare function LabwareWellLabelsComponent(props: LabwareWellLabelsProps): JSX.Element;
+export declare function LabwareWellLabelsComponent(props: LabwareWellLabelsProps): ReactNode;
 /**
  * for use in Labware.tsx component
  * has ODD-specific styling

package/lib/hardware-sim/Labware/labwareInternals/StaticLabware.d.ts

@@ -1,5 +1,5 @@
 import type { CSSProperties } from 'styled-components';
-import type { MemoExoticComponent } from 'react';
+import type { MemoExoticComponent, ReactNode } from 'react';
 import type { LabwareDefinition } from '@opentrons/shared-data';
 import type { TipType, WellType } from './types';
 import type { WellMouseEvent, WellStrokeByName } from './Wells/constants';
@@ -26,5 +26,5 @@ export interface StaticLabwareProps {
     handleClickWell?: (wellName: string) => void;
     selectedTipsByIndex?: Record<string, number>;
 }
-export declare function StaticLabwareComponent(props: StaticLabwareProps): JSX.Element;
+export declare function StaticLabwareComponent(props: StaticLabwareProps): ReactNode;
 export declare const StaticLabware: MemoExoticComponent<typeof StaticLabwareComponent>;

package/lib/hardware-sim/Labware/labwareInternals/Tips/InaccessibleTip.d.ts

@@ -1,3 +1,4 @@
+import type { ReactNode } from 'react';
 export declare function InaccessibleTip(props: {
     size?: string;
-}): JSX.Element;
+}): ReactNode;

package/lib/hardware-sim/Labware/labwareInternals/Tips/NewTip.d.ts

@@ -1,4 +1,5 @@
+import type { ReactNode } from 'react';
 export declare function NewTip(props: {
     wellName: string;
     size?: string;
-}): JSX.Element;
+}): ReactNode;

package/lib/hardware-sim/Labware/labwareInternals/Tips/TipStatus.d.ts

@@ -1,3 +1,4 @@
+import type { ReactNode } from 'react';
 import type { LabwareWellMap } from '@opentrons/shared-data';
 import type { TipType } from '../types';
 interface TipStatusProps {
@@ -7,5 +8,5 @@ interface TipStatusProps {
     size: string;
     text?: string;
 }
-export declare function TipStatus(props: TipStatusProps): JSX.Element;
+export declare function TipStatus(props: TipStatusProps): ReactNode;
 export {};

package/lib/hardware-sim/Labware/labwareInternals/Tips/UsedTip.d.ts

@@ -1,4 +1,5 @@
+import type { ReactNode } from 'react';
 export declare function UsedTip(props: {
     wellName: string;
     size?: string;
-}): JSX.Element;
+}): ReactNode;

package/lib/hardware-sim/Labware/labwareInternals/Wells/EmptyWell.d.ts

@@ -1,3 +1,4 @@
+import type { ReactNode } from 'react';
 import type { LabwareWellMap } from '@opentrons/shared-data';
 import type { ParentType } from '../types';
 interface EmptyWellProps {
@@ -6,5 +7,5 @@ interface EmptyWellProps {
     wellName: string;
     size: string;
 }
-export declare function EmptyWell({ size, wellMap, wellName, parentType, }: EmptyWellProps): JSX.Element;
+export declare function EmptyWell({ size, wellMap, wellName, parentType, }: EmptyWellProps): ReactNode;
 export {};

package/lib/hardware-sim/Labware/labwareInternals/Wells/FilledWells.d.ts

@@ -1,4 +1,4 @@
-import type { MemoExoticComponent } from 'react';
+import type { MemoExoticComponent, ReactNode } from 'react';
 import type { LabwareDefinition } from '@opentrons/shared-data';
 import type { WellFillByName, WellStroke } from './constants';
 export interface FilledWellsProps {
@@ -6,6 +6,6 @@ export interface FilledWellsProps {
     fillByWell: WellFillByName;
     strokeColor?: WellStroke;
 }
-declare function FilledWellsComponent(props: FilledWellsProps): JSX.Element;
+declare function FilledWellsComponent(props: FilledWellsProps): ReactNode;
 export declare const FilledWells: MemoExoticComponent<typeof FilledWellsComponent>;
 export {};

package/lib/hardware-sim/Labware/labwareInternals/Wells/SelectedWell.d.ts

@@ -1,3 +1,4 @@
+import type { ReactNode } from 'react';
 import type { LabwareWellMap } from '@opentrons/shared-data';
 interface SelectedWellProps {
     wellMap: LabwareWellMap;
@@ -9,5 +10,5 @@ interface SelectedWellProps {
     isSelected?: boolean;
     showStroke?: boolean;
 }
-export declare function SelectedWell(props: SelectedWellProps): JSX.Element;
+export declare function SelectedWell(props: SelectedWellProps): ReactNode;
 export {};

package/lib/hardware-sim/Labware/labwareInternals/Wells/StrokedWells.d.ts

@@ -1,9 +1,9 @@
-import type { MemoExoticComponent } from 'react';
+import type { MemoExoticComponent, ReactNode } from 'react';
 import type { LabwareDefinition } from '@opentrons/shared-data';
 import type { WellStrokeByName } from './constants';
 export interface StrokedWellProps {
     definition: LabwareDefinition;
     strokeByWell?: WellStrokeByName;
 }
-export declare function StrokedWellsComponent(props: StrokedWellProps): JSX.Element;
+export declare function StrokedWellsComponent(props: StrokedWellProps): ReactNode;
 export declare const StrokedWells: MemoExoticComponent<typeof StrokedWellsComponent>;

package/lib/hardware-sim/Labware/labwareInternals/Wells/StyledWells.d.ts

@@ -1,4 +1,4 @@
-import type { CSSProperties, MemoExoticComponent } from 'react';
+import type { CSSProperties, MemoExoticComponent, ReactNode } from 'react';
 import type { LabwareDefinition } from '@opentrons/shared-data';
 import type { WellGroup } from './constants';
 type WellContents = 'tipPresent' | 'tipMissing' | 'defaultWell' | 'disabledWell' | 'highlightedWell' | 'selectedWell';
@@ -14,6 +14,6 @@ export declare const STYLE_BY_WELL_CONTENTS: {
         strokeWidth: CSSProperties['strokeWidth'];
     };
 };
-declare function StyledWellsComponent(props: StyledWellProps): JSX.Element;
+declare function StyledWellsComponent(props: StyledWellProps): ReactNode;
 export declare const StyledWells: MemoExoticComponent<typeof StyledWellsComponent>;
 export {};

package/lib/hardware-sim/Labware/labwareInternals/Wells/Well.d.ts

@@ -1,4 +1,4 @@
-import type { CSSProperties, MemoExoticComponent } from 'react';
+import type { CSSProperties, MemoExoticComponent, ReactNode } from 'react';
 import type { LabwareWell } from '@opentrons/shared-data';
 import type { WellMouseEvent } from './constants';
 export interface WellProps extends CSSProperties {
@@ -15,5 +15,5 @@ export interface WellProps extends CSSProperties {
     /** Provides well data attribute */
     isInteractive?: boolean;
 }
-export declare function WellComponent(props: WellProps): JSX.Element;
+export declare function WellComponent(props: WellProps): ReactNode;
 export declare const Well: MemoExoticComponent<typeof WellComponent>;

package/lib/hardware-sim/Labware/labwareInternals/Wells/WellLabels.d.ts

@@ -1,4 +1,4 @@
-import type { MemoExoticComponent } from 'react';
+import type { MemoExoticComponent, ReactNode } from 'react';
 import type { LabwareDefinition } from '@opentrons/shared-data';
 import type { WellLabelOption } from '../../LabwareRender';
 import type { HighlightedWellLabels } from './constants';
@@ -8,5 +8,5 @@ export interface WellLabelsProps {
     highlightedWellLabels?: HighlightedWellLabels;
     wellLabelColor?: string;
 }
-export declare function WellLabelsComponent(props: WellLabelsProps): JSX.Element;
+export declare function WellLabelsComponent(props: WellLabelsProps): ReactNode;
 export declare const WellLabels: MemoExoticComponent<typeof WellLabelsComponent>;

package/lib/hardware-sim/Labware/labwareInternals/Wells/WellStatus.d.ts

@@ -1,3 +1,4 @@
+import type { ReactNode } from 'react';
 import type { LabwareWellMap } from '@opentrons/shared-data';
 import type { ParentType, WellType } from '../types';
 interface WellStatusProps {
@@ -8,5 +9,5 @@ interface WellStatusProps {
     size: string;
     showStroke?: boolean;
 }
-export declare function WellStatus(props: WellStatusProps): JSX.Element;
+export declare function WellStatus(props: WellStatusProps): ReactNode;
 export {};

package/lib/hardware-sim/Module/FlexStacker.d.ts

@@ -1 +1,2 @@
-export declare function FlexStacker(): JSX.Element;
+import type { ReactNode } from 'react';
+export declare function FlexStacker(): ReactNode;

package/lib/hardware-sim/Module/HeaterShaker.d.ts

@@ -1,4 +1,5 @@
+import type { ReactNode } from 'react';
 export interface HeaterShakerVizProps {
     targetTemp: number | null;
 }
-export declare function HeaterShaker(props: HeaterShakerVizProps): JSX.Element;
+export declare function HeaterShaker(props: HeaterShakerVizProps): ReactNode;

package/lib/hardware-sim/Module/MagneticBlock.d.ts

@@ -1 +1,2 @@
-export declare function MagneticBlock(): JSX.Element;
+import type { ReactNode } from 'react';
+export declare function MagneticBlock(): ReactNode;

package/lib/hardware-sim/Module/MagneticModule.d.ts

@@ -1 +1,2 @@
-export declare function MagneticModule(): JSX.Element;
+import type { ReactNode } from 'react';
+export declare function MagneticModule(): ReactNode;

package/lib/hardware-sim/Module/ModuleTag.d.ts

@@ -6,4 +6,4 @@ export interface ModuleTagProps {
     width: number;
     children: ReactNode;
 }
-export declare const ModuleTag: (props: ModuleTagProps) => JSX.Element;
+export declare const ModuleTag: (props: ModuleTagProps) => ReactNode;

package/lib/hardware-sim/Module/PlateReader.d.ts

@@ -1 +1,2 @@
-export declare function PlateReader(): JSX.Element;
+import type { ReactNode } from 'react';
+export declare function PlateReader(): ReactNode;

package/lib/hardware-sim/Module/Temperature.d.ts

@@ -1,4 +1,5 @@
+import type { ReactNode } from 'react';
 export interface TemperatureVizProps {
     targetTemperature: number | null;
 }
-export declare function Temperature(props: TemperatureVizProps): JSX.Element;
+export declare function Temperature(props: TemperatureVizProps): ReactNode;

package/lib/hardware-sim/Module/Thermocycler/ThermocyclerGEN1.d.ts

@@ -1,6 +1,7 @@
+import type { ReactNode } from 'react';
 interface ThermocyclerGEN1Props {
     lidMotorState: 'open' | 'closed';
     ledLightColor: string;
 }
-export declare function ThermocyclerGEN1(props: ThermocyclerGEN1Props): JSX.Element;
+export declare function ThermocyclerGEN1(props: ThermocyclerGEN1Props): ReactNode;
 export {};

package/lib/hardware-sim/Module/Thermocycler/ThermocyclerGEN2.d.ts

@@ -1,6 +1,7 @@
+import type { ReactNode } from 'react';
 interface ThermocyclerGEN2Props {
     lidMotorState: 'open' | 'closed';
     ledLightColor: string;
 }
-export declare function ThermocyclerGEN2(props: ThermocyclerGEN2Props): JSX.Element;
+export declare function ThermocyclerGEN2(props: ThermocyclerGEN2Props): ReactNode;
 export {};

package/lib/hardware-sim/Module/Thermocycler/index.d.ts

@@ -1,7 +1,8 @@
+import type { ReactNode } from 'react';
 import type { ThermocyclerModuleModel } from '@opentrons/shared-data';
 export interface ThermocyclerVizProps {
     lidMotorState: 'open' | 'closed' | 'unknown';
     blockTargetTemp?: number | null;
     model: ThermocyclerModuleModel;
 }
-export declare function Thermocycler(props: ThermocyclerVizProps): JSX.Element;
+export declare function Thermocycler(props: ThermocyclerVizProps): ReactNode;

package/lib/hardware-sim/Module/Vacuum.d.ts

@@ -1 +1,2 @@
-export declare function Vacuum(): JSX.Element;
+import type { ReactNode } from 'react';
+export declare function Vacuum(): ReactNode;

package/lib/hardware-sim/Module/index.d.ts

@@ -58,4 +58,4 @@ interface Props {
     setSelectedSlot?: Dispatch<SetStateAction<string | null>>;
     setHoveredSlot?: Dispatch<SetStateAction<string | null>>;
 }
-export declare const Module: (props: Props) => JSX.Element;
+export declare const Module: (props: Props) => ReactNode;

package/lib/hardware-sim/Pipette/EightEmanatingNozzles.d.ts

@@ -1,4 +1,5 @@
+import type { ReactNode } from 'react';
 export declare const EightEmanatingNozzles: (props: {
     cx: number;
     initialCy: number;
-}) => JSX.Element;
+}) => ReactNode;

package/lib/hardware-sim/Pipette/EmanatingNozzle.d.ts

@@ -1,4 +1,5 @@
+import type { ReactNode } from 'react';
 export declare const EmanatingNozzle: (props: {
     cx: number;
     cy: number;
-}) => JSX.Element;
+}) => ReactNode;

package/lib/hardware-sim/Pipette/PipetteRender.d.ts

@@ -1,8 +1,9 @@
+import type { ReactNode } from 'react';
 import type { LabwareDefinition, PipetteName } from '@opentrons/shared-data';
 interface PipetteRenderProps {
     labwareDef: LabwareDefinition;
     pipetteName: PipetteName;
     usingMetalProbe?: boolean;
 }
-export declare const PipetteRender: (props: PipetteRenderProps) => JSX.Element;
+export declare const PipetteRender: (props: PipetteRenderProps) => ReactNode;
 export {};

package/lib/hardware-sim/Pipette/StrokedNozzles.d.ts

@@ -1,4 +1,4 @@
-import type { MemoExoticComponent } from 'react';
+import type { MemoExoticComponent, ReactNode } from 'react';
 import type { PipetteV2Specs } from '@opentrons/shared-data';
 import type { WellType } from '../..';
 export interface StrokedNozzleProps {
@@ -6,5 +6,5 @@ export interface StrokedNozzleProps {
     nozzleStatus: Record<string, WellType>;
     handleClickNozzle: (nozzleName: string) => void;
 }
-export declare function StrokedNozzlesComponent(props: StrokedNozzleProps): JSX.Element;
+export declare function StrokedNozzlesComponent(props: StrokedNozzleProps): ReactNode;
 export declare const StrokedNozzles: MemoExoticComponent<typeof StrokedNozzlesComponent>;

package/lib/hardware-sim/RobotCoordinateSpace/RobotCoordinateSpace.d.ts

@@ -5,5 +5,5 @@ interface RobotCoordinateSpaceProps {
     height?: string;
     viewBox?: string;
 }
-export declare function RobotCoordinateSpace(props: RobotCoordinateSpaceProps): JSX.Element;
+export declare function RobotCoordinateSpace(props: RobotCoordinateSpaceProps): ReactNode;
 export {};