@opentrons/components 0.2.1-alpha.0 → 0.3.0-alpha.0

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

@@ -1,11 +1,7 @@
-import type { CSSProperties } from 'styled-components';
-import type { RefObject } from 'react';
+import type { CSSProperties, RefObject } from 'react';
 import type { LabwareDefinition } from '@opentrons/shared-data';
-import type { HighlightedWellLabels, WellFill, WellGroup, WellMouseEvent, WellStroke } from './labwareInternals/types';
-export declare const WELL_LABEL_OPTIONS: {
-    readonly SHOW_LABEL_INSIDE: "SHOW_LABEL_INSIDE";
-    readonly SHOW_LABEL_OUTSIDE: "SHOW_LABEL_OUTSIDE";
-};
+import type { TipType, WellType } from './labwareInternals/types';
+import type { HighlightedWellLabels, WELL_LABEL_OPTIONS, WellFillByName, WellGroup, WellMouseEvent, WellStrokeByName } from './labwareInternals/Wells';
 export type WellLabelOption = keyof typeof WELL_LABEL_OPTIONS;
 export interface LabwareRenderProps {
     /** Labware definition to render */
@@ -67,9 +63,9 @@ export interface LabwareRenderProps {
     highlightedWellLabels?: HighlightedWellLabels;
     selectedWells?: WellGroup | null;
     /** CSS color to fill specified wells */
-    wellFill?: WellFill;
+    wellFill?: WellFillByName;
     /** CSS color to stroke specified wells */
-    wellStroke?: WellStroke;
+    wellStroke?: WellStrokeByName;
     /** CSS color to stroke the labware outline */
     labwareStroke?: CSSProperties['stroke'];
     /** adds thicker blue border with blur to labware */
@@ -84,5 +80,9 @@ export interface LabwareRenderProps {
     onLabwareClick?: () => void;
     showBorder?: boolean;
     strokeColor?: string;
+    statusByWellName?: Record<string, TipType | WellType>;
+    handleClickWell?: (wellName: string) => void;
+    selectedTipsByIndex?: Record<string, number>;
+    fill?: CSSProperties['fill'];
 }
 export declare const LabwareRender: (props: LabwareRenderProps) => JSX.Element;

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

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

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

@@ -1,4 +1,4 @@
-import type { CSSProperties } from 'styled-components';
+import type { CSSProperties } 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 */

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

@@ -1,6 +1,6 @@
 import type { MemoExoticComponent } from 'react';
 import type { LabwareDefinition } from '@opentrons/shared-data';
-import type { HighlightedWellLabels } from './types';
+import type { HighlightedWellLabels } from './Wells';
 interface LabwareWellLabelsProps {
     definition: LabwareDefinition;
     highlightedWellLabels?: HighlightedWellLabels;

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

@@ -1,7 +1,8 @@
 import type { CSSProperties } from 'styled-components';
 import type { MemoExoticComponent } from 'react';
 import type { LabwareDefinition } from '@opentrons/shared-data';
-import type { WellMouseEvent, WellStroke } from './types';
+import type { TipType, WellType } from './types';
+import type { WellMouseEvent, WellStrokeByName } from './Wells/constants';
 export interface StaticLabwareProps {
     /** Labware definition to render */
     definition: LabwareDefinition;
@@ -17,9 +18,13 @@ export interface StaticLabwareProps {
     onMouseLeaveWell?: (e: WellMouseEvent) => unknown;
     fill?: CSSProperties['fill'];
     showRadius?: boolean;
-    wellStroke?: WellStroke;
+    wellStroke?: WellStrokeByName;
     /** optional show of labware border, defaulted to true */
     showBorder?: boolean;
+    borderStroke?: CSSProperties['stroke'];
+    statusByWellName?: Record<string, TipType | WellType>;
+    handleClickWell?: (wellName: string) => void;
+    selectedTipsByIndex?: Record<string, number>;
 }
 export declare function StaticLabwareComponent(props: StaticLabwareProps): JSX.Element;
 export declare const StaticLabware: MemoExoticComponent<typeof StaticLabwareComponent>;

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

@@ -0,0 +1,3 @@
+export declare function InaccessibleTip(props: {
+    size?: string;
+}): JSX.Element;

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

@@ -0,0 +1,4 @@
+export declare function NewTip(props: {
+    wellName: string;
+    size?: string;
+}): JSX.Element;

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

@@ -0,0 +1,11 @@
+import type { LabwareWellMap } from '@opentrons/shared-data';
+import type { TipType } from '../types';
+interface TipStatusProps {
+    type: TipType;
+    wellMap: LabwareWellMap;
+    wellName: string;
+    size?: string;
+    text?: string;
+}
+export declare function TipStatus(props: TipStatusProps): JSX.Element;
+export {};

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

@@ -0,0 +1,4 @@
+export declare function UsedTip(props: {
+    wellName: string;
+    size?: string;
+}): JSX.Element;

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

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

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

@@ -0,0 +1,11 @@
+import type { TipState } from '@opentrons/step-generation';
+import type { TipType } from '../types';
+export declare const DEFAULT_TIP_SIZE = "20";
+export declare const NEW: 'new';
+export declare const USED: 'used';
+export declare const SELECTED: 'selected';
+export declare const NO: 'no';
+export declare const INACCESSIBLE: 'inaccessible';
+export declare const SELECTED_USED: 'selected_used';
+export declare const SELECTED_ERROR: 'selected_error';
+export declare const tipStateToTipType: Record<TipState, TipType>;

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

@@ -0,0 +1,2 @@
+export * from './constants';
+export * from './TipStatus';

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

@@ -0,0 +1,10 @@
+import type { LabwareWellMap } from '@opentrons/shared-data';
+import type { ParentType } from '../types';
+interface EmptyWellProps {
+    wellMap: LabwareWellMap;
+    parentType: ParentType;
+    wellName: string;
+    size?: string;
+}
+export declare function EmptyWell(props: EmptyWellProps): JSX.Element;
+export {};

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

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

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

@@ -0,0 +1,13 @@
+import type { LabwareWellMap } from '@opentrons/shared-data';
+interface SelectedWellProps {
+    wellMap: LabwareWellMap;
+    wellName: string;
+    size?: string;
+    textInsideTip?: string;
+    isUsed?: boolean;
+    isError?: boolean;
+    isSelected?: boolean;
+    showStroke?: boolean;
+}
+export declare function SelectedWell(props: SelectedWellProps): JSX.Element;
+export {};

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

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

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

@@ -1,6 +1,6 @@
 import type { CSSProperties, MemoExoticComponent } from 'react';
 import type { LabwareDefinition } from '@opentrons/shared-data';
-import type { WellGroup } from './types';
+import type { WellGroup } from './constants';
 type WellContents = 'tipPresent' | 'tipMissing' | 'defaultWell' | 'disabledWell' | 'highlightedWell' | 'selectedWell';
 export interface StyledWellProps {
     wellContents: WellContents;

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

@@ -1,8 +1,7 @@
 import type { CSSProperties, MemoExoticComponent } from 'react';
 import type { LabwareWell } from '@opentrons/shared-data';
-import type { StyleProps } from '../../../primitives';
-import type { WellMouseEvent } from './types';
-export interface WellProps extends StyleProps {
+import type { WellMouseEvent } from './constants';
+export interface WellProps extends CSSProperties {
     /** Well Name (eg 'A1') */
     wellName: string;
     /** well object from labware definition */

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

@@ -1,7 +1,7 @@
 import type { MemoExoticComponent } from 'react';
 import type { LabwareDefinition } from '@opentrons/shared-data';
-import type { WellLabelOption } from '../LabwareRender';
-import type { HighlightedWellLabels } from './types';
+import type { WellLabelOption } from '../../LabwareRender';
+import type { HighlightedWellLabels } from './constants';
 export interface WellLabelsProps {
     definition: LabwareDefinition;
     wellLabelOption: WellLabelOption;

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

@@ -0,0 +1,12 @@
+import type { LabwareWellMap } from '@opentrons/shared-data';
+import type { ParentType, WellType } from '../types';
+interface WellStatusProps {
+    wellMap: LabwareWellMap;
+    wellName: string;
+    type: WellType;
+    parentType: ParentType;
+    showStroke?: boolean;
+    size?: string;
+}
+export declare function WellStatus(props: WellStatusProps): JSX.Element;
+export {};

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

@@ -0,0 +1,21 @@
+import type { CSSProperties, MouseEvent } from 'react';
+export declare const UNSELECTED: 'unselected';
+export interface HighlightedWellLabels {
+    wells: string[];
+    color?: string;
+}
+export interface WellMouseEvent {
+    wellName: string;
+    event: MouseEvent;
+}
+type WellName = string;
+export type WellStroke = CSSProperties['stroke'];
+export type WellFill = CSSProperties['fill'];
+export type WellFillByName = Record<WellName, WellFill>;
+export type WellStrokeByName = Record<WellName, WellStroke>;
+export type WellGroup = Record<string, null>;
+export declare const WELL_LABEL_OPTIONS: {
+    readonly SHOW_LABEL_INSIDE: "SHOW_LABEL_INSIDE";
+    readonly SHOW_LABEL_OUTSIDE: "SHOW_LABEL_OUTSIDE";
+};
+export {};

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

@@ -0,0 +1,9 @@
+export * from './StyledWells';
+export * from './StrokedWells';
+export * from './WellLabels';
+export * from './FilledWells';
+export * from './EmptyWell';
+export * from './SelectedWell';
+export * from './Well';
+export * from './WellStatus';
+export * from './constants';

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

@@ -0,0 +1,2 @@
+import type { LabwareWellMap } from '@opentrons/shared-data';
+export declare const getWidthAndHeightOfWellSVG: (wellMap: LabwareWellMap) => [number, number];

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

@@ -1,8 +1,5 @@
 export * from './StaticLabware';
-export * from './StyledWells';
-export * from './StrokedWells';
-export * from './WellLabels';
-export * from './FilledWells';
 export * from './LabwareOutline';
-export * from './Well';
 export * from './LabwareWellLabels';
+export * from './Tips';
+export * from './Wells';

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

@@ -1,12 +1,10 @@
-import type { MouseEvent } from 'react';
-export interface WellMouseEvent {
-    wellName: string;
-    event: MouseEvent;
-}
-export type WellFill = Record<string, string>;
-export type WellStroke = WellFill;
-export type WellGroup = Record<string, null>;
-export interface HighlightedWellLabels {
-    wells: string[];
-    color?: string;
-}
+import type { INACCESSIBLE, NEW, NO, SELECTED, SELECTED_ERROR, SELECTED_USED, USED } from './Tips/constants';
+import type { UNSELECTED } from './Wells/constants';
+export type TipType = typeof NEW | typeof USED | typeof SELECTED | typeof NO | typeof INACCESSIBLE | typeof SELECTED_USED | typeof SELECTED_ERROR;
+export type WellType = typeof SELECTED | typeof INACCESSIBLE | typeof UNSELECTED | typeof SELECTED_ERROR;
+export declare const WELL: 'well';
+export declare const TIP: 'tip';
+export type SelectionType = typeof WELL | typeof TIP;
+export declare const LABWARE: 'labware';
+export declare const PIPETTE: 'pipette';
+export type ParentType = typeof LABWARE | typeof PIPETTE;

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

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

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

@@ -1,17 +1,42 @@
 import { HeaterShaker } from './HeaterShaker';
 import { Temperature } from './Temperature';
 import { Thermocycler } from './Thermocycler';
-import type { ComponentProps, ReactNode } from 'react';
+import type { ComponentProps, Dispatch, ReactNode, SetStateAction } from 'react';
 import type { ModuleDefinition } from '@opentrons/shared-data';
 export * from './Thermocycler';
 interface Props {
+    /**
+     * The x-coordinate of the module origin,
+     * which is the -x,-y corner of the slot that the module is in.
+     */
     x: number;
+    /**
+     * The y-coordinate of the module origin,
+     * which is the -x,-y corner of the slot that the module is in.
+     */
     y: number;
     def: ModuleDefinition;
-    orientation?: 'left' | 'right';
-    innerProps?: ComponentProps<typeof Thermocycler> | ComponentProps<typeof HeaterShaker> | ComponentProps<typeof Temperature> | {};
-    statusInfo?: ReactNode;
-    children?: ReactNode;
+    /**
+     * How child components should be positioned. Use `passThrough` for new code.
+     *
+     * `passThrough` - The SVG origin of each child will be at the origin of the module,
+     *   which is the front-left (-x, -y) corner of the slot that the module is in.
+     *   From there, use a helper component like `CenterLabwareInModuleChildSlot` or
+     *   `AlignToModuleChildSlot` to move the child where you want it.
+     *
+     * `offsetToSlot - The SVG origin of each child will be at the "labware mating interface"
+     *   of the module, which is the front-left (-x, -y) corner of the slot on top of the
+     *   module.
+     *
+     *   This is deprecated for separation of responsibilities, and because it's easier
+     *   to support labware schema 3's unpredictable labware origins with `passThrough`'s
+     *   way of doing things.
+     *
+     * todo(mm, 2025-07-21):
+     * 1. Migrate all existing call sites to use "passThrough".
+     * 2. Remove "offsetToSlot".
+     */
+    childrenPositioningMode: 'passThrough' | 'offsetToSlot';
     /**
      * Used for applying slot-specific positioning adjustments.
      * If you're rendering the module on a deck, supply this for correct positioning.
@@ -22,5 +47,15 @@ interface Props {
      * If you're rendering the module on a deck, supply this for correct positioning.
      */
     targetDeckId: string | null;
+    orientation?: 'left' | 'right';
+    innerProps?: ComponentProps<typeof Thermocycler> | ComponentProps<typeof HeaterShaker> | ComponentProps<typeof Temperature> | {};
+    statusInfo?: ReactNode; /** contents of small status rectangle, not displayed if absent */
+    /**
+     * Contents to be rendered above and as part of the module, typically labware.
+     * See `childrenPositioningMode`.
+     */
+    children?: ReactNode;
+    setSelectedSlot?: Dispatch<SetStateAction<string | null>>;
+    setHoveredSlot?: Dispatch<SetStateAction<string | null>>;
 }
 export declare const Module: (props: Props) => JSX.Element;

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

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

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

@@ -5,3 +5,6 @@ export declare const MULTI_CHANNEL_PIPETTE_HEIGHT = 90.3;
 export declare const NINETY_SIX_CHANNEL_PIPETTE_WIDTH = 117.7;
 export declare const MULTI_CHANNEL_CENTER_Y_NOZZLE = 13.3;
 export declare const MULTI_CHANNEL_Y_OFFSET = -2.5;
+export declare const NOZZLE_SIZE_MM = "8";
+export declare const NOZZLE_DIAMETER = 20;
+export declare const NOZZLE_POSITION_IN_RENDER = 5;

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

@@ -1 +1,2 @@
 export * from './PipetteRender';
+export * from './StrokedNozzles';

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

@@ -1,7 +1,9 @@
-import { Svg } from '../../primitives';
-import type { ComponentProps } from 'react';
-interface RobotCoordinateSpaceProps extends ComponentProps<typeof Svg> {
+import type { ReactNode } from 'react';
+interface RobotCoordinateSpaceProps {
     animated?: boolean;
+    children?: ReactNode;
+    height?: string;
+    viewBox?: string;
 }
 export declare function RobotCoordinateSpace(props: RobotCoordinateSpaceProps): JSX.Element;
 export {};

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

@@ -1,15 +1,16 @@
-import { Svg } from '../../primitives';
-import type { ComponentProps, ReactNode } from 'react';
+import type { ReactNode } from 'react';
 import type { DeckDefinition, DeckSlot } from '@opentrons/shared-data';
+import type { SvgProps } from '../../primitives';
 export interface RobotCoordinateSpaceWithRefRenderProps {
     deckSlotsById: {
         [slotId: string]: DeckSlot;
     };
 }
-interface RobotCoordinateSpaceWithRefProps extends ComponentProps<typeof Svg> {
-    viewBox?: string | null;
+interface RobotCoordinateSpaceWithRefProps extends SvgProps {
+    viewBox?: string;
     deckDef?: DeckDefinition;
     zoomed?: boolean;
+    adjustViewBoxForStacker?: boolean;
     children?: (props: RobotCoordinateSpaceWithRefRenderProps) => ReactNode;
 }
 export declare function RobotCoordinateSpaceWithRef(props: RobotCoordinateSpaceWithRefProps): JSX.Element | null;

package/lib/hardware-sim/alignment/AlignToModuleChildSlot.d.ts

@@ -0,0 +1,25 @@
+import type { PropsWithChildren } from 'react';
+import type { ModuleDefinition } from '@opentrons/shared-data';
+export type AlignToModuleChildSlotProps = PropsWithChildren<{
+    /** Should match the `deckId` passed to the parent `<Module>`. */
+    deckId: string | null;
+    /** Should match the `slotId` passed to the parent `<Module>`. */
+    slotId: string | null;
+    /** Should match the module definition passed to the parent `<Module>`. */
+    moduleDefinition: ModuleDefinition;
+}>;
+/**
+ * Applies an SVG transform to children so that their SVG origin is at the front-left
+ * (-x, -y) corner of the "slot" atop a module.
+ *
+ * See `getModuleParentOriginToChildSlotOrigin()` for nuances of what "the 'slot' atop
+ * the module" means for things like the Thermocycler and Heater-Shaker.
+ *
+ * @example
+ * <Module ...>
+ *   <AlignToModuleChildSlot ...>
+ *     <SomeUIControl ... />
+ *   </AlignToModuleChildSlot>
+ * </Module>
+ */
+export declare function AlignToModuleChildSlot(props: AlignToModuleChildSlotProps): JSX.Element;

package/lib/hardware-sim/alignment/CenterLabwareInModuleChildSlot.d.ts

@@ -0,0 +1,33 @@
+import type { PropsWithChildren } from 'react';
+import type { LabwareDefinition, ModuleDefinition } from '@opentrons/shared-data';
+export type CenterLabwareInModuleChildSlotProps = PropsWithChildren<{
+    /** Should match the `deckId` passed to the parent `<Module>`. */
+    deckId: string | null;
+    /** Should match the `slotId` passed to the parent `<Module>`. */
+    slotId: string | null;
+    /** Should match the module definition passed to the parent `<Module>`. */
+    moduleDefinition: ModuleDefinition;
+    /** Should match the labware definition passed to the child `<Labware>`/`<LabwareRender>`. */
+    labwareDefinition: LabwareDefinition;
+}>;
+/**
+ * This visually aligns a labware so it's centered in the slot atop a module.
+ *
+ * Certain modules, like the Thermocycler and Heater-Shaker, don't have slots. In those
+ * cases, the labware will be centered over the thermal block or whatever the module has
+ * instead.
+ *
+ * The parent SVG origin should be the front-left (-x,-y) corner of the slot that the
+ * module is in, which is also the origin of the module.
+ *
+ * Example:
+ *
+ * ```
+ * <Module childrenPositioningMode="passThrough" ...>
+ *   <CenterLabwareInModuleChildSlot ...>
+ *     <LabwareRender positioningMode="passThrough" ... />
+ *   </CenterLabwareInModuleChildSlot>
+ * </Module>
+ * ```
+ */
+export declare function CenterLabwareInModuleChildSlot(props: CenterLabwareInModuleChildSlotProps): JSX.Element;

package/lib/hardware-sim/alignment/CenterLabwareInSlot.d.ts

@@ -0,0 +1,11 @@
+import type { PropsWithChildren } from 'react';
+import type { LabwareDefinition } from '@opentrons/shared-data';
+export type CenterLabwareInSlotProps = PropsWithChildren<{
+    definition: LabwareDefinition;
+}>;
+/**
+ * This wraps a `<LabwareRender>` to center it within a standard-sized slot.
+ *
+ * The parent SVG origin should point to the front-left (-x, -y) corner of the slot.
+ */
+export declare function CenterLabwareInSlot(props: CenterLabwareInSlotProps): JSX.Element;

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

@@ -0,0 +1,4 @@
+/** Helper components to align deck items like labware and modules to each other. */
+export * from './AlignToModuleChildSlot';
+export * from './CenterLabwareInModuleChildSlot';
+export * from './CenterLabwareInSlot';

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

@@ -1,3 +1,4 @@
+export * from './alignment';
 export * from './BaseDeck';
 export * from './BaseDeck/__fixtures__';
 export * from './Deck';

package/lib/helix-design-system/colors.d.ts

@@ -71,6 +71,7 @@ export declare const blue50 = "#006CFA";
 export declare const transparentWhite80 = "#FFFFFFCC";
 export declare const transparentWhite50 = "#FFFFFF80";
 export declare const transparentBlack80 = "#16212D80";
+export declare const transparentBlack90 = "#16212D90";
 /**
  * flex
  */

package/lib/hocs/withStyleProps.d.ts

@@ -1,5 +1,5 @@
 import type { ComponentProps, ComponentType } from 'react';
-import type { StyleProps } from '../primitives';
+import type { StyleProps } from '../primitives/types';
 /**
  * A Higher-Order Component (HOC) that enhances a component by enabling it to
  * accept `StyleProps`.

package/lib/hooks/__tests__/useCommandTypeSummaries.test.d.ts

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

package/lib/hooks/index.d.ts

@@ -1,7 +1,9 @@
+export * from './useCommandTypeSummaries';
 export * from './useConditionalConfirm';
 export * from './useDrag';
 export * from './useInterval';
 export * from './useLongPress';
+export * from './useMenuHandleClickOutside';
 export * from './useMountEffect';
 export * from './usePrevious';
 export * from './useScrolling';
@@ -9,4 +11,3 @@ export * from './useSelectDeckLocation';
 export * from './useSwipe';
 export * from './useTimeout';
 export * from './useToggle';
-export * from './useMenuHandleClickOutside';

package/lib/hooks/testHelpers/index.d.ts

@@ -0,0 +1,2 @@
+import type { RunTimeCommand } from '@opentrons/shared-data';
+export declare function getLatestCommandTypeList(): Array<RunTimeCommand['commandType']>;

package/lib/hooks/useCommandTypeSummaries.d.ts

@@ -0,0 +1,2 @@
+import type { RunTimeCommand } from '@opentrons/shared-data';
+export declare function useCommandTypeSummaries(commandType?: RunTimeCommand['commandType']): string;

package/lib/hooks/useConditionalConfirm.d.ts

@@ -1,3 +1,8 @@
+export interface UseConditionalConfirmResult<T extends any[]> {
+    confirm: (...args: T) => void;
+    showConfirmation: boolean;
+    cancel: () => unknown;
+}
 /**
  * useConditionalConfirm is intended for cases where we want to block and defer
  * a particular user action until the user clicks "ok" in any kind of "are you sure?"
@@ -33,13 +38,4 @@
  * }
  * ```
  */
-export interface UseConditionalConfirmResult<T extends any[]> {
-    confirm: (...args: T) => void;
-    showConfirmation: boolean;
-    cancel: () => unknown;
-}
-/**
- * Provides conditional confirmation logic, allowing certain actions to be blocked
- * until explicitly confirmed.
- */
 export declare const useConditionalConfirm: <T extends any[]>(handleContinue: (...args: T) => any, shouldBlock: boolean) => UseConditionalConfirmResult<T>;

package/lib/i18n.d.ts

@@ -9,6 +9,10 @@ export declare const LANGUAGES: Array<{
     name: string;
     value: Language;
 }>;
+/** base i18n config to be used in all other projects in the monorepo
+ *  that use i18n
+ */
+export declare const baseI18nConfig: InitOptions;
 declare const i18nConfig: InitOptions;
 declare const i18nCb: (err?: Error) => void;
 export { i18n, i18nCb, i18nConfig };

package/lib/icons/ModuleIcon.d.ts

@@ -1,11 +1,12 @@
+/// <reference types="react" />
 import type { ModuleType } from '@opentrons/shared-data';
-import type { StyleProps } from '../primitives/types';
-export type ModuleIconName = 'ot-magnet-v2' | 'ot-heater-shaker' | 'ot-temperature-v2' | 'ot-magnet-v2' | 'ot-thermocycler' | 'ot-absorbance' | 'ot-flex-stacker';
+export type ModuleIconName = 'ot-magnet-v2' | 'ot-heater-shaker' | 'ot-temperature-v2' | 'ot-magnet-v2' | 'ot-thermocycler' | 'ot-absorbance' | 'ot-flex-stacker' | 'ot-vacuum';
 export declare const MODULE_ICON_NAME_BY_TYPE: {
     [type in ModuleType]: ModuleIconName;
 };
-interface ModuleIconProps extends StyleProps {
+interface ModuleIconProps {
     moduleType: ModuleType;
 }
-export declare function ModuleIcon(props: ModuleIconProps): JSX.Element;
+declare function ModuleIconComponent(props: ModuleIconProps): JSX.Element;
+export declare const ModuleIcon: typeof ModuleIconComponent & import("react").ComponentType<ModuleIconProps & import("..").StyleProps>;
 export {};