@opentrons/components 0.1.6-alpha.6 → 0.1.6-alpha.8

package/lib/atoms/buttons/LargeButton.d.ts

@@ -0,0 +1,17 @@
+import type * as React from 'react';
+import type { StyleProps } from '../../primitives';
+import type { IconName } from '../../icons';
+type LargeButtonTypes = 'primary' | 'secondary' | 'alert' | 'alertStroke' | 'alertAlt' | 'stroke';
+interface LargeButtonProps extends StyleProps {
+    /** used for form submission */
+    type?: 'submit';
+    onClick?: () => void;
+    buttonType?: LargeButtonTypes;
+    buttonText: React.ReactNode;
+    iconName?: IconName;
+    disabled?: boolean;
+    /** aria-disabled for displaying snack bar. */
+    ariaDisabled?: boolean;
+}
+export declare function LargeButton(props: LargeButtonProps): JSX.Element;
+export {};

package/lib/atoms/buttons/PrimaryButton.d.ts

@@ -0,0 +1 @@
+export declare const PrimaryButton: import("styled-components").StyledComponent<"button", any, import("../../primitives").StyleProps, any>;

package/lib/atoms/buttons/RadioButton.d.ts

@@ -0,0 +1,21 @@
+import type * as React from 'react';
+import type { IconName } from '../../icons';
+import type { StyleProps } from '../../primitives';
+interface RadioButtonProps extends StyleProps {
+    buttonLabel: string | React.ReactNode;
+    buttonValue: string | number;
+    onChange: React.ChangeEventHandler<HTMLInputElement>;
+    disabled?: boolean;
+    iconName?: IconName;
+    isSelected?: boolean;
+    largeDesktopBorderRadius?: boolean;
+    radioButtonType?: 'large' | 'small';
+    subButtonLabel?: string;
+    id?: string;
+    maxLines?: number;
+    setNoHover?: () => void;
+    setHovered?: () => void;
+    error?: string | null;
+}
+export declare function RadioButton(props: RadioButtonProps): JSX.Element;
+export {};

package/lib/atoms/buttons/SecondaryButton.d.ts

@@ -0,0 +1,7 @@
+import type { StyleProps } from '../../index';
+interface SecondaryButtonProps extends StyleProps {
+    /** button action is dangerous and may have non-reversible side-effects for user */
+    isDangerous?: boolean;
+}
+export declare const SecondaryButton: import("styled-components").StyledComponent<"button", any, SecondaryButtonProps, never>;
+export {};

package/lib/atoms/buttons/__tests__/AlertPrimaryButton.test.d.ts

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

package/lib/atoms/buttons/__tests__/AltPrimaryButton.test.d.ts

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

package/lib/atoms/buttons/__tests__/EmptySelectorButton.test.d.ts

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

package/lib/atoms/buttons/__tests__/LargeButton.test.d.ts

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

package/lib/atoms/buttons/__tests__/PrimaryButton.test.d.ts

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

package/lib/atoms/buttons/__tests__/RadioButton.test.d.ts

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

package/lib/atoms/buttons/__tests__/SecondaryButton.test.d.ts

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

package/lib/atoms/buttons/index.d.ts

@@ -0,0 +1,6 @@
+export * from './AlertPrimaryButton';
+export * from './EmptySelectorButton';
+export * from './LargeButton';
+export * from './PrimaryButton';
+export * from './RadioButton';
+export * from './SecondaryButton';

package/lib/atoms/index.d.ts

@@ -0,0 +1,20 @@
+export * from './buttons';
+export * from './Checkbox';
+export * from './CheckboxField';
+export * from './Chip';
+export * from './Divider';
+export * from './InputField';
+export * from './ListButton';
+export * from './ListItem';
+export * from './ListItem/ListItemChildren//ListItemDescriptor';
+export * from './MenuList';
+export * from './MenuList/MenuItem';
+export * from './MenuList/OverflowBtn';
+export * from './Snackbar';
+export * from './StepMeter';
+export * from './StepMeter';
+export * from './StyledText';
+export * from './Tag';
+export * from './Toast';
+export * from './ToggleGroup';
+export * from './Tooltip';

package/lib/barrel.d.ts

@@ -0,0 +1,3 @@
+export * from './hardware-sim';
+export * from './primitives';
+export * from './ui-style-constants';

package/lib/buttons/Button.d.ts

@@ -0,0 +1,50 @@
+import type * as React from 'react';
+import { BUTTON_TYPE_BUTTON } from '../primitives';
+import type { BUTTON_TYPE_SUBMIT, BUTTON_TYPE_RESET } from '../primitives';
+import type { IconName } from '../icons';
+import type { UseHoverTooltipTargetProps } from '../tooltips';
+export interface ButtonProps {
+    /** id attribute */
+    id?: string;
+    /** click handler */
+    onClick?: React.MouseEventHandler;
+    /** name attribute */
+    name?: string;
+    /** title attribute */
+    title?: string;
+    /** disabled attribute (setting disabled removes onClick) */
+    disabled?: boolean | null | undefined;
+    /** use hover style even when not hovered */
+    hover?: boolean | null | undefined;
+    /** optional Icon name */
+    iconName?: IconName;
+    /** classes to apply */
+    className?: string;
+    /** inverts the default color/background/border of default button style */
+    inverted?: boolean;
+    /** contents of the button */
+    children?: React.ReactNode;
+    /** type of button (default "button") */
+    type?: typeof BUTTON_TYPE_SUBMIT | typeof BUTTON_TYPE_RESET | typeof BUTTON_TYPE_BUTTON;
+    /** ID of form that button is for */
+    form?: string;
+    /** custom element or component to use instead of `<button>` */
+    Component?: React.ComponentType<any> | keyof JSX.IntrinsicElements;
+    /** handlers for HoverTooltipComponent */
+    hoverTooltipHandlers?: UseHoverTooltipTargetProps | null | undefined;
+    /** html tabindex property */
+    tabIndex?: number;
+    /** catch all prop for pass-through props */
+    [name: string]: any;
+}
+/**
+ * Basic, un-styled button. You probably want to use a styled button
+ * instead. All buttons take the same props.
+ *
+ * If you need access to the ButtonProps type, you can:
+ * ```js
+ * import {type ButtonProps} from '@opentrons/components'
+ * ```
+ * @deprecated Use {@link Btn}
+ */
+export declare function Button(props: ButtonProps): JSX.Element;

package/lib/buttons/DeprecatedPrimaryButton.d.ts

@@ -0,0 +1,8 @@
+import type { ButtonProps } from './Button';
+/**
+ * Primary application button. Fills its container and has a dark
+ * background with white text
+ *
+ * @deprecated Use {@link PrimaryButton}
+ */
+export declare function DeprecatedPrimaryButton(props: ButtonProps): JSX.Element;

package/lib/buttons/FlatButton.d.ts

@@ -0,0 +1,5 @@
+import type { ButtonProps } from './Button';
+/**
+ * Flat-styled button with a default width of `9rem` and no background fill
+ */
+export declare function FlatButton(props: ButtonProps): JSX.Element;

package/lib/buttons/IconButton.d.ts

@@ -0,0 +1,14 @@
+import type { IconProps } from '../icons';
+import type { ButtonProps } from './Button';
+interface Props extends ButtonProps {
+    name: IconProps['name'];
+    spin?: IconProps['spin'];
+}
+/**
+ * FlatButton variant for a button that is a single icon. Takes props of
+ * both Button _and_ Icon. Use `name` to specify icon name.
+ *
+ * @deprecated Use {@link Btn} and {@link Icon}
+ */
+export declare function IconButton(props: Props): JSX.Element;
+export {};

package/lib/buttons/OutlineButton.d.ts

@@ -0,0 +1,8 @@
+import type { ButtonProps } from './Button';
+/**
+ * Button with no background fill and a dark border.
+ * Use inverted prop for buttons on dark backgrounds.
+ *
+ * @deprecated Use {@link SecondaryBtn}
+ */
+export declare function OutlineButton(props: ButtonProps): JSX.Element;

package/lib/buttons/index.d.ts

@@ -0,0 +1,5 @@
+export * from './Button';
+export * from './FlatButton';
+export * from './DeprecatedPrimaryButton';
+export * from './IconButton';
+export * from './OutlineButton';

package/lib/controls/ControlInfo.d.ts

@@ -0,0 +1,6 @@
+import type * as React from 'react';
+export interface ControlInfoProps {
+    children: React.ReactNode;
+    className?: string;
+}
+export declare function ControlInfo(props: ControlInfoProps): JSX.Element;

package/lib/controls/LabeledButton.d.ts

@@ -0,0 +1,8 @@
+import type * as React from 'react';
+import type { ButtonProps } from '../buttons';
+export interface LabeledButtonProps {
+    label: string;
+    buttonProps: ButtonProps;
+    children: React.ReactNode;
+}
+export declare function LabeledButton(props: LabeledButtonProps): JSX.Element;

package/lib/controls/LabeledCheckbox.d.ts

@@ -0,0 +1,10 @@
+import type * as React from 'react';
+export interface LabeledCheckboxProps {
+    label: string;
+    name: string;
+    value: boolean;
+    className?: string;
+    children: React.ReactNode;
+    onChange: React.ChangeEventHandler<HTMLInputElement>;
+}
+export declare function LabeledCheckbox(props: LabeledCheckboxProps): JSX.Element;

package/lib/controls/LabeledControl.d.ts

@@ -0,0 +1,7 @@
+import type * as React from 'react';
+export interface LabeledControlProps {
+    label: string;
+    control: React.ReactNode;
+    children?: React.ReactNode;
+}
+export declare function LabeledControl(props: LabeledControlProps): JSX.Element;

package/lib/controls/LabeledRadioGroup.d.ts

@@ -0,0 +1,8 @@
+import type * as React from 'react';
+import type { RadioGroupProps } from '../forms';
+export interface LabeledRadioGroupProps extends RadioGroupProps {
+    label: string;
+    children: React.ReactNode;
+    'data-test'?: string;
+}
+export declare function LabeledRadioGroup(props: LabeledRadioGroupProps): JSX.Element;

package/lib/controls/LabeledSelect.d.ts

@@ -0,0 +1,9 @@
+import type * as React from 'react';
+import type { DropdownFieldProps } from '../forms';
+export interface LabeledSelectProps extends DropdownFieldProps {
+    label: string;
+    children: React.ReactNode;
+    /** optional data test id for the container */
+    'data-test'?: string;
+}
+export declare function LabeledSelect(props: LabeledSelectProps): JSX.Element;

package/lib/controls/LabeledToggle.d.ts

@@ -0,0 +1,11 @@
+import type * as React from 'react';
+export interface LabeledToggleProps {
+    label: string;
+    toggledOn: boolean;
+    disabled?: boolean;
+    children?: React.ReactNode;
+    onClick: () => unknown;
+    /** optional data test id for the container */
+    'data-test'?: string;
+}
+export declare function LabeledToggle(props: LabeledToggleProps): JSX.Element;

package/lib/controls/StackedLabeledControl.d.ts

@@ -0,0 +1,7 @@
+import type * as React from 'react';
+export interface StackedLabeledControlProps {
+    label: string;
+    control: React.ReactNode;
+    children?: React.ReactNode;
+}
+export declare function StackedLabeledControl(props: StackedLabeledControlProps): JSX.Element;

package/lib/controls/ToggleButton.d.ts

@@ -0,0 +1,5 @@
+import type { ButtonProps } from '../buttons';
+export interface ToggleButtonProps extends ButtonProps {
+    toggledOn: boolean;
+}
+export declare function ToggleButton(props: ToggleButtonProps): JSX.Element;

package/lib/controls/index.d.ts

@@ -0,0 +1,6 @@
+export * from './ToggleButton';
+export * from './LabeledToggle';
+export * from './LabeledButton';
+export * from './LabeledSelect';
+export * from './LabeledCheckbox';
+export * from './LabeledRadioGroup';

package/lib/forms/DeprecatedCheckboxField.d.ts

@@ -0,0 +1,33 @@
+import type * as React from 'react';
+/**
+ * Checkbox Field Properties.
+ */
+export interface DeprecatedCheckboxFieldProps {
+    /** change handler */
+    onChange: React.ChangeEventHandler;
+    /** checkbox is checked if value is true */
+    value?: boolean;
+    /** classes to apply */
+    className?: string;
+    /** classes to apply to inner label text div. Deprecated. use labelProps.className */
+    labelTextClassName?: string | null | undefined;
+    /** name of field in form */
+    name?: string;
+    /** label text for checkbox */
+    label?: string;
+    /** if is included, checkbox will use error style. The content of the string is ignored. */
+    error?: string | null | undefined;
+    /** checkbox is disabled if value is true */
+    disabled?: boolean;
+    /** html tabindex property */
+    tabIndex?: number;
+    /** props passed into label div. TODO IMMEDIATELY what is the Flow type? */
+    labelProps?: React.ComponentProps<'div'>;
+    /** if true, render indeterminate icon */
+    isIndeterminate?: boolean;
+}
+/**
+ * Checkbox Form Field
+ * @deprecated
+ */
+export declare function DeprecatedCheckboxField(props: DeprecatedCheckboxFieldProps): JSX.Element;

package/lib/forms/DropdownField.d.ts

@@ -0,0 +1,38 @@
+import type * as React from 'react';
+export interface LegacyDropdownOption {
+    name: string;
+    value: string;
+    disabled?: boolean;
+}
+export type Options = LegacyDropdownOption[];
+export interface DropdownFieldProps {
+    /** change handler */
+    onChange: React.ChangeEventHandler<HTMLSelectElement>;
+    /** focus handler */
+    onFocus?: React.FocusEventHandler<HTMLSelectElement>;
+    /** blur handler */
+    onBlur?: React.FocusEventHandler<HTMLSelectElement>;
+    /** value that is selected */
+    value?: string | null | undefined;
+    /** optional id for the <select> element */
+    id?: string;
+    /** name of field in form */
+    name?: string;
+    /** Array of {name, value} data */
+    options: Options;
+    /** classes to apply */
+    className?: string;
+    /** optional caption. hidden when `error` is given */
+    caption?: string;
+    /** if included, DropdownField will use error style and display error instead of caption */
+    error?: string | null | undefined;
+    /** dropdown is disabled if value is true */
+    disabled?: boolean;
+    /** html tabindex property */
+    tabIndex?: number;
+    /** automatically focus field on render */
+    autoFocus?: boolean;
+    /** if true, render indeterminate unselectable option */
+    isIndeterminate?: boolean;
+}
+export declare function DropdownField(props: DropdownFieldProps): JSX.Element;

package/lib/forms/FormGroup.d.ts

@@ -0,0 +1,19 @@
+import type * as React from 'react';
+import type { HoverTooltipHandlers } from '../tooltips';
+export interface FormGroupProps {
+    /** text label */
+    label?: string;
+    /** form content */
+    children?: React.ReactNode;
+    /** classes to apply */
+    className?: string | null | undefined;
+    /** if is included, FormGroup title will use error style. The content of the string is ignored. */
+    error?: string | null | undefined;
+    /** enable disabled style. Overridden by truthy `error` */
+    disabled?: boolean | null | undefined;
+    /** handlers for HoverTooltipComponent */
+    hoverTooltipHandlers?: HoverTooltipHandlers | null | undefined;
+    /** boolean indicating formGroup used in pipette Settings slideout */
+    isPipetteSettingsSlideout?: boolean;
+}
+export declare function FormGroup(props: FormGroupProps): JSX.Element;

package/lib/forms/LegacyInputField.d.ts

@@ -0,0 +1,51 @@
+import type * as React from 'react';
+export declare const INPUT_TYPE_TEXT: 'text';
+export declare const INPUT_TYPE_PASSWORD: 'password';
+export interface LegacyInputFieldProps {
+    /** field is disabled if value is true */
+    disabled?: boolean;
+    /** change handler */
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    /** classes to apply to outer element */
+    className?: string;
+    /** inline label text. DEPRECATED */
+    label?: string;
+    /** classes to apply to inner label text div */
+    labelTextClassName?: string | null | undefined;
+    /** name of field in form */
+    name?: string;
+    /** optional ID of <input> element */
+    id?: string;
+    /** placeholder text */
+    placeholder?: string;
+    /** optional suffix component, appears to the right of input text */
+    units?: React.ReactNode;
+    /** current value of text in box, defaults to '' */
+    value?: string | null | undefined;
+    /** if included, InputField will use error style and display error instead of caption */
+    error?: string | null | undefined;
+    /** optional caption. hidden when `error` is given */
+    caption?: string | null | undefined;
+    /** appears to the right of the caption. Used for character limits, eg '0/45' */
+    secondaryCaption?: string | null | undefined;
+    /** optional input type (default "text") */
+    type?: typeof INPUT_TYPE_TEXT | typeof INPUT_TYPE_PASSWORD;
+    /** mouse click handler */
+    onClick?: (event: React.MouseEvent<HTMLInputElement>) => unknown;
+    /** focus handler */
+    onFocus?: (event: React.FocusEvent<HTMLInputElement>) => unknown;
+    /** blur handler */
+    onBlur?: (event: React.FocusEvent<HTMLInputElement>) => unknown;
+    /** makes input field read-only */
+    readOnly?: boolean | undefined;
+    /** html tabindex property */
+    tabIndex?: number;
+    /** automatically focus field on render */
+    autoFocus?: boolean;
+    /** if true, clear out value and add '-' placeholder */
+    isIndeterminate?: boolean;
+}
+/**
+ * @deprecated Use `InputField`
+ */
+export declare function LegacyInputField(props: LegacyInputFieldProps): JSX.Element;

package/lib/forms/RadioGroup.d.ts

@@ -0,0 +1,29 @@
+import type * as React from 'react';
+export interface RadioOption {
+    name: string;
+    value: string;
+    children?: React.ReactNode;
+}
+export interface RadioGroupProps {
+    /** blur handler */
+    onBlur?: React.FocusEventHandler<HTMLInputElement>;
+    /** change handler */
+    onChange: React.ChangeEventHandler;
+    /** value that is checked */
+    value?: string;
+    /** Array of {name, value} data with optional children */
+    options?: RadioOption[];
+    /** Show radio buttons inline instead of stacked */
+    inline?: boolean;
+    /** classes to apply to outer div */
+    className?: string;
+    /** classes to apply to inner label text div */
+    labelTextClassName?: string | null | undefined;
+    /** if is included, RadioGroup will use error style. The content of the string is ignored. */
+    error?: string | null | undefined;
+    /** 'name' attr of input */
+    name?: string;
+    /** optional prop to turn radio field blue when checked */
+    useBlueChecked?: boolean;
+}
+export declare function RadioGroup(props: RadioGroupProps): JSX.Element;

package/lib/forms/Select.d.ts

@@ -0,0 +1,26 @@
+import { components as reactSelectComponents } from 'react-select';
+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';
+export declare const PLACEMENT_TOP: 'top';
+export declare const CONTEXT_MENU: 'menu';
+export declare const CONTEXT_VALUE: 'value';
+export declare const SELECT_CX_PREFIX = "ot_select";
+export type ChangeAction = 'select-option' | 'deselect-option' | 'remove-value' | 'pop-value' | 'set-value' | 'clear' | 'create-option';
+export interface SelectOption {
+    value: string;
+    label?: string;
+    isDisabled?: boolean;
+}
+export interface SelectOptionGroup {
+    options: SelectOption[];
+    label?: string;
+}
+export type SelectOptionOrGroup = SelectOption | SelectOptionGroup;
+export type SelectPlacement = typeof PLACEMENT_AUTO | typeof PLACEMENT_BOTTOM | typeof PLACEMENT_TOP;
+export type SelectPosition = typeof POSITION_ABSOLUTE | typeof POSITION_FIXED;
+export type SelectOptionContext = typeof CONTEXT_MENU | typeof CONTEXT_VALUE;
+export type SelectProps = ReactSelectProps<SelectOption>;
+export declare function Select(props: SelectProps): JSX.Element;

package/lib/forms/SelectField.d.ts

@@ -0,0 +1,33 @@
+import type * as React from 'react';
+import type { SelectProps } from './Select';
+import type { ActionMeta } from 'react-select';
+import type { SelectOption } from '.';
+export interface SelectFieldProps {
+    /** optional HTML id for container */
+    id?: SelectProps['id'];
+    /** field name */
+    name: NonNullable<SelectProps['name']>;
+    /** react-Select option, usually label, value */
+    options: NonNullable<SelectProps['options']>;
+    /** currently selected value */
+    value?: string | null;
+    /** disable the select */
+    disabled?: SelectProps['isDisabled'];
+    /** optional placeholder  */
+    placeholder?: SelectProps['placeholder'];
+    /** menuPosition prop to send to react-select */
+    menuPosition?: SelectProps['menuPosition'];
+    /** render function for the option label passed to react-select */
+    formatOptionLabel?: SelectProps['formatOptionLabel'];
+    /** optional className */
+    className?: string;
+    /** optional caption. hidden when `error` is given */
+    caption?: React.ReactNode;
+    /** if included, use error style and display error instead of caption */
+    error?: string | null;
+    /** change handler called with (name, value) */
+    onValueChange?: (name: string, value: string, actionMeta: ActionMeta<SelectOption>) => void;
+    /** blur handler called with (name) */
+    onLoseFocus?: (name: string) => void;
+}
+export declare function SelectField(props: SelectFieldProps): JSX.Element;

package/lib/forms/ToggleField.d.ts

@@ -0,0 +1,22 @@
+import type * as React from 'react';
+export interface ToggleFieldProps {
+    /** change handler */
+    onChange: (event: React.ChangeEvent<HTMLInputElement>) => unknown;
+    /** checkbox is checked if value is true */
+    value?: boolean;
+    /** classes to apply */
+    className?: string;
+    /** classes to apply to inner label text div */
+    labelTextClassName?: string | null | undefined;
+    /** name of field in form */
+    name?: string;
+    /** label text for toggled off */
+    offLabel?: string;
+    /** label text for toggled on */
+    onLabel?: string;
+    /** checkbox is disabled if value is true */
+    disabled?: boolean;
+    /** html tabindex property */
+    tabIndex?: number;
+}
+export declare function ToggleField(props: ToggleFieldProps): JSX.Element;

package/lib/forms/__tests__/DeprecatedCheckboxField.test.d.ts

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

package/lib/forms/__tests__/DropdownField.test.d.ts

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

package/lib/forms/__tests__/InputField.test.d.ts

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

package/lib/forms/__tests__/Select.test.d.ts

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

package/lib/forms/__tests__/SelectField.test.d.ts

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

package/lib/forms/__tests__/ToggleField.test.d.ts

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

package/lib/forms/index.d.ts

@@ -0,0 +1,8 @@
+export * from './DeprecatedCheckboxField';
+export * from './DropdownField';
+export * from './FormGroup';
+export * from './LegacyInputField';
+export * from './RadioGroup';
+export * from './Select';
+export * from './SelectField';
+export * from './ToggleField';

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

@@ -0,0 +1,49 @@
+import * as React from 'react';
+import { Module } from '../Module';
+import type { Svg } from '../../primitives';
+import type { DeckConfiguration, LabwareDefinition2, LabwareLocation, ModuleLocation, ModuleModel, RobotType } from '@opentrons/shared-data';
+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;
+    moduleLocation: ModuleLocation;
+    nestedLabwareDef?: LabwareDefinition2 | null;
+    nestedLabwareWellFill?: WellFill;
+    innerProps?: React.ComponentProps<typeof Module>['innerProps'];
+    /** 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;
+    robotType: RobotType;
+    labwareOnDeck?: LabwareOnDeck[];
+    modulesOnDeck?: ModuleOnDeck[];
+    deckLayerBlocklist?: string[];
+    showExpansion?: boolean;
+    lightFill?: string;
+    mediumFill?: string;
+    darkFill?: string;
+    children?: React.ReactNode;
+    showSlotLabels?: boolean;
+    /** whether to make wrapping svg tag animatable via @react-spring/web, defaults to false */
+    animatedSVG?: boolean;
+    /** extra props to pass to svg tag */
+    svgProps?: React.ComponentProps<typeof Svg>;
+}
+export declare function BaseDeck(props: BaseDeckProps): JSX.Element;
+export {};