@opentrons/components 0.1.6-alpha.9 → 0.1.7-alpha.1

package/src/hardware-sim/Labware/labwareInternals/__tests__/WellLabels.test.tsx

@@ -0,0 +1,95 @@
+import { render, screen } from '@testing-library/react'
+import { describe, expect, it } from 'vitest'
+
+import '@testing-library/jest-dom/vitest'
+
+import { fixture12Trough as _fixture12Trough } from '@opentrons/shared-data'
+
+import { WELL_LABEL_OPTIONS } from '../../LabwareRender'
+import { WellLabels } from '../WellLabels'
+
+import type { LabwareDefinition2 } from '@opentrons/shared-data'
+
+const troughFixture12 = _fixture12Trough as LabwareDefinition2
+
+describe('WellLabels', () => {
+  it('should render well labels outside of the labware', () => {
+    expect.assertions(14)
+    const props = {
+      definition: troughFixture12,
+      wellLabelOption: WELL_LABEL_OPTIONS.SHOW_LABEL_INSIDE,
+    }
+    render(
+      <svg>
+        <WellLabels {...props} />
+      </svg>
+    )
+    const wellLabels = screen.getAllByTestId('WellsLabels_show_inside')
+    expect(wellLabels.length).toBe(13) // 1 label for the single "A" row + 12 labels for the trough columns
+    expect(wellLabels[0]).toHaveTextContent('A')
+    // assertions for each of the numbered columns, skipping the first well label which has the letter row
+    new Array(12)
+      .fill(null)
+      .forEach((_, index) =>
+        expect(wellLabels[index + 1]).toHaveTextContent(`${index + 1}`)
+      )
+  })
+  it('should render well labels inside of the labware', () => {
+    expect.assertions(14)
+    const props = {
+      definition: troughFixture12,
+      wellLabelOption: WELL_LABEL_OPTIONS.SHOW_LABEL_OUTSIDE,
+    }
+    render(
+      <svg>
+        <WellLabels {...props} />
+      </svg>
+    )
+    const wellLabels = screen.getAllByTestId('WellsLabels_show_outside')
+    expect(wellLabels.length).toBe(13) // 1 label for the single "A" row + 12 labels for the trough columns
+    expect(wellLabels[0]).toHaveTextContent('A')
+    // assertions for each of the numbered columns, skipping the first well label which has the letter row
+    new Array(12)
+      .fill(null)
+      .forEach((_, index) =>
+        expect(wellLabels[index + 1]).toHaveTextContent(`${index + 1}`)
+      )
+  })
+  it('should highlight the well labels with the given color', () => {
+    expect.assertions(13) // there should be 13 highlighted well labels
+    const props = {
+      definition: troughFixture12,
+      wellLabelOption: WELL_LABEL_OPTIONS.SHOW_LABEL_OUTSIDE,
+      highlightedWellLabels: {
+        wells: Object.keys(troughFixture12.wells),
+        color: 'blue',
+      },
+    }
+    render(
+      <svg>
+        <WellLabels {...props} />
+      </svg>
+    )
+    const wellLabels = screen.getAllByTestId('WellsLabels_show_outside')
+    wellLabels.forEach(wellLabel =>
+      expect(wellLabel.getAttribute('fill')).toBe('blue')
+    )
+  })
+  it('should color the well labels', () => {
+    expect.assertions(13) // there should be 13 highlighted well labels
+    const props = {
+      definition: troughFixture12,
+      wellLabelOption: WELL_LABEL_OPTIONS.SHOW_LABEL_OUTSIDE,
+      wellLabelColor: 'red',
+    }
+    render(
+      <svg>
+        <WellLabels {...props} />
+      </svg>
+    )
+    const wellLabels = screen.getAllByTestId('WellsLabels_show_outside')
+    wellLabels.forEach(wellLabel =>
+      expect(wellLabel.getAttribute('fill')).toBe('red')
+    )
+  })
+})

package/src/hardware-sim/Labware/labwareInternals/getTiprackBackgroundColor.ts

@@ -0,0 +1,32 @@
+import {
+  flex40,
+  green40,
+  purple40,
+  yellow40,
+} from '../../../helix-design-system/colors'
+
+export const getTiprackBackgroundColor = (loadName: string): string => {
+  let tiprackColor = '#CCCCCC'
+  if (
+    loadName === 'opentrons_flex_96_tiprack_50ul' ||
+    loadName === 'opentrons_flex_96_filtertiprack_50ul'
+  ) {
+    tiprackColor = purple40
+  } else if (
+    loadName === 'opentrons_flex_96_tiprack_1000ul' ||
+    loadName === 'opentrons_flex_96_filtertiprack_1000ul'
+  ) {
+    tiprackColor = flex40
+  } else if (
+    loadName === 'opentrons_flex_96_tiprack_200ul' ||
+    loadName === 'opentrons_flex_96_filtertiprack_200ul'
+  ) {
+    tiprackColor = yellow40
+  } else if (
+    loadName === 'opentrons_flex_96_tiprack_20ul' ||
+    loadName === 'opentrons_flex_96_filtertiprack_20ul'
+  ) {
+    tiprackColor = green40
+  }
+  return tiprackColor
+}

package/src/hardware-sim/Labware/labwareInternals/index.ts

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

package/src/hardware-sim/Labware/labwareInternals/types.ts

@@ -0,0 +1,18 @@
+import type { MouseEvent } from 'react'
+
+export interface WellMouseEvent {
+  wellName: string
+  event: MouseEvent
+}
+
+// wellName to CSS color, eg {'A1': '#123456'}
+export type WellFill = Record<string, string>
+export type WellStroke = WellFill
+
+// Use this like a Set!
+export type WellGroup = Record<string, null>
+
+export interface HighlightedWellLabels {
+  wells: string[]
+  color?: string
+}

package/src/hardware-sim/Module/FlexStacker.tsx

@@ -0,0 +1,54 @@
+export function FlexStacker(): JSX.Element {
+  return (
+    <svg
+      width="374"
+      height="103.4"
+      viewBox="0 0 374 103.4"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <g clipPath="url(#clip0_2734_141769)" transform="scale(1.1)">
+        <g clipPath="url(#clip1_2734_141769)">
+          <path
+            d="M328.613 0.613256H172.35C170.424 0.613256 168.848 2.18902 168.848 4.11496V5.86581C168.848 6.82877 168.06 7.61666 167.097 7.61666H76.053V86.4049H167.01C167.973 86.4049 168.761 87.1928 168.761 88.1558V89.9066C168.761 91.8325 170.336 93.4083 172.262 93.4083H328.526C334.303 93.4083 339.031 88.681 339.031 82.9032V11.1184C339.031 5.34055 334.303 0.613256 328.526 0.613256H328.613Z"
+            fill="#CBCCCC"
+          />
+          <path
+            d="M10.4837 7.61666H76.1406V86.4049H10.4837C5.66884 86.4049 1.72942 82.4655 1.72942 77.6507V16.3709C1.72942 11.5561 5.66884 7.61666 10.4837 7.61666Z"
+            fill="#CBCCCC"
+          />
+          <path
+            d="M131.73 18.1217C131.993 18.1217 132.168 17.9466 132.168 17.684V10.2429C132.168 8.75467 131.03 7.61661 129.541 7.61661H122.1C121.838 7.61661 121.663 7.7917 121.663 8.05433V9.89272C121.663 11.3809 120.525 12.519 119.036 12.519H29.743C28.2548 12.519 27.1167 11.3809 27.1167 9.89272V8.14187C27.1167 7.87924 26.9417 7.70416 26.679 7.70416H19.2379C17.7497 7.70416 16.6116 8.84221 16.6116 10.3304V17.7715C16.6116 18.0342 16.7867 18.2093 17.0494 18.2093H18.8002C20.2884 18.2093 21.4265 19.3473 21.4265 20.8355V73.361C21.4265 74.8493 20.2884 75.9873 18.8002 75.9873H17.0494C16.7867 75.9873 16.6116 76.1624 16.6116 76.425V83.8661C16.6116 85.3544 17.7497 86.4924 19.2379 86.4924H26.679C26.9417 86.4924 27.1167 86.3173 27.1167 86.0547V84.3039C27.1167 82.8156 28.2548 81.6776 29.743 81.6776H119.036C120.525 81.6776 121.663 82.8156 121.663 84.3039V86.0547C121.663 86.3173 121.838 86.4924 122.1 86.4924H129.541C131.03 86.4924 132.168 85.3544 132.168 83.8661V76.425C132.168 76.1624 131.993 75.9873 131.73 75.9873H129.979C128.491 75.9873 127.353 74.8493 127.353 73.361V20.8355C127.353 19.3473 128.491 18.2093 129.979 18.2093H131.73V18.1217Z"
+            fill="white"
+          />
+          <path
+            d="M175.939 3.23949H294.121C296.573 3.23949 298.498 5.25297 298.498 7.61661V86.4924C298.498 88.9436 296.485 90.8695 294.121 90.8695H175.939C175.414 90.8695 175.064 90.4318 175.064 89.9941V4.11491C175.064 3.58966 175.501 3.23949 175.939 3.23949Z"
+            fill="white"
+          />
+          <path
+            d="M328.35 3.23949H312.33C307.979 3.23949 304.451 6.76696 304.451 11.1183V82.8156C304.451 87.167 307.979 90.6945 312.33 90.6945H328.35C332.702 90.6945 336.229 87.167 336.229 82.8156V11.1183C336.229 6.76696 332.702 3.23949 328.35 3.23949Z"
+            fill="#CBCCCC"
+          />
+          <path
+            d="M171.737 93.6709L171.037 93.4083L170.336 93.0581L169.723 92.6204L169.286 92.0951L168.936 91.3948L168.673 90.6944V88.3308C168.673 88.3308 168.673 88.3308 168.673 88.1557V87.5429L168.498 87.3678L168.06 87.0177L167.535 86.755H10.4837L8.82037 86.58L7.15706 86.0547L5.58129 85.2668L4.18061 84.1288L3.04256 82.7281L2.16714 81.1523L1.64188 79.489L1.4668 77.7382V16.3709L1.64188 14.62L2.16714 12.9567L3.04256 11.3809L4.18061 9.98026L5.58129 8.84221L7.15706 7.96678L8.82037 7.44153L10.5712 7.26644H167.097C167.097 7.26644 167.097 7.26644 167.272 7.26644H167.885L168.06 7.09136L168.323 6.91627L168.498 6.65365L168.761 6.12839V3.41457L169.023 2.62669L169.373 2.01389L169.811 1.4011L170.336 0.963384L171.037 0.613213L171.737 0.438128H172.437C172.437 0.350586 172.437 0.350586 172.437 0.350586H328.701L330.539 0.525671L332.377 0.963384L334.041 1.75127L335.616 2.80178L336.93 4.11491L337.98 5.69068L338.768 7.35399L339.293 9.19238L339.468 11.0308V82.8156L339.293 84.654L338.856 86.4924L338.068 88.2433L337.017 89.819L335.704 91.1322L334.128 92.1827L332.465 92.9706L330.627 93.4958L328.788 93.6709H294.472C294.472 93.6709 294.472 93.6709 294.384 93.6709H171.737ZM316.445 93.0581H328.701L330.539 92.883L332.29 92.4453L333.866 91.6574L335.354 90.6069L336.579 89.3813L337.63 87.8931L338.418 86.2298L338.856 84.4789L339.031 82.7281V11.1184L338.856 9.27992L338.418 7.52907L337.63 5.95331L336.579 4.46508L335.354 3.23949L333.866 2.18898L332.29 1.4011L330.539 0.963384L328.788 0.788298H297.098L298.323 1.4011L299.461 2.27652L300.337 3.32703L301.037 4.55263L301.475 5.95331L301.65 7.35399V87.5429C301.562 87.5429 301.125 88.9436 301.125 88.9436L300.424 90.1692L299.549 91.3072L298.498 92.1827L297.273 92.7955H316.707L316.445 93.0581ZM175.939 93.0581H295.434C295.434 92.9706 296.66 92.5328 296.66 92.5328L297.886 91.92L298.849 91.1322L299.637 90.0817L300.249 88.9436L300.599 87.718V86.4049C300.687 86.4049 300.687 7.61661 300.687 7.61661V6.30348C300.6 6.30348 300.162 5.07788 300.162 5.07788L299.549 3.93983L298.674 2.97686L297.623 2.18898L296.397 1.57618L295.172 1.22601L293.859 1.05093H175.064C175.064 1.13847 174.451 1.31355 174.451 1.31355L173.926 1.66372L173.4 2.10144L173.05 2.62669L172.787 3.15195L172.612 3.76474V90.8695C172.7 90.8695 172.875 91.4823 172.875 91.4823L173.225 92.0076L173.663 92.4453L174.188 92.7955L174.713 93.0581L175.326 93.2332H175.939V93.0581ZM172.437 93.0581H173.838L173.313 92.6204L172.875 92.0951L172.525 91.3948L172.35 90.6944V89.9941C172.262 89.9941 172.262 89.9941 172.262 89.9941V3.41457C172.35 3.41457 172.525 2.71423 172.525 2.71423L172.875 2.10144L173.313 1.57618L174.013 1.05093H171.825C171.825 1.13847 171.212 1.31355 171.212 1.31355L170.686 1.66372L170.249 2.10144L169.899 2.62669L169.636 3.15195L169.461 3.76474V90.8695L169.986 92.0951L170.424 92.5328L170.949 92.883L171.562 93.2332L172.175 93.4083H172.787L172.437 93.0581ZM167.535 86.0547C167.535 86.0547 167.535 86.0547 167.622 86.0547L168.323 86.4049L168.585 86.6675V84.0412H132.43V84.3038L132.255 84.8291L131.993 85.3544L131.642 85.7921L131.292 86.0547H167.535ZM129.366 86.0547C129.366 86.0547 129.366 86.0547 129.541 86.0547H129.979L130.417 85.8796L130.855 85.617L131.205 85.3544L131.467 85.0042L131.818 84.1288V76.2499C131.818 76.2499 131.73 76.2499 131.642 76.2499H129.541C129.541 76.2499 129.541 76.2499 129.454 76.2499L128.929 76.0749L128.403 75.8122L128.053 75.4621L127.703 75.0243L127.44 74.5866L127.265 74.0614C127.265 74.0614 127.265 74.0614 127.265 73.9738V73.6237C127.265 73.6237 127.265 73.6237 127.265 73.4486V20.2227C127.265 20.2227 127.265 20.2227 127.265 20.1352L127.44 19.6099L127.703 19.0847L128.053 18.647L128.491 18.2968L129.016 18.0342L129.541 17.8591H131.993V17.7715C131.993 17.7715 131.993 17.684 131.993 17.5965V9.80518L131.818 9.36746L131.555 8.92975L131.292 8.57958L130.942 8.31695L130.504 8.05433L130.067 7.87924H122.188C122.188 7.87924 122.188 7.87924 122.1 7.87924C122.1 7.96678 122.1 8.05433 122.1 8.05433V10.2429C122.1 10.2429 122.1 10.2429 122.1 10.3304L121.925 10.8557L121.663 11.2934L121.312 11.7311L120.875 12.0813L120.437 12.3439L119.912 12.519H29.743H29.2178L28.6925 12.3439L28.2548 12.0813L27.8171 11.7311L27.4669 11.2934L27.2043 10.8557V10.3304C27.0292 10.3304 27.0292 10.2429 27.0292 10.1553V8.05433C27.0292 8.05433 27.0292 8.05433 26.9417 8.05433C26.9417 8.05433 26.8541 8.05433 26.7666 8.05433H18.9753L18.5376 8.22941L17.8372 8.75467L17.5746 9.10484L17.2244 9.98026V17.8591C17.2244 17.8591 17.312 17.8591 17.3995 17.8591H19.6756L20.7261 18.3843L21.1639 18.7345L21.514 19.1722L21.7767 19.6975L21.9517 20.2227V73.7987L21.4265 74.8493L21.0763 75.287L20.6386 75.6371L20.1133 75.8998L19.5881 76.0749C19.5881 76.0749 19.5881 76.0749 19.5006 76.0749H19.1504C19.1504 76.0749 19.1504 76.0749 18.9753 76.0749H17.2244C17.2244 76.0749 17.2244 76.0749 17.2244 76.1624V84.0412L17.3995 84.4789L17.5746 84.8291L18.275 85.5294L18.6251 85.7045H18.9753C18.9753 85.7921 19.413 85.7921 19.413 85.7921C19.413 85.7921 19.5006 85.7921 19.5881 85.7921H26.9417V83.6035C26.9417 83.6035 26.9417 83.516 26.9417 83.4284V82.9907C27.0292 82.9907 27.2918 82.4655 27.2918 82.4655L27.642 82.0277L28.0797 81.6776L28.5174 81.4149L29.0427 81.2399H119.474L120.525 81.7651L120.962 82.1153L121.312 82.553L121.575 83.0783L121.75 83.6035C121.75 83.6035 121.75 83.6035 121.75 83.691V84.0412C121.75 84.0412 121.75 84.0412 121.75 84.2163V86.0547H129.366ZM27.3794 86.0547H121.312V84.3038C121.312 84.3038 121.312 84.3038 121.312 84.1288V83.9537H27.4669V85.9672L27.3794 86.0547ZM10.4837 86.0547H17.4871L17.2244 85.7921L16.8743 85.3544L16.6116 84.9166L16.4366 84.3914C16.4366 84.3914 16.4366 84.3914 16.4366 84.3038V84.0412H8.64528C8.64528 83.9537 7.59477 83.6035 7.59477 83.6035L6.6318 83.0783L5.75638 82.3779L5.05604 81.5025L4.53078 80.5395L4.18061 79.489V78.4385C4.09307 78.4385 4.09307 78.4385 4.09307 78.4385V14.4449C4.18061 14.4449 4.53078 13.3944 4.53078 13.3944L5.05604 12.4315L5.75638 11.556L6.6318 10.8557L7.59477 10.3304L8.64528 10.0678L9.69579 9.89272H16.4366V9.71763C16.4366 9.71763 16.4366 9.71763 16.4366 9.63009L16.6116 9.10484L16.8743 8.57958L17.2244 8.14187L17.5746 7.87924H10.5712L8.90791 8.05433L7.33214 8.57958L5.84392 9.36746L4.53078 10.418L3.48027 11.7311L2.69239 13.2193L2.25468 14.7951L2.07959 16.4584V77.7382L2.25468 79.4015L2.77993 80.9772L3.56782 82.4655L4.61833 83.7786L5.93146 84.8291L7.41969 85.617L8.99545 86.0547L10.6588 86.2298L10.4837 86.0547ZM132.518 83.4284H168.673V70.0344H127.703V73.0984C127.703 73.0984 127.703 73.0984 127.703 73.2735V73.7112L127.878 74.1489L128.141 74.4991L128.491 74.8493L128.841 75.1119L129.279 75.3745L129.717 75.5496H131.905C131.905 75.5496 131.993 75.5496 132.08 75.5496C132.08 75.5496 132.255 75.5496 132.255 75.6371H132.343C132.343 75.8122 132.343 75.8122 132.43 75.8998C132.43 75.8998 132.43 75.9873 132.43 76.0749V83.2533L132.518 83.4284ZM27.5545 83.4284H121.225V83.2533L120.962 82.8156L120.7 82.4655L120.35 82.2028L119.474 81.8527H29.2178L28.7801 82.0277L28.0797 82.553L27.8171 82.9032L27.5545 83.4284ZM9.60825 83.4284H16.2615V79.9267H15.9989C15.9989 79.9267 15.9113 79.9267 15.8238 79.9267L15.1234 78.8762C15.1234 78.8762 15.1234 78.8762 15.1234 78.7887C15.1234 78.7887 15.1234 78.7887 15.1234 78.7011L15.6487 77.6506C15.6487 77.4755 15.8238 77.388 15.9113 77.388H16.349V76.6001C16.349 76.6001 16.349 76.425 16.349 76.3375C16.349 76.3375 16.349 76.2499 16.349 76.1624C16.349 75.9873 16.4366 75.8998 16.6116 75.8998L16.7867 75.8122H18.5376C18.5376 75.8122 18.5376 75.8122 18.7127 75.8122H19.1504L19.5881 75.6371L20.0258 75.3745L20.376 75.1119L20.6386 74.7617L20.9012 74.324V73.8863C20.9888 73.8863 21.0763 73.4486 21.0763 73.4486V20.3103L20.9012 19.8726L20.6386 19.4349L20.376 19.0847L20.0258 18.8221L19.5881 18.5594L19.1504 18.3843H16.6992C16.6992 18.3843 16.5241 18.3843 16.5241 18.2968L16.349 18.1217L16.2615 17.9466V16.9837L15.3861 16.5459C15.211 16.5459 15.1234 16.3709 15.1234 16.2833V14.9702L16.0864 14.3574V10.8557H8.64528C8.64528 10.9432 7.68231 11.2059 7.68231 11.2059L6.89443 11.6436L6.10655 12.2564L5.49375 13.0442L5.05604 13.9197L4.79341 14.8826V79.8392C4.88095 79.8392 5.14358 80.8021 5.14358 80.8021L5.58129 81.6776L6.19409 82.4655L6.98197 83.0783L7.8574 83.516L8.82037 83.7786H9.78333L9.60825 83.4284ZM16.2615 79.3139V77.7382H16.0864L15.6487 78.6136L16.1739 79.4015L16.2615 79.3139ZM127.703 69.5092H168.673V69.2465H167.71C167.71 69.2465 167.71 69.2465 167.622 69.2465L167.185 68.8088C167.185 68.8088 167.185 68.8088 167.185 68.7213C167.185 68.7213 167.185 68.7213 167.185 68.6337V66.095L166.835 65.7448L166.572 65.3071V62.6808C166.572 62.6808 166.572 62.5933 166.572 62.5058L166.835 62.0681L167.185 61.6303H127.966V69.7718L127.703 69.5092ZM167.798 68.5462H168.673V25.3877H167.798L167.535 25.6504V68.2836L167.798 68.5462ZM127.703 60.6674H166.922V33.0915H127.703V60.6674ZM127.703 32.4787H166.747L166.397 32.041V31.8659C166.309 31.8659 166.309 31.8659 166.222 31.8659V29.2396C166.222 29.2396 166.222 29.1521 166.222 29.0645L166.484 28.6268L166.835 28.1891V25.6504C166.835 25.6504 166.835 25.6504 166.835 25.5628C166.835 25.5628 166.835 25.5628 166.835 25.4753L167.272 25.0376C167.272 25.0376 167.272 25.0376 167.36 25.0376H168.323V24.7749H127.353V32.6538L127.703 32.4787ZM127.703 23.9871H168.673V10.5931H132.518V17.7715C132.518 17.7715 132.518 17.8591 132.518 17.9466C132.518 17.9466 132.518 17.9466 132.518 18.0342C132.518 18.1217 132.518 18.2093 132.518 18.2093L132.343 18.3843L132.168 18.4719H129.804L129.366 18.647L128.929 18.9096L128.579 19.1722L128.316 19.5224L127.966 20.3978V24.0746L127.703 23.9871ZM15.8238 15.9332L16.349 16.1958V14.7076L15.8238 15.0577V15.9332ZM29.743 12.0813H119.474L119.912 11.9062L120.262 11.7311L120.962 11.0308L121.225 10.5055H27.5545V10.6806L27.8171 11.1183L28.1673 11.4685L28.5174 11.7311L28.8676 11.9062H29.3053C29.3053 11.9937 29.743 12.0813 29.743 12.0813ZM132.43 9.89272H168.585V7.26644L168.323 7.52907L167.973 7.70416H167.535C167.535 7.7917 167.535 7.7917 167.535 7.7917H167.36C167.36 7.7917 167.36 7.7917 167.185 7.7917H131.292L131.555 8.05433L131.905 8.49204L132.168 9.01729L132.343 9.54255V9.80518L132.43 9.89272ZM121.4 9.89272V7.96678C121.4 7.96678 121.4 7.96678 121.4 7.87924H27.3794V9.89272H121.4ZM328.701 91.0446H311.98L310.492 90.8695L309.004 90.4318L307.603 89.6439L306.377 88.5934L305.414 87.3678L304.714 85.9672L304.276 84.3914L304.101 82.8156V11.1183L304.276 9.54255L304.714 7.96678L305.414 6.5661L306.377 5.34051L307.603 4.29L308.916 3.50212L310.404 2.97686L311.98 2.80178H328.701L330.189 2.97686L331.677 3.41457L332.99 4.11491L334.216 5.16542L335.179 6.39102L335.879 7.7917L336.317 9.36746L336.492 10.9432V82.7281L336.317 84.3038L335.879 85.8796L335.179 87.2803L334.216 88.5059L332.99 89.5564L331.677 90.3443L330.189 90.782L328.613 90.9571L328.701 91.0446ZM321.872 90.4318H328.613L330.101 90.2567L331.502 89.819L332.728 89.1187L333.866 88.1557L334.741 87.0177L335.441 85.7045L335.879 84.3038L336.054 82.8156V11.1183L335.879 9.63009L335.441 8.22941L334.741 6.91627L333.866 5.77822L332.728 4.81525L331.502 4.11491L330.101 3.6772L328.701 3.50212H312.068L310.579 3.6772L309.266 4.11491L308.041 4.81525L306.903 5.77822L306.027 6.91627L305.327 8.22941L304.889 9.63009L304.714 11.1183V82.9032L304.889 84.3914L305.327 85.7921L306.027 87.1052L306.903 88.2433L308.041 89.2062L309.266 89.9066L310.667 90.3443L312.068 90.5194H321.96L321.872 90.4318ZM294.121 91.0446H175.764C175.764 91.0446 175.764 91.0446 175.676 91.0446L175.326 90.8695L175.064 90.6069C175.064 90.6069 175.064 90.6069 175.064 90.5194L174.888 90.1692C174.888 90.1692 174.888 90.0817 174.888 89.9941V4.11491C174.888 4.11491 174.888 4.02737 174.888 3.93983C174.888 3.85229 174.888 3.85229 174.888 3.76474V3.41457C175.064 3.41457 175.064 3.41457 175.064 3.32703L175.326 3.0644C175.326 3.0644 175.326 3.0644 175.414 3.0644L175.676 2.88932C175.676 2.88932 175.764 2.88932 175.851 2.88932H294.997C294.997 2.97686 295.872 3.23949 295.872 3.23949L296.66 3.6772L297.36 4.29L297.973 4.99034L298.411 5.77822L298.674 6.65365V87.1927L298.323 88.0682L297.886 88.8561L297.36 89.5564L296.66 90.0817L295.872 90.5194L294.997 90.782H294.121C294.121 90.8695 294.121 90.8695 294.121 90.8695V91.0446ZM175.939 90.4318H294.909C294.909 90.3443 295.697 90.0817 295.697 90.0817L296.397 89.7315L297.01 89.2938L297.536 88.681L297.973 87.9806L298.148 87.1927V6.82873L297.886 6.04085L297.448 5.34051L296.923 4.72771L296.31 4.20246L295.61 3.85229L294.822 3.58966H175.764L175.414 3.85229V4.11491C175.414 4.11491 175.414 4.20246 175.414 4.29V89.9941L175.589 90.3443L175.851 90.5194H176.027L175.939 90.4318ZM320.734 58.6539H319.859C319.859 58.6539 319.859 58.6539 319.771 58.6539L318.896 58.3037C318.896 58.3037 318.896 58.3037 318.808 58.3037L318.108 57.6909L317.67 56.903C317.67 56.903 317.67 56.903 317.67 56.8155L317.495 55.9401V38.4316L317.67 37.5562C317.67 37.5562 317.67 37.5561 317.67 37.4686L318.108 36.6807L318.808 36.0679C318.808 36.0679 318.808 36.0679 318.896 36.0679L319.771 35.7178C319.771 35.7178 319.771 35.7178 319.859 35.7178H320.734C320.734 35.7178 320.734 35.7178 320.822 35.7178L321.61 36.0679C321.61 36.0679 321.61 36.0679 321.697 36.0679L322.398 36.6807L322.835 37.4686C322.835 37.4686 322.835 37.4686 322.835 37.5562L323.01 38.4316V55.9401L322.835 56.8155C322.835 56.8155 322.835 56.8155 322.835 56.903L322.398 57.6909L321.697 58.3037C321.697 58.3037 321.697 58.3037 321.61 58.3037L320.822 58.6539C320.822 58.6539 320.822 58.6539 320.734 58.6539ZM319.859 58.0411H320.647L321.347 57.7785L321.96 57.2532L322.31 56.5529L322.485 55.765V38.344L322.31 37.5562L321.96 36.8558L321.347 36.3306L320.647 36.0679H319.859L319.159 36.3306L318.546 36.8558L318.196 37.5562L318.02 38.344V55.765L318.196 56.5529L318.546 57.2532L319.159 57.7785L319.859 58.0411ZM11.184 54.7145H10.3086C10.3086 54.7145 10.3086 54.7145 10.221 54.7145L9.34562 54.3643C9.34562 54.3643 9.34562 54.3643 9.25808 54.3643L8.55774 53.7515L8.12003 52.9636L7.94494 52.0882V42.4585L8.12003 41.5831L8.55774 40.7952C8.55774 40.7952 8.55774 40.7952 8.55774 40.7077L9.25808 40.0949C9.25808 40.0949 9.25808 40.0949 9.34562 40.0949L10.221 39.7447C10.221 39.7447 10.221 39.7447 10.3086 39.7447H11.184C11.184 39.7447 11.184 39.7447 11.2716 39.7447L12.147 40.0949C12.147 40.0949 12.147 40.0949 12.2345 40.0949L12.9349 40.7077C12.9349 40.7077 12.9349 40.7077 12.9349 40.7952L13.3726 41.5831C13.3726 41.5831 13.3726 41.5831 13.3726 41.6706L13.5477 42.5461V52.1757L13.3726 53.0512C13.3726 53.0512 13.3726 53.0512 13.3726 53.1387L12.9349 53.9266L12.2345 54.5394C12.2345 54.5394 12.2345 54.5394 12.147 54.5394L11.2716 54.8896C11.2716 54.8896 11.2716 54.8896 11.184 54.8896V54.7145ZM10.3086 54.1017H11.0965L11.8844 53.8391L12.4972 53.3138L12.8473 52.6135L13.0224 51.8256V42.2834L12.8473 41.4956L12.4972 40.7952L11.8844 40.27L11.0965 40.0073H10.3086L9.52071 40.27L8.90791 40.7952L8.55774 41.4956L8.38265 42.2834V51.8256L8.55774 52.6135L8.90791 53.3138L9.52071 53.8391L10.3086 54.1017Z"
+            fill="black"
+          />
+        </g>
+      </g>
+      <defs>
+        <clipPath id="clip0_2734_141769">
+          <path
+            d="M0.855469 7.37201C0.855469 3.30056 4.15603 0 8.22747 0H332.273C336.344 0 339.645 3.30056 339.645 7.372V86.2985C339.645 90.3699 336.344 93.6705 332.273 93.6705H8.22748C4.15604 93.6705 0.855469 90.3699 0.855469 86.2985V7.37201Z"
+            fill="white"
+          />
+        </clipPath>
+        <clipPath id="clip1_2734_141769">
+          <path
+            d="M0.855469 7.37201C0.855469 3.30056 4.15603 0 8.22747 0H332.273C336.344 0 339.645 3.30056 339.645 7.372V86.2985C339.645 90.3699 336.344 93.6705 332.273 93.6705H8.22748C4.15604 93.6705 0.855469 90.3699 0.855469 86.2985V7.37201Z"
+            fill="white"
+          />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+}

package/src/hardware-sim/Module/HeaterShaker.tsx

@@ -0,0 +1,83 @@
+import { COLORS } from '../../helix-design-system'
+
+export interface HeaterShakerVizProps {
+  targetTemp: number | null
+}
+
+export function HeaterShaker(props: HeaterShakerVizProps): JSX.Element {
+  const { targetTemp } = props
+  let ledLightColor: string = COLORS.white
+  if (targetTemp != null) ledLightColor = COLORS.red30
+
+  return (
+    <g id="heaterShaker">
+      <g id="moduleBaseFill">
+        <path
+          d="M 28.312 87.55 c 0.882 0 1.078 -0.7 1.078 -1.4 v -3.4 c 0 -0.2 -0.196 -0.5 -0.49 -0.5 h -5.096 c -0.196 0 -0.49 -0.2 -0.49 -0.5 v -4.5 c 0 -0.2 -0.196 -0.5 -0.49 -0.5 h -5.586 c -0.98 0 -1.862 -0.8 -1.862 -1.9 V 14.55 c 0 -1 0.784 -1.9 1.862 -1.9 h 5.586 c 0.196 0 0.49 -0.2 0.49 -0.5 V 7.75 c 0 -0.2 0.196 -0.5 0.49 -0.5 H 28.9 c 0.196 0 0.49 -0.2 0.49 -0.5 V 3.45 c 0 -0.8 -0.392 -1.4 -1.078 -1.4 s -23.422 0 -23.422 0 v 85.5 C 4.89 87.55 27.43 87.55 28.312 87.55 z"
+          style={{ fill: '#E6E6E6' }}
+        ></path>
+      </g>
+      <g id="moduleOutline">
+        <path d="M 149.342 0.05 v 89.6 H 5.478 V 0.05 H 149.342 M 150.322 -1.05 H 4.4 v 91.7 h 145.922 V -1.05 L 150.322 -1.05 z"></path>
+      </g>
+      <g id="moduleBaseInnerWalls">
+        <path d="M 149.832 88.05 H 147.48 v -1.4 H 29.88 c -0.196 1.2 -1.176 1.4 -1.568 1.4 H 4.89 v -1 h 23.324 c 0.294 0 0.686 -0.1 0.686 -0.9 v -0.5 h 119.56 v 1.4 h 1.372 V 88.05 z"></path>
+        <path d="M 148.46 3.95 H 28.9 V 3.45 c 0 -0.8 -0.294 -0.9 -0.686 -0.9 H 4.89 v -1 h 23.324 c 0.392 0 1.372 0.1 1.568 1.4 h 117.6 V 1.55 h 2.352 v 1 H 148.46 V 3.95 z"></path>
+      </g>
+      <g id="statusFill">
+        <path
+          d="M 9.104 39.25 c 0 -1.1 0.882 -2 1.96 -2 s 1.96 0.9 1.96 2 v 11.2 c 0 1.1 -0.882 2 -1.96 2 s -1.96 -0.9 -1.96 -2 V 39.25 z"
+          style={{ fill: ledLightColor }}
+        ></path>
+      </g>
+      <g id="statusOutline">
+        <path d="M 11.064 52.65 H 10.966 c -1.176 0 -2.156 -1 -2.156 -2.2 V 39.15 c 0 -1.2 0.98 -2.2 2.156 -2.2 h 0.098 C 12.24 36.95 13.22 37.95 13.22 39.15 v 11.3 C 13.22 51.65 12.24 52.65 11.064 52.65 z M 10.966 37.45 c -0.882 0 -1.666 0.8 -1.666 1.7 v 11.3 c 0 1 0.784 1.7 1.666 1.7 h 0.098 c 0.98 0 1.666 -0.8 1.666 -1.7 V 39.15 c 0 -1 -0.784 -1.7 -1.666 -1.7 H 10.966 z"></path>
+      </g>
+      <g id="moduleMidFill">
+        <path
+          d="M 16.258 90.15 L 12.828 84.95 c -0.098 -0.1 -0.098 -0.2 -0.098 -0.3 V 4.95 c 0 -0.1 0 -0.2 0.098 -0.3 l 3.43 -5.2 h 131.516 l 3.43 5.2 c 0.098 0.1 0.098 0.2 0.098 0.3 v 79.7 c 0 0.1 0 0.2 -0.098 0.3 l -3.43 5.2 H 16.258"
+          style={{ fill: '#E6E6E6' }}
+        ></path>
+      </g>
+      <g id="moduleMidOutline">
+        <path d="M 147.48 0.05 l 3.234 5 v 79.7 l -3.234 5 H 16.454 l -3.234 -5 V 4.95 l 3.234 -4.9 L 147.48 0.05 M 147.97 -1.05 H 15.964 L 12.436 4.35 C 12.338 4.55 12.24 4.75 12.24 4.95 v 79.7 c 0 0.2 0.098 0.4 0.196 0.6 l 3.528 5.4 h 132.104 l 3.528 -5.4 c 0.098 -0.2 0.196 -0.4 0.196 -0.6 V 4.95 c 0 -0.2 -0.098 -0.4 -0.196 -0.6 L 147.97 -1.05 L 147.97 -1.05 z"></path>
+      </g>
+      <g id="plateBottomFill">
+        <path
+          d="M 52.518 5.45 c -0.882 0 -1.666 0.6 -1.862 1.6 c -0.392 1.7 -1.862 2.9 -3.626 2.9 s -3.234 -1.2 -3.626 -2.9 c -0.196 -1 -1.078 -1.6 -1.862 -1.6 H 28.312 c -1.568 0 -2.842 1.3 -2.842 2.9 v 72.9 c 0 1.6 1.274 2.9 2.842 2.9 h 13.132 c 0.784 0 1.568 -0.6 1.862 -1.6 c 0.392 -1.7 1.862 -2.9 3.626 -2.9 s 3.234 1.2 3.626 2.9 c 0.196 1 0.98 1.6 1.862 1.6 h 58.996 c 0.882 0 1.666 -0.6 1.862 -1.6 c 0.392 -1.7 1.862 -2.9 3.626 -2.9 c 1.764 0 3.234 1.2 3.626 2.9 c 0.196 1 1.078 1.6 1.862 1.6 H 135.72 c 1.568 0 2.842 -1.3 2.842 -2.9 V 8.35 c 0 -1.6 -1.274 -2.9 -2.842 -2.9 h -13.132 c -0.784 0 -1.568 0.6 -1.862 1.6 c -0.392 1.7 -1.862 2.9 -3.626 2.9 c -1.764 0 -3.234 -1.2 -3.626 -2.9 c -0.196 -1 -0.98 -1.6 -1.862 -1.6 L 52.518 5.45 L 52.518 5.45 z"
+          style={{ fill: COLORS.white }}
+        ></path>
+      </g>
+      <g id="plateBottomOutline">
+        <path d="M 135.72 84.45 h -13.132 c -0.98 0 -1.764 -0.7 -2.058 -1.7 c -0.392 -1.6 -1.764 -2.7 -3.43 -2.7 s -3.038 1.1 -3.43 2.7 c -0.294 1.1 -1.078 1.7 -2.058 1.7 H 52.518 c -0.98 0 -1.862 -0.7 -2.058 -1.7 c -0.392 -1.6 -1.764 -2.7 -3.43 -2.7 s -3.038 1.1 -3.43 2.7 c -0.294 1 -1.078 1.7 -2.058 1.7 H 28.312 c -1.764 0 -3.136 -1.4 -3.136 -3.2 V 8.35 c 0 -1.8 1.372 -3.2 3.136 -3.2 h 13.132 c 0.98 0 1.764 0.7 2.058 1.7 c 0.392 1.6 1.764 2.7 3.43 2.7 s 3.038 -1.1 3.43 -2.7 c 0.294 -1 0.98 -1.6 1.862 -1.7 l 0 0 h 59.192 c 0.98 0 1.862 0.7 2.058 1.7 c 0.392 1.6 1.764 2.7 3.43 2.7 s 3.038 -1.1 3.43 -2.7 c 0.294 -1 1.078 -1.7 2.058 -1.7 H 135.72 c 1.764 0 3.136 1.4 3.136 3.2 v 72.9 C 138.758 83.05 137.386 84.45 135.72 84.45 z M 117.002 79.55 c 1.862 0 3.43 1.3 3.92 3.1 c 0.196 0.8 0.882 1.4 1.568 1.4 H 135.72 c 1.47 0 2.646 -1.2 2.646 -2.7 v -73 c 0 -1.5 -1.176 -2.7 -2.646 -2.7 h -13.132 c -0.686 0 -1.372 0.6 -1.568 1.4 c -0.49 1.8 -2.058 3.1 -3.92 3.1 s -3.43 -1.3 -3.92 -3.1 c -0.196 -0.8 -0.882 -1.4 -1.666 -1.4 h -58.8 h -0.196 c -0.784 0 -1.372 0.5 -1.666 1.4 c -0.49 1.8 -2.058 3.1 -3.92 3.1 s -3.43 -1.3 -3.92 -3.1 c -0.196 -0.8 -0.882 -1.4 -1.568 -1.4 H 28.312 c -1.47 0 -2.646 1.2 -2.646 2.7 v 72.9 c 0 1.5 1.176 2.7 2.646 2.7 h 13.132 c 0.686 0 1.372 -0.6 1.568 -1.4 c 0.49 -1.8 2.058 -3.1 3.92 -3.1 s 3.43 1.3 3.92 3.1 c 0.196 0.8 0.882 1.4 1.666 1.4 h 58.996 c 0.784 0 1.372 -0.5 1.666 -1.4 C 113.572 80.75 115.14 79.55 117.002 79.55 z"></path>
+      </g>
+      <g id="plateHolder">
+        <path d="M 117.002 1.95 c -2.254 0 -4.018 1.8 -4.018 4.1 s 1.764 4.1 4.018 4.1 s 4.018 -1.8 4.018 -4.1 S 119.256 1.95 117.002 1.95 z M 113.474 6.05 c 0 -0.4 0.098 -0.8 0.196 -1.1 h 6.664 c 0.098 0.4 0.196 0.7 0.196 1.1 c 0 0.2 0 0.4 -0.098 0.6 h -6.958 C 113.572 6.45 113.474 6.25 113.474 6.05 z M 117.002 2.45 c 1.372 0 2.548 0.8 3.136 2 h -6.272 C 114.454 3.25 115.63 2.45 117.002 2.45 z M 117.002 9.65 c -1.568 0 -2.842 -1.1 -3.332 -2.5 h 6.664 C 119.942 8.55 118.57 9.65 117.002 9.65 z M 46.932 1.95 c -2.254 0 -4.018 1.8 -4.018 4.1 s 1.764 4.1 4.018 4.1 s 4.018 -1.8 4.018 -4.1 S 49.186 1.95 46.932 1.95 z M 43.404 6.05 c 0 -0.4 0.098 -0.8 0.196 -1.1 h 6.664 C 50.46 5.25 50.46 5.65 50.46 6.05 c 0 0.2 0 0.4 -0.098 0.6 h -6.958 C 43.502 6.45 43.404 6.25 43.404 6.05 z M 46.932 2.45 c 1.372 0 2.548 0.8 3.136 2 h -6.272 C 44.482 3.25 45.56 2.45 46.932 2.45 z M 46.932 9.65 c -1.568 0 -2.842 -1.1 -3.332 -2.5 h 6.664 C 49.872 8.55 48.5 9.65 46.932 9.65 z M 46.932 79.45 c -2.254 0 -4.018 1.8 -4.018 4.1 s 1.764 4.1 4.018 4.1 s 4.018 -1.8 4.018 -4.1 S 49.186 79.45 46.932 79.45 z M 46.932 79.95 c 1.568 0 2.94 1.1 3.332 2.5 H 43.6 C 44.09 81.05 45.364 79.95 46.932 79.95 z M 50.46 83.55 c 0 0.4 -0.098 0.8 -0.196 1.2 H 43.6 c -0.098 -0.4 -0.196 -0.8 -0.196 -1.2 c 0 -0.2 0 -0.4 0.098 -0.6 H 50.46 C 50.46 83.15 50.46 83.35 50.46 83.55 z M 46.932 87.15 c -1.372 0 -2.548 -0.8 -3.136 -1.9 h 6.174 C 49.48 86.35 48.304 87.15 46.932 87.15 z M 117.002 79.45 c -2.254 0 -4.018 1.8 -4.018 4.1 s 1.764 4.1 4.018 4.1 s 4.018 -1.8 4.018 -4.1 S 119.256 79.45 117.002 79.45 z M 117.002 79.95 c 1.568 0 2.94 1.1 3.332 2.5 h -6.664 C 114.16 81.05 115.434 79.95 117.002 79.95 z M 120.53 83.55 c 0 0.4 -0.098 0.8 -0.196 1.2 h -6.664 c -0.098 -0.4 -0.196 -0.8 -0.196 -1.2 c 0 -0.2 0 -0.4 0.098 -0.6 h 6.958 C 120.53 83.15 120.53 83.35 120.53 83.55 z M 117.002 87.15 c -1.372 0 -2.548 -0.8 -3.136 -1.9 h 6.174 C 119.55 86.35 118.374 87.15 117.002 87.15 z"></path>
+      </g>
+      <g id="adapterScrew">
+        <path
+          d="M 82.016 49.45 c -2.548 0 -4.606 -2.1 -4.606 -4.7 s 2.058 -4.7 4.606 -4.7 s 4.606 2.1 4.606 4.7 S 84.466 49.45 82.016 49.45 z M 82.016 40.55 c -2.254 0 -4.116 1.9 -4.116 4.2 s 1.862 4.2 4.116 4.2 c 2.254 0 4.116 -1.9 4.116 -4.2 C 86.132 42.45 84.27 40.55 82.016 40.55 z M 82.016 47.95 c -1.764 0 -3.136 -1.4 -3.136 -3.2 s 1.372 -3.2 3.136 -3.2 s 3.136 1.4 3.136 3.2 C 85.054 46.55 83.682 47.95 82.016 47.95 z M 82.016 42.15 c -1.47 0 -2.646 1.2 -2.646 2.7 s 1.176 2.7 2.646 2.7 s 2.646 -1.2 2.646 -2.7 C 84.564 43.35 83.388 42.15 82.016 42.15 z"
+          style={{ fill: '#ADADAD' }}
+        ></path>
+      </g>
+      <g id="leftLatchFill">
+        <path
+          d="M 18.218 5.55 c 0 -0.4 0.098 -0.8 0.392 -1.2 L 22.824 -1.05 h -6.86 L 12.436 4.35 C 12.338 4.55 12.24 4.75 12.24 4.95 v 79.7 c 0 0.2 0.098 0.4 0.196 0.6 l 3.528 5.4 h 6.86 l -4.214 -5.4 c -0.196 -0.4 -0.392 -0.7 -0.392 -1.2 L 18.218 5.55 L 18.218 5.55 z"
+          style={{ fill: '#E6E6E6' }}
+        ></path>
+      </g>
+      <g id="leftLatchOutline">
+        <path d="M 20.668 0.05 l -2.842 3.7 c -0.392 0.5 -0.588 1.2 -0.588 1.8 v 78.5 c 0 0.7 0.196 1.3 0.588 1.8 l 2.842 3.7 h -4.214 l -3.234 -5 V 4.95 l 3.234 -4.9 L 20.668 0.05 M 22.824 -1.05 h -6.86 L 12.436 4.35 C 12.338 4.55 12.24 4.75 12.24 4.95 v 79.7 c 0 0.2 0.098 0.4 0.196 0.6 l 3.528 5.4 h 6.86 l -4.214 -5.4 c -0.196 -0.4 -0.392 -0.7 -0.392 -1.2 V 5.55 c 0 -0.4 0.098 -0.8 0.392 -1.2 L 22.824 -1.05 L 22.824 -1.05 z"></path>
+      </g>
+      <g id="rightLatchFill">
+        <path
+          d="M 146.794 5.55 c 0 -0.4 -0.098 -0.8 -0.392 -1.2 L 142.188 -1.05 h 6.86 l 3.528 5.4 c 0.098 0.2 0.196 0.4 0.196 0.6 v 79.7 c 0 0.2 -0.098 0.4 -0.196 0.6 l -3.528 5.4 h -6.86 l 4.214 -5.4 c 0.196 -0.4 0.392 -0.7 0.392 -1.2 V 5.55 z"
+          style={{ fill: '#E6E6E6' }}
+        ></path>
+      </g>
+      <g id="rightLatchOutline">
+        <path d="M 148.558 0.05 l 3.234 5 v 79.7 l -3.234 5 h -4.214 l 2.842 -3.7 c 0.392 -0.5 0.588 -1.2 0.588 -1.8 V 5.55 c 0 -0.7 -0.196 -1.3 -0.588 -1.8 l -2.842 -3.7 L 148.558 0.05 M 149.048 -1.05 h -6.86 l 4.214 5.4 c 0.196 0.4 0.392 0.7 0.392 1.2 v 78.5 c 0 0.4 -0.098 0.8 -0.392 1.2 l -4.214 5.4 h 6.86 l 3.528 -5.4 c 0.098 -0.2 0.196 -0.4 0.196 -0.6 V 4.85 c 0 -0.2 -0.098 -0.4 -0.196 -0.6 L 149.048 -1.05 L 149.048 -1.05 z"></path>
+      </g>
+    </g>
+  )
+}

package/src/hardware-sim/Module/MagneticBlock.tsx

@@ -0,0 +1,49 @@
+import { COLORS } from '../../helix-design-system'
+
+export function MagneticBlock(): JSX.Element {
+  return (
+    <g id="magneticBlock">
+      <g id="footprint">
+        <rect
+          style={{
+            fill: '#e6e6e6',
+            stroke: COLORS.black90,
+            strokeLinecap: 'round',
+            strokeLinejoin: 'round',
+            strokeWidth: '0.71px',
+          }}
+          x=".35"
+          y=".36"
+          width="136"
+          height="94"
+          rx="5"
+          ry="5"
+        ></rect>
+      </g>
+      <g id="slotClips">
+        <path
+          style={{
+            fill: 'none',
+            stroke: COLORS.black90,
+            strokeLinecap: 'round',
+            strokeLinejoin: 'round',
+            strokeWidth: '0.71px',
+          }}
+          d="m17.37.36v2.6m-2-.93V.36m2,2.6c0-.52-.9-.93-2-.93m104,.93V.36m2,1.67c-1.1,0-2,.42-2,.93m2-2.6v1.67m-2,92.33v-2.6m2,.93v1.67m-2-2.6c0,.52.9.93,2,.93M5.37,2.03v1.99m.18.12c-.06-.05-.12-.08-.18-.12m.18.12c.18.14.4.22.63.22m11.19,0H6.18m11.19-1.4v1.4M5.37,2.03h10M6.18,90.35h11.19m-11.19,0c-.23,0-.45.08-.63.22m-.18.12c.06-.03.13-.07.18-.12m-.18,2.11v-1.99m10,1.99H5.37m10,0c1.1,0,2-.42,2-.93m0-1.4v1.4m-15.33-2.4h1.99m.12-.18c-.05.06-.08.12-.12.18m.12-.18c.14-.18.22-.4.22-.63m0-11.19v11.19m-1.4-11.19h1.4m-1.4,0c-.52,0-.93.9-.93,2m0,10v-10m130.33,9.19v-11.19m0,11.19c0,.23.08.45.22.63m.12.18c-.03-.06-.07-.13-.12-.18m2.11.18h-1.99m1.99-10v10m0-10c0-1.1-.42-2-.93-2m-1.4,0h1.4m-2.4,15.33v-1.99m-.18-.12c.06.05.12.08.18.12m-.18-.12c-.18-.14-.4-.22-.63-.22m-11.19,0h11.19m-11.19,1.4v-1.4m12,2.33h-10m9.19-88.33h-11.19m11.19,0c.23,0,.45-.08.63-.22m.18-.12c-.06.03-.13.07-.18.12m.18-2.11v1.99m-10-1.99h10m-12,2.33v-1.4m15.33,2.4h-1.99m-.12.18c.05-.06.08-.12.12-.18m-.12.18c-.14.18-.22.4-.22.63m0,11.19V6.18m1.4,11.19h-1.4m1.4,0c.52,0,.93-.9.93-2m0-10v10M4.37,6.18v11.19m0-11.19c0-.23-.08-.45-.22-.63m-.12-.18c.03.06.07.13.12.18m-2.11-.19h1.99m-1.99,10V5.36m0,10c0,1.1.42,2,.93,2m1.4,0h-1.4m133.4,0h-2.6m.93-2h1.67m-2.6,62h2.6m0,2h-1.67M2.97,17.37H.36m0-2h1.67m15.33,76.4v2.6m-2,0v-1.67M.36,77.35h2.6m-.93,2H.36M134.68,5.36c0-1.84-1.49-3.33-3.33-3.33m0,1.99c.81-.44,1.78.53,1.34,1.34M2.04,89.37c0,1.84,1.49,3.33,3.33,3.33M5.36,2.04c-1.84,0-3.33,1.49-3.33,3.33m129.33,87.33c1.84,0,3.33-1.49,3.33-3.33m-1.99,0c.44.81-.53,1.78-1.34,1.34m-126,0c-.81.44-1.78-.53-1.34-1.34M4.03,5.37c-.44-.81.53-1.78,1.34-1.34m112,90.34v-4m0,0h2M4.37,19.37H.36m4-2v2M.36,75.35h4m0,0v2M136.36,19.37h-4m0,0v-2m0,58h4m-4,2v-2M117.35,4.37V.36m2,4h-2M19.37.36v4m0,0h-2m2,86v4m-2-4h2"
+        ></path>
+      </g>
+      <g id="wells">
+        <path
+          style={{
+            fill: 'none',
+            stroke: COLORS.black90,
+            strokeLinecap: 'round',
+            strokeLinejoin: 'round',
+            strokeWidth: '0.71px',
+          }}
+          d="M 41.61 51.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 41.51 51.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 59.61 42.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 59.51 42.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 68.61 42.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 68.51 42.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 104.61 42.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 104.51 42.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 32.61 33.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 32.51 33.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 50.61 33.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 50.51 33.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 77.61 33.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 77.51 33.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 59.61 24.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 59.51 24.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 95.61 24.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 95.51 24.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 14.61 24.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 14.51 24.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 86.61 24.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 86.51 24.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 59.61 33.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 59.51 33.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 14.61 33.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 14.51 33.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 23.61 33.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 23.51 33.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 104.61 33.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 104.51 33.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 86.61 33.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 86.51 33.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 113.61 33.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 113.51 33.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 32.61 24.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 32.51 24.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 77.61 24.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 77.51 24.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 68.61 24.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 68.51 24.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 14.61 42.85 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 14.51 42.85 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 23.61 42.85 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 23.51 42.85 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 32.61 42.85 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 32.51 42.85 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 95.61 42.85 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 95.51 42.85 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 95.61 33.85 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 95.51 33.85 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 23.61 24.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 23.51 24.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 50.61 24.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 50.51 24.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 41.61 33.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 41.51 33.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 86.61 42.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 86.51 42.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 113.61 42.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 113.51 42.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 41.61 24.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 41.51 24.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 68.61 33.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 68.51 33.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 113.61 24.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 113.51 24.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 14.61 15.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 14.51 15.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 23.61 15.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 23.51 15.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 41.61 15.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 41.51 15.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 104.61 78.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 104.51 78.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 50.6 15.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 50.5 15.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 68.6 15.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 68.5 15.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 86.6 15.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 86.5 15.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 113.6 15.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 113.5 15.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 59.6 15.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 59.5 15.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 77.6 15.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 77.5 15.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 95.6 15.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 95.5 15.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 104.6 24.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 104.5 24.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 104.6 15.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 104.5 15.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 32.6 15.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 32.5 15.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 50.6 42.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 50.5 42.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 41.6 42.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 41.5 42.87 c -0.08 -5.64 8.8 -5.614 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 77.6 42.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 77.5 42.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 23.6 51.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 23.5 51.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 113.6 51.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 113.5 51.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 104.6 60.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 104.5 60.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 86.6 51.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 86.5 51.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 77.6 60.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 77.5 60.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 32.6 51.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 32.5 51.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 68.6 60.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 68.5 60.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 50.6 60.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 50.5 60.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 32.6 60.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 32.5 60.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 14.6 51.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 14.5 51.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 86.6 60.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 86.5 60.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 41.6 60.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 41.5 60.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 104.6 51.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 104.5 51.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 23.6 60.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 23.5 60.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 14.6 60.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 14.5 60.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 14.6 78.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 14.5 78.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 59.6 60.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 59.5 60.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 113.6 60.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 113.5 60.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 95.6 60.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 95.5 60.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 59.6 51.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 59.5 51.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 32.6 78.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 32.5 78.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 113.6 78.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 113.5 78.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 77.6 69.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 77.5 69.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 104.59 69.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 104.49 69.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 50.59 69.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 50.49 69.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 68.59 69.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 68.49 69.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 59.59 69.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 59.49 69.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 113.59 69.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 113.49 69.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 50.59 51.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 50.49 51.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 41.59 78.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 41.49 78.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 59.59 78.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 59.49 78.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 50.59 78.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 50.49 78.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 68.59 78.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 68.49 78.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 32.59 69.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 32.49 69.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 77.59 78.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 77.49 78.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 68.59 51.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 68.49 51.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 77.59 51.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 77.49 51.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 95.59 51.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 95.49 51.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 41.59 69.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 41.49 69.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 86.59 78.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 86.49 78.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 95.59 78.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 95.49 78.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 14.59 69.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 14.49 69.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 95.59 69.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 95.49 69.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 86.59 69.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 86.49 69.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 23.59 69.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 23.49 69.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z M 23.59 78.87 c -0.08 -5.52 8.58 -5.52 8.5 0 c 0.08 5.51 -8.58 5.51 -8.5 0 Z M 23.49 78.87 c -0.08 -5.64 8.78 -5.64 8.7 0 c 0.08 5.64 -8.78 5.64 -8.7 0 Z"
+        ></path>
+      </g>
+    </g>
+  )
+}

package/src/hardware-sim/Module/MagneticModule.tsx

@@ -0,0 +1,51 @@
+export function MagneticModule(): JSX.Element {
+  return (
+    <g id="magneticModule">
+      <g id="moduleVisualization">
+        <g id="darkFill">
+          <path
+            d="M126.4,74.2c-0.8,0-1.4,0.6-1.4,1.4v6.2c0,1.4-1.2,2.6-2.6,2.6H83.6v4.9H0.7V0.7h82.9v4.4h38.8 c1.4,0,2.6,1.2,2.6,2.6v6.2c0,0.8,0.6,1.4,1.4,1.4h8.8v58.9H126.4z M24.4,13.5h-1.9v9.8h1.9V13.5z M24.4,31.1h-1.9V41h1.9V31.1z M24.4,49h-1.9v9.8h1.9V49z M24.4,66.8h-1.9v9.8h1.9V66.8z M42.2,13.5h-1.9v9.8h1.9V13.5z M42.2,31.1h-1.9V41h1.9V31.1z M42.2,49 h-1.9v9.8h1.9V49z M42.2,66.8h-1.9v9.8h1.9V66.8z M59.9,13.5h-1.9v9.8h1.9V13.5z M59.9,31.1h-1.9V41h1.9V31.1z M59.9,49h-1.9v9.8 h1.9V49z M59.9,66.8h-1.9v9.8h1.9V66.8z M77.7,13.5h-1.9v9.8h1.9V13.5z M77.7,31.1h-1.9V41h1.9V31.1z M77.7,49h-1.9v9.8h1.9V49z M77.7,66.8h-1.9v9.8h1.9V66.8z M95.5,13.5h-1.9v9.8h1.9V13.5z M95.5,31.1h-1.9V41h1.9V31.1z M95.5,49h-1.9v9.8h1.9V49z M95.5,66.8h-1.9v9.8h1.9V66.8z M113.3,13.5h-1.9v9.8h1.9V13.5z M113.3,31.1h-1.9V41h1.9V31.1z M113.3,49h-1.9v9.8h1.9V49z M113.3,66.8h-1.9v9.8h1.9V66.8z"
+            style={{ fill: '#E6E6E6' }}
+          ></path>
+        </g>
+        <g id="magnetPlate">
+          <path d="M118,81.7c2.2,0,4-1.8,4-4V11.9c0-2.2-1.8-4-4-4H18.1c-2.2,0-4,1.8-4,4v65.8c0,2.2,1.8,4,4,4L118,81.7 M118,82.4H18.1 c-2.6,0-4.7-2.1-4.7-4.7V11.9c0-2.6,2.1-4.7,4.7-4.7H118c2.6,0,4.7,2.1,4.7,4.7v65.8C122.7,80.3,120.6,82.4,118,82.4L118,82.4z"></path>
+          <path d="M42.2,23.3v-9.8h-1.9v9.8H42.2 M42.9,24h-0.7h-1.9h-0.7v-0.7v-9.8v-0.7h0.7h1.9h0.7v0.7v9.8V24L42.9,24z"></path>
+          <path d="M42.2,41v-9.8h-1.9V41H42.2 M42.9,41.7h-0.7h-1.9h-0.7V41v-9.8v-0.7h0.7h1.9h0.7v0.7V41V41.7L42.9,41.7z"></path>
+          <path d="M42.2,58.8V49h-1.9v9.8H42.2 M42.9,59.5h-0.7h-1.9h-0.7v-0.7V49v-0.7h0.7h1.9h0.7V49v9.8V59.5L42.9,59.5z"></path>
+          <path d="M59.9,76.6v-9.8h-1.9v9.8H59.9 M60.7,77.4h-0.7h-1.9h-0.7v-0.7v-9.8v-0.7h0.7h1.9h0.7v0.7v9.8V77.4L60.7,77.4z"></path>
+          <path d="M59.9,23.3v-9.8h-1.9v9.8H59.9 M60.7,24h-0.7h-1.9h-0.7v-0.7v-9.8v-0.7h0.7h1.9h0.7v0.7v9.8V24L60.7,24z"></path>
+          <path d="M59.9,41v-9.8h-1.9V41H59.9 M60.7,41.7h-0.7h-1.9h-0.7V41v-9.8v-0.7h0.7h1.9h0.7v0.7V41V41.7L60.7,41.7z"></path>
+          <path d="M59.9,58.8V49h-1.9v9.8H59.9 M60.7,59.5h-0.7h-1.9h-0.7v-0.7V49v-0.7h0.7h1.9h0.7V49v9.8V59.5L60.7,59.5z"></path>
+          <path d="M77.7,76.6v-9.8h-1.9v9.8H77.7 M78.4,77.4h-0.7h-1.9h-0.7v-0.7v-9.8v-0.7h0.7h1.9h0.7v0.7v9.8V77.4L78.4,77.4z"></path>
+          <path d="M77.7,23.3v-9.8h-1.9v9.8H77.7 M78.4,24h-0.7h-1.9h-0.7v-0.7v-9.8v-0.7h0.7h1.9h0.7v0.7v9.8V24L78.4,24z"></path>
+          <path d="M77.7,41v-9.8h-1.9V41H77.7 M78.4,41.7h-0.7h-1.9h-0.7V41v-9.8v-0.7h0.7h1.9h0.7v0.7V41V41.7L78.4,41.7z"></path>
+          <path d="M77.7,58.8V49h-1.9v9.8H77.7 M78.4,59.5h-0.7h-1.9h-0.7v-0.7V49v-0.7h0.7h1.9h0.7V49v9.8V59.5L78.4,59.5z"></path>
+          <path d="M95.5,76.6v-9.8h-1.9v9.8H95.5 M96.2,77.4h-0.7h-1.9h-0.7v-0.7v-9.8v-0.7h0.7h1.9h0.7v0.7v9.8V77.4L96.2,77.4z"></path>
+          <path d="M95.5,23.3v-9.8h-1.9v9.8H95.5 M96.2,24h-0.7h-1.9h-0.7v-0.7v-9.8v-0.7h0.7h1.9h0.7v0.7v9.8V24L96.2,24z"></path>
+          <path d="M95.5,41v-9.8h-1.9V41H95.5 M96.2,41.7h-0.7h-1.9h-0.7V41v-9.8v-0.7h0.7h1.9h0.7v0.7V41V41.7L96.2,41.7z"></path>
+          <path d="M95.5,58.8V49h-1.9v9.8H95.5 M96.2,59.5h-0.7h-1.9h-0.7v-0.7V49v-0.7h0.7h1.9h0.7V49v9.8V59.5L96.2,59.5z"></path>
+          <path d="M113.3,76.6v-9.8h-1.9v9.8H113.3 M114,77.4h-0.7h-1.9h-0.7v-0.7v-9.8v-0.7h0.7h1.9h0.7v0.7v9.8V77.4L114,77.4z"></path>
+          <path d="M113.3,23.3v-9.8h-1.9v9.8H113.3 M114,24h-0.7h-1.9h-0.7v-0.7v-9.8v-0.7h0.7h1.9h0.7v0.7v9.8V24L114,24z"></path>
+          <path d="M113.3,41v-9.8h-1.9V41H113.3 M114,41.7h-0.7h-1.9h-0.7V41v-9.8v-0.7h0.7h1.9h0.7v0.7V41V41.7L114,41.7z"></path>
+          <path d="M113.3,58.8V49h-1.9v9.8H113.3 M114,59.5h-0.7h-1.9h-0.7v-0.7V49v-0.7h0.7h1.9h0.7V49v9.8V59.5L114,59.5z"></path>
+        </g>
+        <g id="innerWall">
+          <path d="M135.2,73.8h-8.8c-1,0-1.7,0.8-1.7,1.7v6.2c0,1.2-1,2.2-2.2,2.2H83.6v0.7h38.8c1.6,0,3-1.3,3-3v-6.2c0-0.6,0.5-1,1-1h8.8 V73.8z M122.4,4.7H83.6v0.7h38.8c1.2,0,2.2,1,2.2,2.2v6.2c0,1,0.8,1.7,1.7,1.7h8.8v-0.7h-8.8c-0.6,0-1-0.5-1-1V7.7 C125.4,6.1,124.1,4.7,122.4,4.7z"></path>
+        </g>
+        <g id="labwareBracket">
+          <path d="M84.3,0H0v90h84.4v-9H17.4c-3.4,0-6.1-2.7-6.1-6.1V14.7c0-3.4,2.7-6.1,6.1-6.1h66.9L84.3,0L84.3,0z M1.4,1.4h81.5v5.7 H17.4c-4.1,0-7.5,3.4-7.5,7.5v60.2c0,4.1,3.4,7.5,7.5,7.5h65.5v6.1H1.4V1.4z"></path>
+        </g>
+        <g id="magnetPlateOverlayFill">
+          <path
+            d="M118,81.7c2.2,0,4-1.8,4-4V11.9c0-2.2-1.8-4-4-4H18.1c-2.2,0-4,1.8-4,4v65.8c0,2.2,1.8,4,4,4L118,81.7z"
+            style={{ fill: '#FFFFFFF0' }}
+          ></path>
+        </g>
+        <g id="outline">
+          <path d="M135.9,0H0l0,90h135.9V0z M1.4,1.4h133.1v87.1H1.4V1.4z"></path>
+        </g>
+      </g>
+    </g>
+  )
+}

package/src/hardware-sim/Module/Module.stories.tsx

@@ -0,0 +1,91 @@
+import {
+  fixture96Plate,
+  getModuleDef2,
+  HEATERSHAKER_MODULE_V1,
+  MAGNETIC_BLOCK_V1,
+  MAGNETIC_MODULE_V1,
+  MAGNETIC_MODULE_V2,
+  TEMPERATURE_MODULE_V1,
+  TEMPERATURE_MODULE_V2,
+  THERMOCYCLER_MODULE_V1,
+  THERMOCYCLER_MODULE_V2,
+} from '@opentrons/shared-data'
+
+import { LabwareRender } from '../Labware'
+import { RobotCoordinateSpace } from '../RobotCoordinateSpace'
+import { Module as ModuleComponent } from './'
+
+import type { Meta, Story } from '@storybook/react'
+import type { LabwareDefinition2, ModuleModel } from '@opentrons/shared-data'
+
+const moduleModels: ModuleModel[] = [
+  TEMPERATURE_MODULE_V2,
+  TEMPERATURE_MODULE_V1,
+  THERMOCYCLER_MODULE_V1,
+  THERMOCYCLER_MODULE_V2,
+  MAGNETIC_MODULE_V1,
+  MAGNETIC_MODULE_V2,
+  HEATERSHAKER_MODULE_V1,
+  MAGNETIC_BLOCK_V1,
+]
+
+export default {
+  title: 'Library/Molecules/Simulation/Module',
+} as Meta
+
+const Template: Story<{
+  model: ModuleModel
+  orientation: 'left' | 'right'
+  hasLabware: boolean
+  innerProps: {}
+}> = args => {
+  return (
+    <RobotCoordinateSpace height="100vh" width="100vw" viewBox="0 -50 200 320">
+      <ModuleComponent
+        def={getModuleDef2(args.model)}
+        x={0}
+        y={0}
+        innerProps={args.innerProps}
+        orientation={args.orientation}
+      >
+        {args.hasLabware ? (
+          <LabwareRender definition={fixture96Plate as LabwareDefinition2} />
+        ) : null}
+      </ModuleComponent>
+    </RobotCoordinateSpace>
+  )
+}
+export const Module = Template.bind({})
+Module.argTypes = {
+  model: {
+    control: {
+      type: 'select',
+      options: moduleModels,
+    },
+    defaultValue: moduleModels[0],
+  },
+  orientation: {
+    control: {
+      type: 'select',
+      options: ['left', 'right'],
+    },
+    defaultValue: 'left',
+  },
+  hasLabware: {
+    control: {
+      type: 'boolean',
+    },
+    defaultValue: false,
+  },
+  innerProps: {
+    control: {
+      type: 'object',
+    },
+    defaultValue: {
+      lidMotorState: 'open',
+      blockTargetTemp: 90,
+      targetTemperature: 4,
+      targetTemp: 40,
+    },
+  },
+}

package/src/hardware-sim/Module/ModuleTag.tsx

@@ -0,0 +1,39 @@
+import {
+  ALIGN_CENTER,
+  C_MED_LIGHT_GRAY,
+  JUSTIFY_CENTER,
+  RobotCoordsForeignDiv,
+  SPACING_1,
+} from '../../'
+
+import type { ReactNode } from 'react'
+
+export interface ModuleTagProps {
+  x: number
+  y: number
+  height: number
+  width: number
+  children: ReactNode
+}
+
+export const ModuleTag = (props: ModuleTagProps): JSX.Element => {
+  const { x, y, height, width, children } = props
+
+  return (
+    <RobotCoordsForeignDiv
+      x={x}
+      y={y}
+      height={height}
+      width={width}
+      innerDivProps={{
+        display: 'flex',
+        justifyContent: JUSTIFY_CENTER,
+        alignItems: ALIGN_CENTER,
+        backgroundColor: C_MED_LIGHT_GRAY,
+        padding: SPACING_1,
+      }}
+    >
+      {children}
+    </RobotCoordsForeignDiv>
+  )
+}