@opentrons/components 0.1.1 → 0.1.2-alpha.1

package/lib/hardware-sim/BaseDeck/SlotBase.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare function SlotBase(props: React.SVGProps<SVGPathElement>): JSX.Element;

package/lib/hardware-sim/BaseDeck/SlotClip.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare function SlotClip(props: React.SVGProps<SVGPathElement>): JSX.Element;

package/lib/hardware-sim/BaseDeck/StagingAreaFixture.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import type { DeckDefinition, ModuleType } from '@opentrons/shared-data';
+export declare type StagingAreaLocation = 'cutoutA3' | 'cutoutB3' | 'cutoutC3' | 'cutoutD3';
+interface StagingAreaFixtureProps extends React.SVGProps<SVGGElement> {
+    cutoutId: StagingAreaLocation;
+    deckDefinition: DeckDefinition;
+    moduleType?: ModuleType;
+    fixtureBaseColor?: React.SVGProps<SVGPathElement>['fill'];
+    slotClipColor?: React.SVGProps<SVGPathElement>['stroke'];
+    showExtensions?: boolean;
+}
+export declare function StagingAreaFixture(props: StagingAreaFixtureProps): JSX.Element | null;
+export {};

package/lib/hardware-sim/BaseDeck/WasteChuteFixture.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { WASTE_CHUTE_CUTOUT } from '@opentrons/shared-data';
+import type { DeckDefinition, ModuleType } from '@opentrons/shared-data';
+interface WasteChuteFixtureProps extends React.SVGProps<SVGGElement> {
+    cutoutId: typeof WASTE_CHUTE_CUTOUT;
+    deckDefinition: DeckDefinition;
+    moduleType?: ModuleType;
+    fixtureBaseColor?: React.SVGProps<SVGPathElement>['fill'];
+    wasteChuteColor?: string;
+    showExtensions?: boolean;
+}
+export declare function WasteChuteFixture(props: WasteChuteFixtureProps): JSX.Element | null;
+interface WasteChuteProps {
+    wasteIconColor: string;
+    backgroundColor: string;
+}
+/**
+ * a deck map foreign object representing the physical location of the waste chute connected to the deck
+ */
+export declare function WasteChute(props: WasteChuteProps): JSX.Element;
+export {};

package/lib/hardware-sim/BaseDeck/WasteChuteStagingAreaFixture.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { WASTE_CHUTE_CUTOUT } from '@opentrons/shared-data';
+import type { DeckDefinition, ModuleType } from '@opentrons/shared-data';
+interface WasteChuteStagingAreaFixtureProps extends React.SVGProps<SVGGElement> {
+    cutoutId: typeof WASTE_CHUTE_CUTOUT;
+    deckDefinition: DeckDefinition;
+    moduleType?: ModuleType;
+    fixtureBaseColor?: React.SVGProps<SVGPathElement>['fill'];
+    slotClipColor?: React.SVGProps<SVGPathElement>['stroke'];
+    wasteChuteColor?: string;
+    showExtensions?: boolean;
+}
+export declare function WasteChuteStagingAreaFixture(props: WasteChuteStagingAreaFixtureProps): JSX.Element | null;
+export {};

package/lib/hardware-sim/BaseDeck/__fixtures__/index.d.ts

@@ -0,0 +1,4 @@
+import type { DeckConfiguration } from '@opentrons/shared-data';
+export declare const STANDARD_SLOT_DECK_CONFIG_FIXTURE: DeckConfiguration;
+export declare const EXTENDED_DECK_CONFIG_FIXTURE: DeckConfiguration;
+export declare const WASTE_CHUTE_DECK_CONFIG_FIXTURE: DeckConfiguration;

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

@@ -0,0 +1,5 @@
+export * from './BaseDeck';
+export * from './SingleSlotFixture';
+export * from './StagingAreaFixture';
+export * from './WasteChuteFixture';
+export * from './WasteChuteStagingAreaFixture';

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import type { RobotType } from '@opentrons/shared-data';
+export interface DeckFromLayersProps {
+    robotType: RobotType;
+    layerBlocklist: string[];
+}
+/**
+ * a component that renders an OT-2 deck from the V3 deck definition layers property
+ * takes a robot type prop to protect against an attempted Flex render
+ */
+export declare function DeckFromLayers(props: DeckFromLayersProps): JSX.Element | null;

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

@@ -0,0 +1,14 @@
+import type { RobotType } from '@opentrons/shared-data';
+export declare type TrashCutoutId = 'cutoutA1' | 'cutoutB1' | 'cutoutC1' | 'cutoutD1' | 'cutoutA3' | 'cutoutB3' | 'cutoutC3' | 'cutoutD3';
+interface FlexTrashProps {
+    robotType: RobotType;
+    trashIconColor: string;
+    backgroundColor: string;
+    trashCutoutId?: TrashCutoutId;
+}
+/**
+ * Component to render Opentrons Flex trash
+ * For use as a RobotWorkspace child component
+ */
+export declare const FlexTrash: ({ robotType, trashIconColor, backgroundColor, trashCutoutId, }: FlexTrashProps) => JSX.Element | null;
+export {};

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

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { LoadedModule, LoadedLabware } from '@opentrons/shared-data';
+import type { LabwareDefinition2, LabwareLocation, RobotType, DeckConfiguration } from '@opentrons/shared-data';
+import type { StyleProps } from '../../primitives';
+interface MoveLabwareOnDeckProps extends StyleProps {
+    robotType: RobotType;
+    movedLabwareDef: LabwareDefinition2;
+    initialLabwareLocation: LabwareLocation;
+    finalLabwareLocation: LabwareLocation;
+    loadedModules: LoadedModule[];
+    loadedLabware: LoadedLabware[];
+    deckConfig: DeckConfiguration;
+    backgroundItems?: React.ReactNode;
+    deckFill?: string;
+}
+export declare function MoveLabwareOnDeck(props: MoveLabwareOnDeckProps): JSX.Element | null;
+export {};

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export declare function FixedBase(): JSX.Element;
+export declare function FixedTrash(): JSX.Element;
+export declare function DoorStops(): JSX.Element;
+export declare function MetalFrame(): JSX.Element;
+export declare function RemovableDeckOutline(): JSX.Element;
+export declare function SlotRidges(): JSX.Element;
+export declare function SlotNumbers(): JSX.Element;
+export declare function CalibrationMarkings(): JSX.Element;
+export declare function RemovalHandle(): JSX.Element;
+export declare function ScrewHoles(): JSX.Element;

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

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { Box } from '../../primitives';
+export interface RobotCoordsForeignDivProps {
+    width?: string | number;
+    height?: string | number;
+    x?: string | number;
+    y?: string | number;
+    children?: React.ReactNode;
+    outerProps?: any;
+    innerDivProps?: React.ComponentProps<typeof Box>;
+    transformWithSVG?: boolean;
+    extraTransform?: string;
+}
+export declare const RobotCoordsForeignDiv: (props: RobotCoordsForeignDivProps) => JSX.Element;

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

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { Flex, ForeignObject } from '../../primitives';
+export interface RobotCoordsForeignObjectProps {
+    width: string | number;
+    height: string | number;
+    x: string | number;
+    y: string | number;
+    children?: React.ReactNode;
+    foreignObjectProps?: React.ComponentProps<typeof ForeignObject>;
+    flexProps?: React.ComponentProps<typeof Flex>;
+}
+export declare const RobotCoordsForeignObject: (props: RobotCoordsForeignObjectProps) => JSX.Element;

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

@@ -0,0 +1,8 @@
+import * as React from 'react';
+export interface RobotCoordsTextProps extends React.ComponentProps<'text'> {
+    x: number;
+    y: number;
+    children?: React.ReactNode;
+}
+/** SVG text reflected to use take robot coordinates as props */
+export declare function RobotCoordsText(props: RobotCoordsTextProps): JSX.Element;

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

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { StyleProps } from '../../primitives';
+import type { DeckDefinition, DeckSlot } from '@opentrons/shared-data';
+export interface RobotWorkSpaceRenderProps {
+    deckSlotsById: {
+        [slotId: string]: DeckSlot;
+    };
+    getRobotCoordsFromDOMCoords: (domX: number, domY: number) => {
+        x: number;
+        y: number;
+    };
+}
+export interface RobotWorkSpaceProps extends StyleProps {
+    deckDef?: DeckDefinition;
+    viewBox?: string | null;
+    children?: (props: RobotWorkSpaceRenderProps) => React.ReactNode;
+    deckLayerBlocklist?: string[];
+    showDeckLayers?: boolean;
+    id?: string;
+}
+export declare function RobotWorkSpace(props: RobotWorkSpaceProps): JSX.Element | null;

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

@@ -0,0 +1,12 @@
+import type { RobotType } from '@opentrons/shared-data';
+interface SlotLabelsProps {
+    robotType: RobotType;
+    color?: string;
+    show4thColumn?: boolean;
+}
+/**
+ * Component to render Opentrons Flex slot labels
+ * For use as a RobotWorkspace child component
+ */
+export declare const SlotLabels: ({ robotType, color, show4thColumn, }: SlotLabelsProps) => JSX.Element | null;
+export {};

package/lib/hardware-sim/Deck/__mocks__/getDeckDefinitions.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="jest" />
+export declare const getDeckDefinitions: jest.Mock<{}, []>;

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

@@ -0,0 +1 @@
+export declare const ALL_OT2_DECK_LAYERS: readonly ["fixedBase", "fixedTrash", "doorStops", "metalFrame", "removableDeckOutline", "slotRidges", "slotNumbers", "calibrationMarkings", "removalHandle", "screwHoles"];

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

@@ -0,0 +1,2 @@
+import type { DeckDefinition } from '@opentrons/shared-data';
+export declare function getDeckDefinitions(): Record<string, DeckDefinition>;

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

@@ -0,0 +1,9 @@
+export * from './DeckFromLayers';
+export * from './FlexTrash';
+export * from './getDeckDefinitions';
+export * from './MoveLabwareOnDeck';
+export * from './RobotCoordsForeignDiv';
+export * from './RobotCoordsForeignObject';
+export * from './RobotCoordsText';
+export * from './RobotWorkSpace';
+export * from './SlotLabels';

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { CutoutId, DeckDefinition } from '@opentrons/shared-data';
+interface EmptyConfigFixtureProps {
+    deckDefinition: DeckDefinition;
+    fixtureLocation: CutoutId;
+    handleClickAdd: (fixtureLocation: CutoutId) => void;
+}
+export declare function EmptyConfigFixture(props: EmptyConfigFixtureProps): JSX.Element;
+export {};

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { CutoutId, DeckDefinition } from '@opentrons/shared-data';
+interface StagingAreaConfigFixtureProps {
+    deckDefinition: DeckDefinition;
+    fixtureLocation: CutoutId;
+    handleClickRemove?: (fixtureLocation: CutoutId) => void;
+}
+export declare function StagingAreaConfigFixture(props: StagingAreaConfigFixtureProps): JSX.Element;
+export {};

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { CutoutId, DeckDefinition } from '@opentrons/shared-data';
+interface TrashBinConfigFixtureProps {
+    deckDefinition: DeckDefinition;
+    fixtureLocation: CutoutId;
+    handleClickRemove?: (fixtureLocation: CutoutId) => void;
+}
+export declare function TrashBinConfigFixture(props: TrashBinConfigFixtureProps): JSX.Element;
+export {};

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import type { CutoutId, DeckDefinition } from '@opentrons/shared-data';
+interface WasteChuteConfigFixtureProps {
+    deckDefinition: DeckDefinition;
+    fixtureLocation: CutoutId;
+    handleClickRemove?: (fixtureLocation: CutoutId) => void;
+    hasStagingAreas?: boolean;
+}
+export declare function WasteChuteConfigFixture(props: WasteChuteConfigFixtureProps): JSX.Element;
+export {};

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

@@ -0,0 +1,15 @@
+/**
+ * These are Flex deck configurator-only values to position a foreign object
+ * Position is relative to deck definition slot positions and a custom stroke applied to the single slot fixture SVG
+ */
+export declare const FIXTURE_HEIGHT = 102;
+export declare const SINGLE_SLOT_FIXTURE_WIDTH = 243.5;
+export declare const STAGING_AREA_FIXTURE_WIDTH = 314.5;
+export declare const COLUMN_1_X_ADJUSTMENT = -100;
+export declare const COLUMN_3_X_ADJUSTMENT = -15.5;
+export declare const Y_ADJUSTMENT = -8;
+export declare const STAGING_AREA_DISPLAY_NAME = "Staging area";
+export declare const TRASH_BIN_DISPLAY_NAME = "Trash bin";
+export declare const WASTE_CHUTE_DISPLAY_NAME = "Waste chute";
+export declare const CONFIG_STYLE_READ_ONLY: import("styled-components").FlattenSimpleInterpolation;
+export declare const CONFIG_STYLE_EDITABLE: import("styled-components").FlattenSimpleInterpolation;

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

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import type { CutoutId, DeckConfiguration } from '@opentrons/shared-data';
+interface DeckConfiguratorProps {
+    deckConfig: DeckConfiguration;
+    handleClickAdd: (cutoutId: CutoutId) => void;
+    handleClickRemove: (cutoutId: CutoutId) => void;
+    lightFill?: string;
+    darkFill?: string;
+    readOnly?: boolean;
+    showExpansion?: boolean;
+    children?: React.ReactNode;
+}
+export declare function DeckConfigurator(props: DeckConfiguratorProps): JSX.Element;
+export {};

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

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import type { DeckSlot, RobotType } from '@opentrons/shared-data';
+interface LegacyDeckSlotLocationProps extends React.SVGProps<SVGGElement> {
+    robotType: RobotType;
+    slotName: DeckSlot['id'];
+    slotBaseColor?: React.SVGProps<SVGPathElement>['fill'];
+    slotClipColor?: React.SVGProps<SVGPathElement>['stroke'];
+}
+export declare const OT2_FIXED_TRASH_X_DIMENSION = 172.86;
+export declare const OT2_FIXED_TRASH_Y_DIMENSION = 165.86;
+/**
+ * This is a legacy component for rendering an OT-2 deck slot by reference to the V4 deck definition
+ */
+export declare function LegacyDeckSlotLocation(props: LegacyDeckSlotLocationProps): JSX.Element | null;
+export {};

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

@@ -0,0 +1,40 @@
+import * as React from 'react';
+import type { LabwareDefinition2 } from '@opentrons/shared-data';
+import type { HighlightedWellLabels, WellMouseEvent, WellFill, WellStroke, WellGroup } from './labwareInternals/types';
+import type { CSSProperties } from 'styled-components';
+export declare const WELL_LABEL_OPTIONS: {
+    readonly SHOW_LABEL_INSIDE: "SHOW_LABEL_INSIDE";
+    readonly SHOW_LABEL_OUTSIDE: "SHOW_LABEL_OUTSIDE";
+};
+export declare type WellLabelOption = keyof typeof WELL_LABEL_OPTIONS;
+export interface LabwareRenderProps {
+    /** Labware definition to render */
+    definition: LabwareDefinition2;
+    /** option to show well labels inside or outside of labware outline */
+    wellLabelOption?: WellLabelOption;
+    /** wells to highlight */
+    highlightedWells?: WellGroup | null;
+    /** option for none highlighted wells to be disabled */
+    disabledWells?: WellGroup[];
+    missingTips?: WellGroup | null;
+    /** color to render well labels */
+    wellLabelColor?: string;
+    /** option to highlight well labels with specified color */
+    highlightedWellLabels?: HighlightedWellLabels;
+    selectedWells?: WellGroup | null;
+    /** CSS color to fill specified wells */
+    wellFill?: WellFill;
+    /** CSS color to stroke specified wells */
+    wellStroke?: WellStroke;
+    /** CSS color to stroke the labware outline */
+    labwareStroke?: CSSProperties['stroke'];
+    /** adds thicker blue border with blur to labware */
+    highlight?: boolean;
+    /** Optional callback, called with WellMouseEvent args onMouseEnter */
+    onMouseEnterWell?: (e: WellMouseEvent) => unknown;
+    /** Optional callback, called with WellMouseEvent args onMouseLeave */
+    onMouseLeaveWell?: (e: WellMouseEvent) => unknown;
+    gRef?: React.RefObject<SVGGElement>;
+    onLabwareClick?: () => void;
+}
+export declare const LabwareRender: (props: LabwareRenderProps) => JSX.Element;

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,3 @@
+export * from './labwareInternals';
+export * from './LabwareRender';
+export * from './labwareInternals/types';

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

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import type { LabwareDefinition2 } from '@opentrons/shared-data';
+import type { CSSProperties } from 'styled-components';
+export interface FilledWellsProps {
+    definition: LabwareDefinition2;
+    fillByWell: Record<string, CSSProperties['fill']>;
+}
+declare function FilledWellsComponent(props: FilledWellsProps): JSX.Element;
+export declare const FilledWells: React.MemoExoticComponent<typeof FilledWellsComponent>;
+export {};

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

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import type { CSSProperties } from 'styled-components';
+import type { LabwareDefinition2 } from '@opentrons/shared-data';
+export interface LabwareOutlineProps {
+    /** Labware definition to outline */
+    definition?: LabwareDefinition2;
+    /** x dimension in mm of this labware, used if definition doesn't supply dimensions, defaults to 127.76 */
+    width?: number;
+    /** y dimension in mm of this labware, used if definition doesn't supply dimensions, defaults to 85.48 */
+    height?: number;
+    /** 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 */
+    isTiprack?: boolean;
+    /** adds thicker blue border with blur to labware, defaults to false */
+    highlight?: boolean;
+    /** [legacy] override the border color */
+    stroke?: CSSProperties['stroke'];
+}
+export declare function LabwareOutline(props: LabwareOutlineProps): JSX.Element;

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

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import type { LabwareDefinition2 } from '@opentrons/shared-data';
+import type { WellMouseEvent } from './types';
+export interface StaticLabwareProps {
+    /** Labware definition to render */
+    definition: LabwareDefinition2;
+    /** Add thicker blurred blue border to labware, defaults to false */
+    highlight?: boolean;
+    /** Optional callback to be executed when entire labware element is clicked */
+    onLabwareClick?: () => void;
+    /** Optional callback to be executed when mouse enters a well element */
+    onMouseEnterWell?: (e: WellMouseEvent) => unknown;
+    /** Optional callback to be executed when mouse leaves a well element */
+    onMouseLeaveWell?: (e: WellMouseEvent) => unknown;
+}
+export declare function StaticLabwareComponent(props: StaticLabwareProps): JSX.Element;
+export declare const StaticLabware: React.MemoExoticComponent<typeof StaticLabwareComponent>;

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

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import type { LabwareDefinition2 } from '@opentrons/shared-data';
+import type { CSSProperties } from 'styled-components';
+export interface StrokedWellProps {
+    definition: LabwareDefinition2;
+    strokeByWell: Record<string, CSSProperties['stroke']>;
+}
+export declare function StrokedWellsComponent(props: StrokedWellProps): JSX.Element;
+export declare const StrokedWells: React.MemoExoticComponent<typeof StrokedWellsComponent>;

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

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import type { LabwareDefinition2 } from '@opentrons/shared-data';
+import type { WellGroup } from './types';
+declare type WellContents = 'tipPresent' | 'tipMissing' | 'defaultWell' | 'disabledWell' | 'highlightedWell' | 'selectedWell';
+export interface StyledWellProps {
+    wellContents: WellContents;
+    definition: LabwareDefinition2;
+    wells: WellGroup;
+}
+export declare const STYLE_BY_WELL_CONTENTS: {
+    [wellContents in WellContents]: {
+        stroke: React.CSSProperties['stroke'];
+        fill: React.CSSProperties['fill'];
+        strokeWidth: React.CSSProperties['strokeWidth'];
+    };
+};
+declare function StyledWellsComponent(props: StyledWellProps): JSX.Element;
+export declare const StyledWells: React.MemoExoticComponent<typeof StyledWellsComponent>;
+export {};

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

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import type { LabwareWell } from '@opentrons/shared-data';
+import type { WellMouseEvent } from './types';
+import type { StyleProps } from '../../../primitives';
+export declare const INTERACTIVE_WELL_DATA_ATTRIBUTE = "data-wellname";
+export interface WellProps extends StyleProps {
+    /** Well Name (eg 'A1') */
+    wellName: string;
+    /** well object from labware definition */
+    well: LabwareWell;
+    stroke: React.CSSProperties['stroke'];
+    strokeWidth: React.CSSProperties['strokeWidth'];
+    fill: React.CSSProperties['fill'];
+    /** Optional callback, called with WellMouseEvent args onMouseOver */
+    onMouseEnterWell?: (e: WellMouseEvent) => unknown;
+    onMouseLeaveWell?: (e: WellMouseEvent) => unknown;
+}
+export declare function WellComponent(props: WellProps): JSX.Element;
+export declare const Well: React.MemoExoticComponent<typeof WellComponent>;

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

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { WellLabelOption } from '../LabwareRender';
+import type { LabwareDefinition2 } from '@opentrons/shared-data';
+import type { HighlightedWellLabels } from './types';
+export interface WellLabelsProps {
+    definition: LabwareDefinition2;
+    wellLabelOption: WellLabelOption;
+    highlightedWellLabels?: HighlightedWellLabels;
+    wellLabelColor?: string;
+}
+export declare function WellLabelsComponent(props: WellLabelsProps): JSX.Element;
+export declare const WellLabels: React.MemoExoticComponent<typeof WellLabelsComponent>;

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,6 @@
+export * from './StaticLabware';
+export * from './StyledWells';
+export * from './StrokedWells';
+export * from './WellLabels';
+export * from './FilledWells';
+export * from './LabwareOutline';

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

@@ -0,0 +1,12 @@
+import * as React from 'react';
+export interface WellMouseEvent {
+    wellName: string;
+    event: React.MouseEvent;
+}
+export declare type WellFill = Record<string, string>;
+export declare type WellStroke = WellFill;
+export declare type WellGroup = Record<string, null>;
+export interface HighlightedWellLabels {
+    wells: string[];
+    color?: string;
+}

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export interface HeaterShakerVizProps {
+    targetTemp: number | null;
+}
+export declare function HeaterShaker(props: HeaterShakerVizProps): JSX.Element;

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function MagneticBlock(): JSX.Element;

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function MagneticModule(): JSX.Element;

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

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export interface ModuleTagProps {
+    x: number;
+    y: number;
+    height: number;
+    width: number;
+    children: React.ReactNode;
+}
+export declare const ModuleTag: (props: ModuleTagProps) => JSX.Element;

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export interface TemperatureVizProps {
+    targetTemperature: number | null;
+}
+export declare function Temperature(props: TemperatureVizProps): JSX.Element;

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+interface ThermocyclerGEN1Props {
+    lidMotorState: 'open' | 'closed';
+    ledLightColor: string;
+}
+export declare function ThermocyclerGEN1(props: ThermocyclerGEN1Props): JSX.Element;
+export {};

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+interface ThermocyclerGEN2Props {
+    lidMotorState: 'open' | 'closed';
+    ledLightColor: string;
+}
+export declare function ThermocyclerGEN2(props: ThermocyclerGEN2Props): JSX.Element;
+export {};

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { 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;

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

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { ModuleDefinition } from '@opentrons/shared-data';
+import { Thermocycler } from './Thermocycler';
+import { HeaterShaker } from './HeaterShaker';
+import { Temperature } from './Temperature';
+export * from './Thermocycler';
+interface Props {
+    x: number;
+    y: number;
+    def: ModuleDefinition;
+    orientation?: 'left' | 'right';
+    innerProps?: React.ComponentProps<typeof Thermocycler> | React.ComponentProps<typeof HeaterShaker> | React.ComponentProps<typeof Temperature> | {};
+    statusInfo?: React.ReactNode;
+    children?: React.ReactNode;
+    targetSlotId?: string;
+    targetDeckId?: string;
+}
+export declare const Module: (props: Props) => JSX.Element;

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

@@ -0,0 +1,4 @@
+export declare const EightEmanatingNozzles: (props: {
+    cx: number;
+    initialCy: number;
+}) => JSX.Element;

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

@@ -0,0 +1,4 @@
+export declare const EmanatingNozzle: (props: {
+    cx: number;
+    cy: number;
+}) => JSX.Element;

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

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

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1 @@
+export {};