@opentrons/components 0.1.6-alpha.7 → 0.1.6-alpha.9

package/lib/controls/LabeledButton.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { ButtonProps } from '../buttons';
 export interface LabeledButtonProps {
     label: string;

package/lib/controls/LabeledCheckbox.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 export interface LabeledCheckboxProps {
     label: string;
     name: string;

package/lib/controls/LabeledControl.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 export interface LabeledControlProps {
     label: string;
     control: React.ReactNode;

package/lib/controls/LabeledRadioGroup.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { RadioGroupProps } from '../forms';
 export interface LabeledRadioGroupProps extends RadioGroupProps {
     label: string;

package/lib/controls/LabeledSelect.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { DropdownFieldProps } from '../forms';
 export interface LabeledSelectProps extends DropdownFieldProps {
     label: string;

package/lib/controls/LabeledToggle.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 export interface LabeledToggleProps {
     label: string;
     toggledOn: boolean;

package/lib/controls/StackedLabeledControl.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 export interface StackedLabeledControlProps {
     label: string;
     control: React.ReactNode;

package/lib/forms/DeprecatedCheckboxField.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 /**
  * Checkbox Field Properties.
  */

package/lib/forms/DropdownField.d.ts

@@ -1,10 +1,10 @@
-import * as React from 'react';
-export interface DropdownOption {
+import type * as React from 'react';
+export interface LegacyDropdownOption {
     name: string;
     value: string;
     disabled?: boolean;
 }
-export type Options = DropdownOption[];
+export type Options = LegacyDropdownOption[];
 export interface DropdownFieldProps {
     /** change handler */
     onChange: React.ChangeEventHandler<HTMLSelectElement>;

package/lib/forms/FormGroup.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { HoverTooltipHandlers } from '../tooltips';
 export interface FormGroupProps {
     /** text label */

package/lib/forms/{InputField.d.ts → LegacyInputField.d.ts}

@@ -1,7 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 export declare const INPUT_TYPE_TEXT: 'text';
 export declare const INPUT_TYPE_PASSWORD: 'password';
-export interface InputFieldProps {
+export interface LegacyInputFieldProps {
     /** field is disabled if value is true */
     disabled?: boolean;
     /** change handler */
@@ -46,6 +46,6 @@ export interface InputFieldProps {
     isIndeterminate?: boolean;
 }
 /**
- * @deprecated Use `InputField` in App/atoms instead
+ * @deprecated Use `InputField`
  */
-export declare function InputField(props: InputFieldProps): JSX.Element;
+export declare function LegacyInputField(props: LegacyInputFieldProps): JSX.Element;

package/lib/forms/RadioGroup.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 export interface RadioOption {
     name: string;
     value: string;

package/lib/forms/Select.d.ts

@@ -1,6 +1,6 @@
 import { components as reactSelectComponents } from 'react-select';
-import { POSITION_ABSOLUTE, POSITION_FIXED } from '../styles';
 import type { Props as ReactSelectProps } from 'react-select';
+import type { POSITION_ABSOLUTE, POSITION_FIXED } from '../styles';
 export { reactSelectComponents };
 export declare const PLACEMENT_AUTO: 'auto';
 export declare const PLACEMENT_BOTTOM: 'bottom';

package/lib/forms/SelectField.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { SelectProps } from './Select';
 import type { ActionMeta } from 'react-select';
 import type { SelectOption } from '.';

package/lib/forms/ToggleField.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 export interface ToggleFieldProps {
     /** change handler */
     onChange: (event: React.ChangeEvent<HTMLInputElement>) => unknown;

package/lib/forms/index.d.ts

@@ -1,7 +1,7 @@
 export * from './DeprecatedCheckboxField';
 export * from './DropdownField';
 export * from './FormGroup';
-export * from './InputField';
+export * from './LegacyInputField';
 export * from './RadioGroup';
 export * from './Select';
 export * from './SelectField';

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

@@ -1,15 +1,19 @@
 import * as React from 'react';
 import { Module } from '../Module';
-import { Svg } from '../../primitives';
+import type { Svg } from '../../primitives';
 import type { DeckConfiguration, LabwareDefinition2, LabwareLocation, ModuleLocation, ModuleModel, RobotType } from '@opentrons/shared-data';
-import type { WellFill } from '../Labware';
+import type { WellFill, WellGroup } from '../Labware';
 export interface LabwareOnDeck {
     labwareLocation: LabwareLocation;
     definition: LabwareDefinition2;
     wellFill?: WellFill;
+    missingTips?: WellGroup;
     /** generic prop to render self-positioned children for each labware */
     labwareChildren?: React.ReactNode;
     onLabwareClick?: () => void;
+    highlight?: boolean;
+    highlightShadow?: boolean;
+    stacked?: boolean;
 }
 export interface ModuleOnDeck {
     moduleModel: ModuleModel;
@@ -20,6 +24,9 @@ export interface ModuleOnDeck {
     /** generic prop to render self-positioned children for each module */
     moduleChildren?: React.ReactNode;
     onLabwareClick?: () => void;
+    highlightLabware?: boolean;
+    highlightShadowLabware?: boolean;
+    stacked?: boolean;
 }
 interface BaseDeckProps {
     deckConfig: DeckConfiguration;

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { CutoutId, DeckDefinition, ModuleType } from '@opentrons/shared-data';
 interface SingleSlotFixtureProps extends React.SVGProps<SVGGElement> {
     cutoutId: CutoutId;

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

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

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

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

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { DeckDefinition, ModuleType } from '@opentrons/shared-data';
 export type StagingAreaLocation = 'cutoutA3' | 'cutoutB3' | 'cutoutC3' | 'cutoutD3';
 interface StagingAreaFixtureProps extends React.SVGProps<SVGGElement> {

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

@@ -1,6 +1,5 @@
-import * as React from 'react';
-import { WASTE_CHUTE_CUTOUT } from '@opentrons/shared-data';
-import type { DeckDefinition, ModuleType } from '@opentrons/shared-data';
+import type * as React from 'react';
+import type { WASTE_CHUTE_CUTOUT, DeckDefinition, ModuleType } from '@opentrons/shared-data';
 interface WasteChuteFixtureProps extends React.SVGProps<SVGGElement> {
     cutoutId: typeof WASTE_CHUTE_CUTOUT;
     deckDefinition: DeckDefinition;

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * 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> {

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

@@ -1,6 +1,5 @@
 import * as React from 'react';
-import { LoadedModule, LoadedLabware } from '@opentrons/shared-data';
-import type { LabwareDefinition2, LabwareLocation, RobotType, DeckConfiguration } from '@opentrons/shared-data';
+import type { LoadedLabware, LoadedModule, LabwareDefinition2, LabwareLocation, RobotType, DeckConfiguration } from '@opentrons/shared-data';
 import type { StyleProps } from '../../primitives';
 interface MoveLabwareOnDeckProps extends StyleProps {
     robotType: RobotType;

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import { Box } from '../../primitives';
 export interface RobotCoordsForeignDivProps {
     width?: string | number;

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import { Flex, ForeignObject } from '../../primitives';
 export interface RobotCoordsForeignObjectProps {
     width: string | number;

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 export interface RobotCoordsTextProps extends React.ComponentProps<'text'> {
     x: number;
     y: number;

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { StyleProps } from '../../primitives';
+import type { StyleProps } from '../../primitives';
 import type { DeckDefinition, DeckSlot } from '@opentrons/shared-data';
 export interface RobotWorkSpaceRenderProps {
     deckSlotsById: {

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

@@ -0,0 +1,10 @@
+import type { CutoutFixtureId, CutoutId, DeckDefinition } from '@opentrons/shared-data';
+interface AbsorbanceReaderFixtureProps {
+    deckDefinition: DeckDefinition;
+    fixtureLocation: CutoutId;
+    cutoutFixtureId: CutoutFixtureId;
+    handleClickRemove?: (fixtureLocation: CutoutId, cutoutFixtureId: CutoutFixtureId) => void;
+    selected?: boolean;
+}
+export declare function AbsorbanceReaderFixture(props: AbsorbanceReaderFixtureProps): JSX.Element;
+export {};

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { CutoutFixtureId, CutoutId, DeckConfiguration } from '@opentrons/shared-data';
 interface DeckConfiguratorProps {
     deckConfig: DeckConfiguration;

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { DeckSlot, RobotType } from '@opentrons/shared-data';
 interface LegacyDeckSlotLocationProps extends React.SVGProps<SVGGElement> {
     robotType: RobotType;

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

@@ -0,0 +1,39 @@
+import * as React from 'react';
+import type { LabwareDefinition2 } from '@opentrons/shared-data';
+import type { HighlightedWellLabels, WellMouseEvent, WellFill, WellStroke } from './labwareInternals/types';
+export interface LabwareProps {
+    /** Labware definition to render */
+    definition: LabwareDefinition2;
+    /** Opional Prop for labware on heater shakers sitting on right side of the deck */
+    shouldRotateAdapterOrientation?: boolean;
+    /** boolean to show well labels */
+    showLabels?: boolean;
+    /** color to render well labels */
+    wellLabelColor?: string;
+    /** option to highlight well labels with specified color */
+    highlightedWellLabels?: HighlightedWellLabels;
+    /** CSS color to fill specified wells */
+    wellFill?: WellFill;
+    /** CSS color to stroke specified wells */
+    wellStroke?: WellStroke;
+    /** 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;
+    /** Hide labware outline */
+    hideOutline?: boolean;
+    /** Provides well data attribute */
+    isInteractive?: boolean;
+}
+/**
+ * a refactor of the legacy LabwareRender component intended to provide predictable styling
+ * initial use in ODD well selection component with ODD-specific well label styling
+ * consider adding additional styled wells props if used elsewhere
+ * @param props
+ * @returns
+ */
+export declare const Labware: (props: LabwareProps) => JSX.Element;

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

@@ -0,0 +1 @@
+export declare function OpentronsAutoclavableDeckRiser(): JSX.Element;

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

@@ -0,0 +1 @@
+export declare function OpentronsToughPCRAutoSealingLid(): JSX.Element;

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

@@ -3,17 +3,25 @@ import { Opentrons96FlatBottomAdapter } from './Opentrons96FlatBottomAdapter';
 import { OpentronsUniversalFlatAdapter } from './OpentronsUniversalFlatAdapter';
 import { OpentronsAluminumFlatBottomPlate } from './OpentronsAluminumFlatBottomPlate';
 import { OpentronsFlex96TiprackAdapter } from './OpentronsFlex96TiprackAdapter';
+import { OpentronsToughPCRAutoSealingLid } from './OpentronsToughPCRAutoSealingLid';
+import { OpentronsAutoclavableDeckRiser } from './OpentronsAutoclavableDeckRiser';
+import type { LabwareDefinition2 } from '@opentrons/shared-data';
 declare const LABWARE_ADAPTER_LOADNAME_PATHS: {
     opentrons_96_deep_well_adapter: typeof Opentrons96DeepWellAdapter;
     opentrons_96_flat_bottom_adapter: typeof Opentrons96FlatBottomAdapter;
     opentrons_aluminum_flat_bottom_plate: typeof OpentronsAluminumFlatBottomPlate;
     opentrons_flex_96_tiprack_adapter: typeof OpentronsFlex96TiprackAdapter;
     opentrons_universal_flat_adapter: typeof OpentronsUniversalFlatAdapter;
+    opentrons_tough_pcr_auto_sealing_lid: typeof OpentronsToughPCRAutoSealingLid;
+    opentrons_flex_deck_riser: typeof OpentronsAutoclavableDeckRiser;
 };
 export type LabwareAdapterLoadName = keyof typeof LABWARE_ADAPTER_LOADNAME_PATHS;
 export declare const labwareAdapterLoadNames: string[];
 export interface LabwareAdapterProps {
     labwareLoadName: LabwareAdapterLoadName;
+    definition?: LabwareDefinition2;
+    highlight?: boolean;
+    highlightShadow?: boolean;
 }
 export declare const LabwareAdapter: (props: LabwareAdapterProps) => JSX.Element | null;
 export {};

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

@@ -1,7 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
+import type { CSSProperties } from 'styled-components';
 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";
@@ -32,11 +32,15 @@ export interface LabwareRenderProps {
     labwareStroke?: CSSProperties['stroke'];
     /** adds thicker blue border with blur to labware */
     highlight?: boolean;
+    /** adds a drop shadow to the highlight border */
+    highlightShadow?: 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;
+    showBorder?: boolean;
+    strokeColor?: string;
 }
 export declare const LabwareRender: (props: LabwareRenderProps) => JSX.Element;

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

@@ -0,0 +1,20 @@
+import type * as React from 'react';
+import type { LabwareDefinition2 } from '@opentrons/shared-data';
+import type { HighlightedWellLabels } from './labwareInternals/types';
+import type { WellLabelOption } from '../..';
+export interface LabwareStackRenderProps {
+    /** Labware definitions in stack to render */
+    definitionTop: LabwareDefinition2;
+    /** option to highlight well labels with specified color */
+    highlightedWellLabels?: HighlightedWellLabels;
+    /** highlight top labware */
+    highlightTop: boolean;
+    /** highlight bottom labware if it exists */
+    highlightBottom: boolean;
+    gRef?: React.RefObject<SVGGElement>;
+    definitionBottom?: LabwareDefinition2 | null;
+    shouldRotateAdapterOrientation?: boolean;
+    /** option to show well labels inside or outside of labware outline */
+    wellLabelOption?: WellLabelOption;
+}
+export declare const LabwareStackRender: (props: LabwareStackRenderProps) => JSX.Element;

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

@@ -0,0 +1 @@
+import '@testing-library/jest-dom/vitest';

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

@@ -1,3 +1,5 @@
 export * from './labwareInternals/index';
 export * from './LabwareRender';
+export * from './LabwareStackRender';
+export * from './Labware';
 export * from './labwareInternals/types';

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

@@ -4,6 +4,7 @@ import type { CSSProperties } from 'styled-components';
 export interface FilledWellsProps {
     definition: LabwareDefinition2;
     fillByWell: Record<string, CSSProperties['fill']>;
+    strokeColor?: string;
 }
 declare function FilledWellsComponent(props: FilledWellsProps): JSX.Element;
 export declare const FilledWells: React.MemoExoticComponent<typeof FilledWellsComponent>;

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

@@ -11,7 +11,11 @@ export interface LabwareOutlineProps {
     isTiprack?: boolean;
     /** adds thicker blue border with blur to labware, defaults to false */
     highlight?: boolean;
+    /** adds a drop shadow to the highlight border */
+    highlightShadow?: boolean;
     /** [legacy] override the border color */
     stroke?: CSSProperties['stroke'];
+    fill?: CSSProperties['fill'];
+    showRadius?: boolean;
 }
 export declare function LabwareOutline(props: LabwareOutlineProps): JSX.Element;

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

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import type { LabwareDefinition2 } from '@opentrons/shared-data';
+import type { HighlightedWellLabels } from './types';
+interface LabwareWellLabelsProps {
+    definition: LabwareDefinition2;
+    highlightedWellLabels?: HighlightedWellLabels;
+    wellLabelColor?: string;
+}
+export declare function LabwareWellLabelsComponent(props: LabwareWellLabelsProps): JSX.Element;
+/**
+ * for use in Labware.tsx component
+ * has ODD-specific styling
+ */
+export declare const LabwareWellLabels: React.MemoExoticComponent<typeof LabwareWellLabelsComponent>;
+export {};

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

@@ -1,17 +1,25 @@
 import * as React from 'react';
 import type { LabwareDefinition2 } from '@opentrons/shared-data';
-import type { WellMouseEvent } from './types';
+import type { WellMouseEvent, WellStroke } from './types';
+import type { CSSProperties } from 'styled-components';
 export interface StaticLabwareProps {
     /** Labware definition to render */
     definition: LabwareDefinition2;
     /** Add thicker blurred blue border to labware, defaults to false */
     highlight?: boolean;
+    /** adds a drop shadow to the highlight border */
+    highlightShadow?: 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;
+    fill?: CSSProperties['fill'];
+    showRadius?: boolean;
+    wellStroke?: WellStroke;
+    /** optional show of labware border, defaulted to true */
+    showBorder?: boolean;
 }
 export declare function StaticLabwareComponent(props: StaticLabwareProps): JSX.Element;
 export declare const StaticLabware: React.MemoExoticComponent<typeof StaticLabwareComponent>;

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

@@ -13,6 +13,8 @@ export interface WellProps extends StyleProps {
     /** Optional callback, called with WellMouseEvent args onMouseOver */
     onMouseEnterWell?: (e: WellMouseEvent) => unknown;
     onMouseLeaveWell?: (e: WellMouseEvent) => unknown;
+    /** Provides well data attribute */
+    isInteractive?: boolean;
 }
 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

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { WellLabelOption } from '../LabwareRender';
 import type { LabwareDefinition2 } from '@opentrons/shared-data';
+import type { WellLabelOption } from '../LabwareRender';
 import type { HighlightedWellLabels } from './types';
 export interface WellLabelsProps {
     definition: LabwareDefinition2;

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

@@ -0,0 +1 @@
+import '@testing-library/jest-dom/vitest';

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

@@ -5,3 +5,4 @@ export * from './WellLabels';
 export * from './FilledWells';
 export * from './LabwareOutline';
 export * from './Well';
+export * from './LabwareWellLabels';

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 export interface WellMouseEvent {
     wellName: string;
     event: React.MouseEvent;

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 export interface ModuleTagProps {
     x: number;
     y: number;

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

@@ -0,0 +1 @@
+export declare function PlateReader(): JSX.Element;

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

@@ -1,4 +1,4 @@
-import { ThermocyclerModuleModel } from '@opentrons/shared-data';
+import type { ThermocyclerModuleModel } from '@opentrons/shared-data';
 export interface ThermocyclerVizProps {
     lidMotorState: 'open' | 'closed' | 'unknown';
     blockTargetTemp?: number | null;

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

@@ -1,8 +1,8 @@
-import * as React from 'react';
-import { ModuleDefinition } from '@opentrons/shared-data';
+import type * as React from 'react';
 import { Thermocycler } from './Thermocycler';
 import { HeaterShaker } from './HeaterShaker';
 import { Temperature } from './Temperature';
+import type { ModuleDefinition } from '@opentrons/shared-data';
 export * from './Thermocycler';
 interface Props {
     x: number;

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

@@ -1,4 +1,4 @@
-import { LabwareDefinition2, PipetteName } from '@opentrons/shared-data';
+import type { LabwareDefinition2, PipetteName } from '@opentrons/shared-data';
 interface PipetteRenderProps {
     labwareDef: LabwareDefinition2;
     pipetteName: PipetteName;

package/lib/hardware-sim/ProtocolDeck/LabwareInfo.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { LabwareDefinition2 } from '@opentrons/shared-data';
+import type * as React from 'react';
+import type { LabwareDefinition2 } from '@opentrons/shared-data';
 export declare function LabwareInfo(props: {
     def: LabwareDefinition2;
     children: React.ReactNode;

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

@@ -1,11 +1,13 @@
-import * as React from 'react';
+import type * as React from 'react';
 import { BaseDeck } from '../BaseDeck';
-import type { CompletedProtocolAnalysis, ProtocolAnalysisOutput } from '@opentrons/shared-data';
+import type { CompletedProtocolAnalysis, LabwareDefinition2, ProtocolAnalysisOutput } from '@opentrons/shared-data';
 export * from './utils/getStandardDeckViewLayerBlockList';
 interface ProtocolDeckProps {
     protocolAnalysis: CompletedProtocolAnalysis | ProtocolAnalysisOutput | null;
     /** defaults to false, when set labware nicknames will appear on top level labware. If no nickname specified in protocol, falls back to labware definition display name */
     showLabwareInfo?: boolean;
+    /** optional labware click handler, highlights labware */
+    handleLabwareClick?: (labwareDef: LabwareDefinition2, labwareId: string) => void;
     /** extra props to pass through to BaseDeck component */
     baseDeckProps?: Partial<React.ComponentProps<typeof BaseDeck>>;
 }

package/lib/hardware-sim/ProtocolDeck/utils/index.d.ts

@@ -1,2 +1,3 @@
 export * from './getLabwareInSlots';
 export * from './getStandardDeckViewLayerBlockList';
+export * from './getLabwareInfoByLiquidId';

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import { Svg } from '../../primitives';
 interface RobotCoordinateSpaceProps extends React.ComponentProps<typeof Svg> {
     animated?: boolean;

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { Svg } from '../../primitives';
+import type { ReactNode } from 'react';
 import type { DeckDefinition, DeckSlot } from '@opentrons/shared-data';
 export interface RobotCoordinateSpaceWithRefRenderProps {
     deckSlotsById: {
@@ -9,7 +9,8 @@ export interface RobotCoordinateSpaceWithRefRenderProps {
 interface RobotCoordinateSpaceWithRefProps extends React.ComponentProps<typeof Svg> {
     viewBox?: string | null;
     deckDef?: DeckDefinition;
-    children?: (props: RobotCoordinateSpaceWithRefRenderProps) => React.ReactNode;
+    zoomed?: boolean;
+    children?: (props: RobotCoordinateSpaceWithRefRenderProps) => ReactNode;
 }
 export declare function RobotCoordinateSpaceWithRef(props: RobotCoordinateSpaceWithRefProps): JSX.Element | null;
 export {};

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

@@ -1,3 +1,3 @@
-import { AffineTransformMatrix } from '@opentrons/shared-data';
+import type { AffineTransformMatrix } from '@opentrons/shared-data';
 export declare const IDENTITY_AFFINE_TRANSFORM: AffineTransformMatrix;
 export declare function multiplyMatrices(a: number[][], b: number[][]): number[][];