chore: upgrade biome and simplify biome config (#1679)

* chore: upgrade biome to 1.4.1

* fix: safe fixes

* fix: ternary fomatting

* fix: typeof formatting

* fix: noUselessElse

* fix: align biome config with wevm

* fix: noForEach

.pnpmfile.cjs

@@ -30,7 +30,7 @@ function omitRootDependencies(packageName, dependencies) {
     // None for now
   ];
 
-  Object.keys(dependencies).forEach((dep) => {
+  for (const dep of Object.keys(dependencies)) {
     if (!rootDependencies[dep] || allowedDuplicatePackages.includes(dep)) {
       // Keep the dependency in the app template's package.json since it's not in the
       // root package.json (or in the list of allowed duplicate packages).
@@ -46,7 +46,7 @@ function omitRootDependencies(packageName, dependencies) {
           .join('\n'),
       );
     }
-  });
+  }
 
   return filteredDependencies;
 }

biome.json

@@ -21,31 +21,29 @@
     "enabled": true,
     "rules": {
       "recommended": true,
+      "a11y": {
+        "useButtonType": "off"
+      },
+      "complexity": {
+        "noBannedTypes": "off",
+        "useLiteralKeys": "off"
+      },
       "correctness": {
         "noUnusedVariables": "error"
       },
-      "nursery": {
-        "useGroupedTypeImport": "off"
-      },
       "performance": {
         "noDelete": "off"
       },
       "style": {
         "noNonNullAssertion": "off",
-        "useShorthandArrayType": "error",
-        "useSingleVarDeclarator": "off"
+        "useShorthandArrayType": "error"
       },
       "suspicious": {
         "noArrayIndexKey": "off",
+        "noAssignInExpressions": "off",
+        "noConfusingVoidType": "off",
         "noExplicitAny": "off",
         "noRedeclare": "off"
-      },
-      "complexity": {
-        "useLiteralKeys": "off",
-        "noForEach": "off"
-      },
-      "a11y": {
-        "noSvgWithoutTitle": "off"
       }
     }
   },

package.json

@@ -41,7 +41,7 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@biomejs/biome": "1.3.3",
+    "@biomejs/biome": "1.4.1",
     "@changesets/cli": "2.26.2",
     "@commitlint/cli": "^18.4.2",
     "@commitlint/config-conventional": "^18.4.2",

packages/create-rainbowkit/src/cli.ts

@@ -173,10 +173,10 @@ async function run() {
     const packageManager = options.usePnpm
       ? 'pnpm'
       : options.useYarn
-      ? 'yarn'
-      : options.useNpm
-      ? 'npm'
-      : detectPackageManager();
+        ? 'yarn'
+        : options.useNpm
+          ? 'npm'
+          : detectPackageManager();
 
     log(
       chalk.cyan(

packages/create-rainbowkit/src/detectPackageManager.ts

@@ -7,13 +7,9 @@ export function detectPackageManager(): PackageManager {
     const userAgent = process.env.npm_config_user_agent;
 
     if (userAgent) {
-      if (userAgent.startsWith('pnpm')) {
-        return 'pnpm';
-      } else if (userAgent.startsWith('yarn')) {
-        return 'yarn';
-      } else if (userAgent.startsWith('npm')) {
-        return 'npm';
-      }
+      if (userAgent.startsWith('pnpm')) return 'pnpm';
+      if (userAgent.startsWith('yarn')) return 'yarn';
+      if (userAgent.startsWith('npm')) return 'npm';
     }
     try {
       execSync('pnpm --version', { stdio: 'ignore' });

packages/example/pages/_app.tsx

@@ -218,10 +218,10 @@ const themes = [
   { name: 'dark', theme: darkTheme },
   { name: 'midnight', theme: midnightTheme },
 ] as const;
-type ThemeName = typeof themes[number]['name'];
+type ThemeName = (typeof themes)[number]['name'];
 
 const fontStacks = ['rounded', 'system'] as const;
-type FontStack = typeof fontStacks[number];
+type FontStack = (typeof fontStacks)[number];
 
 const accentColors = [
   'blue',
@@ -232,16 +232,16 @@ const accentColors = [
   'red',
   'custom',
 ] as const;
-type AccentColor = typeof accentColors[number];
+type AccentColor = (typeof accentColors)[number];
 
 const radiusScales = ['large', 'medium', 'small', 'none'] as const;
-type RadiusScale = typeof radiusScales[number];
+type RadiusScale = (typeof radiusScales)[number];
 
 const overlayBlurs = ['large', 'small', 'none'] as const;
-type OverlayBlur = typeof overlayBlurs[number];
+type OverlayBlur = (typeof overlayBlurs)[number];
 
 const modalSizes = ['wide', 'compact'] as const;
-type ModalSize = typeof modalSizes[number];
+type ModalSize = (typeof modalSizes)[number];
 
 function RainbowKitApp({
   Component,

packages/example/pages/api/auth/[...nextauth].ts

@@ -15,7 +15,7 @@ export function getAuthOptions(req: IncomingMessage): NextAuthOptions {
       async authorize(credentials) {
         try {
           const siwe = new SiweMessage(
-            JSON.parse(credentials?.message || '{}')
+            JSON.parse(credentials?.message || '{}'),
           );
 
           const nextAuthUrl =
@@ -95,7 +95,7 @@ export default async function auth(req: NextApiRequest, res: NextApiResponse) {
 
   const isDefaultSigninPage =
     req.method === 'GET' &&
-    req.query.nextauth.find(value => value === 'signin');
+    req.query.nextauth.find((value) => value === 'signin');
 
   // Hide Sign-In with Ethereum from default sign page
   if (isDefaultSigninPage) {

packages/rainbowkit/src/components/AsyncImage/useAsyncImage.ts

@@ -5,7 +5,6 @@ export type AsyncImageSrc = () => Promise<string>;
 const cachedUrls = new Map<AsyncImageSrc, string>();
 
 // Store requests in a cache so we don't fetch the same image twice
-// biome-ignore lint/suspicious/noConfusingVoidType: TODO
 const cachedRequestPromises = new Map<AsyncImageSrc, Promise<string | void>>();
 
 async function loadAsyncImage(asyncImage: () => Promise<string>) {

packages/rainbowkit/src/components/Button/ActionButton.tsx

@@ -61,8 +61,8 @@ export function ActionButton({
     ? isPrimary
       ? 'accentColor'
       : isNotLarge
-      ? 'actionButtonSecondaryBackground'
-      : null
+        ? 'actionButtonSecondaryBackground'
+        : null
     : 'actionButtonSecondaryBackground';
   const { fontSize, height, paddingX, paddingY } = sizeVariants[size];
   const hasBorder = !mobile || !isNotLarge;

packages/rainbowkit/src/components/ChainModal/ChainModal.test.tsx

@@ -63,7 +63,6 @@ describe('<ChainModal />', () => {
   it('Can switch chains', async () => {
     let onCloseGotCalled = false;
     const modal = renderWithProviders(
-      // biome-ignore lint/suspicious/noAssignInExpressions: TODO
       <ChainModal onClose={() => (onCloseGotCalled = true)} open />,
       {
         mock: true,
@@ -90,7 +89,6 @@ describe('<ChainModal />', () => {
   it('Just closes on switch error (user rejected, or other)', async () => {
     let onCloseGotCalled = false;
     const modal = renderWithProviders(
-      // biome-ignore lint/suspicious/noAssignInExpressions: TODO
       <ChainModal onClose={() => (onCloseGotCalled = true)} open />,
       {
         mock: true,
@@ -134,7 +132,6 @@ describe('<ChainModal />', () => {
   it('Closes on close button press', async () => {
     let onCloseGotCalled = false;
     const modal = renderWithProviders(
-      // biome-ignore lint/suspicious/noAssignInExpressions: TODO
       <ChainModal onClose={() => (onCloseGotCalled = true)} open />,
       {
         mock: true,

packages/rainbowkit/src/components/ConnectOptions/ConnectDetails.tsx

@@ -140,12 +140,12 @@ export function GetDetail({
                       {hasMobileAndExtension
                         ? i18n.t('get.mobile_and_extension.description')
                         : hasMobileAndDesktop
-                        ? i18n.t('get.mobile_and_desktop.description')
-                        : hasMobileCompanionApp
-                        ? i18n.t('get.mobile.description')
-                        : hasExtension
-                        ? i18n.t('get.extension.description')
-                        : null}
+                          ? i18n.t('get.mobile_and_desktop.description')
+                          : hasMobileCompanionApp
+                            ? i18n.t('get.mobile.description')
+                            : hasExtension
+                              ? i18n.t('get.extension.description')
+                              : null}
                     </Text>
                   </Box>
                 </Box>
@@ -239,19 +239,19 @@ export function ConnectDetail({
         },
       }
     : hasQrCode
-    ? {
-        description: i18n.t('connect.secondary_action.get.description', {
-          wallet: name,
-        }),
-        label: i18n.t('connect.secondary_action.get.label'),
-        onClick: () =>
-          changeWalletStep(
-            hasQrCodeAndExtension || hasQrCodeAndDesktop
-              ? WalletStep.DownloadOptions
-              : WalletStep.Download,
-          ),
-      }
-    : null;
+      ? {
+          description: i18n.t('connect.secondary_action.get.description', {
+            wallet: name,
+          }),
+          label: i18n.t('connect.secondary_action.get.label'),
+          onClick: () =>
+            changeWalletStep(
+              hasQrCodeAndExtension || hasQrCodeAndDesktop
+                ? WalletStep.DownloadOptions
+                : WalletStep.Download,
+            ),
+        }
+      : null;
 
   const { width: windowWidth } = useWindowSize();
   const smallWindow = windowWidth && windowWidth < 768;
@@ -279,8 +279,8 @@ export function ConnectDetail({
               compactModeEnabled
                 ? 318
                 : smallWindow
-                ? Math.max(280, Math.min(windowWidth - 308, 382))
-                : 382
+                  ? Math.max(280, Math.min(windowWidth - 308, 382))
+                  : 382
             }
             uri={qrCodeUri}
           />
@@ -315,12 +315,12 @@ export function ConnectDetail({
                       wallet: name,
                     })
                   : hasExtension
-                  ? i18n.t('connect.status.not_installed', {
-                      wallet: name,
-                    })
-                  : i18n.t('connect.status.not_available', {
-                      wallet: name,
-                    })}
+                    ? i18n.t('connect.status.not_installed', {
+                        wallet: name,
+                      })
+                    : i18n.t('connect.status.not_available', {
+                        wallet: name,
+                      })}
               </Text>
               {!ready && hasExtension ? (
                 <Box paddingTop="20">

packages/rainbowkit/src/components/ConnectOptions/DesktopOptions.tsx

@@ -306,8 +306,8 @@ export function DesktopOptions({ onClose }: { onClose: () => void }) {
       headerBackButtonLink = connector
         ? WalletStep.Connect
         : hasExtensionAndMobile && WalletStep.Connect
-        ? initialWalletStep
-        : null;
+          ? initialWalletStep
+          : null;
       break;
     case WalletStep.Download:
       walletContent = selectedWallet && (

packages/rainbowkit/src/components/ConnectOptions/MobileOptions.tsx

@@ -34,6 +34,7 @@ const LoadingSpinner = ({ wallet }: { wallet: WalletConnector }) => {
 
   return (
     <svg className={styles.spinner} viewBox="0 0 86 86" width="86" height="86">
+      <title>Loading</title>
       <rect
         x="3"
         y="3"

packages/rainbowkit/src/components/Dialog/DialogContent.tsx

@@ -35,8 +35,8 @@ export function DialogContent({
             ? mobile
               ? styles.dialogContentWideMobile
               : compactModeEnabled
-              ? styles.dialogContentCompactMode
-              : styles.dialogContentWideDesktop
+                ? styles.dialogContentCompactMode
+                : styles.dialogContentWideDesktop
             : styles.dialogContent,
           mobile ? styles.dialogContentMobile : null,
           mobile && bottomSheetOnMobile ? styles.bottomSheetOverrides : null,

packages/rainbowkit/src/components/Icons/Back.tsx

@@ -8,6 +8,7 @@ export const BackIcon = () => (
     width="11"
     xmlns="http://www.w3.org/2000/svg"
   >
+    <title>Back</title>
     <path
       d="M0.99707 8.6543C0.99707 9.08496 1.15527 9.44531 1.51562 9.79688L8.16016 16.3096C8.43262 16.5732 8.74902 16.7051 9.13574 16.7051C9.90918 16.7051 10.5508 16.0811 10.5508 15.3076C10.5508 14.9121 10.3838 14.5605 10.0938 14.2705L4.30176 8.64551L10.0938 3.0293C10.3838 2.74805 10.5508 2.3877 10.5508 2.00098C10.5508 1.23633 9.90918 0.603516 9.13574 0.603516C8.74902 0.603516 8.43262 0.735352 8.16016 0.999023L1.51562 7.51172C1.15527 7.85449 1.00586 8.21484 0.99707 8.6543Z"
       fill="currentColor"

packages/rainbowkit/src/components/Icons/Cancel.tsx

@@ -8,6 +8,7 @@ export const CancelIcon = () => (
     width="20"
     xmlns="http://www.w3.org/2000/svg"
   >
+    <title>Cancel</title>
     <path
       d="M10 18.9443C15.0977 18.9443 19.2812 14.752 19.2812 9.6543C19.2812 4.56543 15.0889 0.373047 10 0.373047C4.90234 0.373047 0.71875 4.56543 0.71875 9.6543C0.71875 14.752 4.91113 18.9443 10 18.9443ZM10 16.6328C6.1416 16.6328 3.03906 13.5215 3.03906 9.6543C3.03906 5.7959 6.13281 2.68457 10 2.68457C13.8584 2.68457 16.9697 5.7959 16.9697 9.6543C16.9785 13.5215 13.8672 16.6328 10 16.6328ZM7.29297 13.3018C7.58301 13.3018 7.81152 13.2139 7.99609 13.0205L10 11.0166L12.0127 13.0205C12.1973 13.2051 12.4258 13.3018 12.707 13.3018C13.2432 13.3018 13.6562 12.8887 13.6562 12.3525C13.6562 12.0977 13.5508 11.8691 13.3662 11.6934L11.3535 9.67188L13.375 7.6416C13.5596 7.44824 13.6562 7.22852 13.6562 6.98242C13.6562 6.44629 13.2432 6.0332 12.7158 6.0332C12.4346 6.0332 12.2148 6.12109 12.0215 6.31445L10 8.32715L7.9873 6.32324C7.80273 6.12988 7.58301 6.04199 7.29297 6.04199C6.76562 6.04199 6.35254 6.45508 6.35254 6.99121C6.35254 7.2373 6.44922 7.46582 6.63379 7.6416L8.65527 9.67188L6.63379 11.6934C6.44922 11.8691 6.35254 12.1064 6.35254 12.3525C6.35254 12.8887 6.76562 13.3018 7.29297 13.3018Z"
       fill="currentColor"

packages/rainbowkit/src/components/Icons/Close.tsx

@@ -11,6 +11,7 @@ export const CloseIcon = () => {
       width="11.5"
       xmlns="http://www.w3.org/2000/svg"
     >
+      <title>Close</title>
       <path
         d="M2.13388 0.366117C1.64573 -0.122039 0.854272 -0.122039 0.366117 0.366117C-0.122039 0.854272 -0.122039 1.64573 0.366117 2.13388L3.98223 5.75L0.366117 9.36612C-0.122039 9.85427 -0.122039 10.6457 0.366117 11.1339C0.854272 11.622 1.64573 11.622 2.13388 11.1339L5.75 7.51777L9.36612 11.1339C9.85427 11.622 10.6457 11.622 11.1339 11.1339C11.622 10.6457 11.622 9.85427 11.1339 9.36612L7.51777 5.75L11.1339 2.13388C11.622 1.64573 11.622 0.854272 11.1339 0.366117C10.6457 -0.122039 9.85427 -0.122039 9.36612 0.366117L5.75 3.98223L2.13388 0.366117Z"
         fill="currentColor"
@@ -25,6 +26,7 @@ export const CloseIcon = () => {
       width="10"
       xmlns="http://www.w3.org/2000/svg"
     >
+      <title>Close</title>
       <path
         d="M1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292893 0.292893C-0.0976311 0.683417 -0.0976311 1.31658 0.292893 1.70711L3.58579 5L0.292893 8.29289C-0.0976311 8.68342 -0.0976311 9.31658 0.292893 9.70711C0.683417 10.0976 1.31658 10.0976 1.70711 9.70711L5 6.41421L8.29289 9.70711C8.68342 10.0976 9.31658 10.0976 9.70711 9.70711C10.0976 9.31658 10.0976 8.68342 9.70711 8.29289L6.41421 5L9.70711 1.70711C10.0976 1.31658 10.0976 0.683417 9.70711 0.292893C9.31658 -0.0976311 8.68342 -0.0976311 8.29289 0.292893L5 3.58579L1.70711 0.292893Z"
         fill="currentColor"

packages/rainbowkit/src/components/Icons/Copied.tsx

@@ -8,6 +8,7 @@ export const CopiedIcon = () => (
     width="13"
     xmlns="http://www.w3.org/2000/svg"
   >
+    <title>Copied</title>
     <path
       d="M4.94568 12.2646C5.41052 12.2646 5.77283 12.0869 6.01892 11.7109L12.39 1.96973C12.5677 1.69629 12.6429 1.44336 12.6429 1.2041C12.6429 0.561523 12.1644 0.0966797 11.5082 0.0966797C11.057 0.0966797 10.7767 0.260742 10.5033 0.691406L4.9115 9.50977L2.07458 5.98926C1.82166 5.68848 1.54822 5.55176 1.16541 5.55176C0.502319 5.55176 0.0238037 6.02344 0.0238037 6.66602C0.0238037 6.95312 0.112671 7.20605 0.358765 7.48633L3.88611 11.7588C4.18005 12.1074 4.50818 12.2646 4.94568 12.2646Z"
       fill="currentColor"

packages/rainbowkit/src/components/Icons/Copy.tsx

@@ -8,6 +8,7 @@ export const CopyIcon = () => (
     width="17"
     xmlns="http://www.w3.org/2000/svg"
   >
+    <title>Copy</title>
     <path
       d="M3.04236 12.3027H4.18396V13.3008C4.18396 14.8525 5.03845 15.7002 6.59705 15.7002H13.6244C15.183 15.7002 16.0375 14.8525 16.0375 13.3008V6.24609C16.0375 4.69434 15.183 3.84668 13.6244 3.84668H12.4828V2.8418C12.4828 1.29688 11.6283 0.442383 10.0697 0.442383H3.04236C1.48376 0.442383 0.629272 1.29004 0.629272 2.8418V9.90332C0.629272 11.4551 1.48376 12.3027 3.04236 12.3027ZM3.23376 10.5391C2.68689 10.5391 2.39294 10.2656 2.39294 9.68457V3.06055C2.39294 2.47949 2.68689 2.21289 3.23376 2.21289H9.8783C10.4252 2.21289 10.7191 2.47949 10.7191 3.06055V3.84668H6.59705C5.03845 3.84668 4.18396 4.69434 4.18396 6.24609V10.5391H3.23376ZM6.78845 13.9365C6.24158 13.9365 5.94763 13.6699 5.94763 13.0889V6.45801C5.94763 5.87695 6.24158 5.61035 6.78845 5.61035H13.433C13.9799 5.61035 14.2738 5.87695 14.2738 6.45801V13.0889C14.2738 13.6699 13.9799 13.9365 13.433 13.9365H6.78845Z"
       fill="currentColor"

packages/rainbowkit/src/components/Icons/Disconnect.tsx

@@ -8,6 +8,7 @@ export const DisconnectIcon = () => (
     width="18"
     xmlns="http://www.w3.org/2000/svg"
   >
+    <title>Disconnect</title>
     <path
       d="M2.67834 15.5908H9.99963C11.5514 15.5908 12.399 14.7432 12.399 13.1777V10.2656H10.6354V12.9863C10.6354 13.5332 10.3688 13.8271 9.78772 13.8271H2.89026C2.3092 13.8271 2.0426 13.5332 2.0426 12.9863V3.15625C2.0426 2.60254 2.3092 2.30859 2.89026 2.30859H9.78772C10.3688 2.30859 10.6354 2.60254 10.6354 3.15625V5.89746H12.399V2.95801C12.399 1.39941 11.5514 0.544922 9.99963 0.544922H2.67834C1.12659 0.544922 0.278931 1.39941 0.278931 2.95801V13.1777C0.278931 14.7432 1.12659 15.5908 2.67834 15.5908ZM7.43616 8.85059H14.0875L15.0924 8.78906L14.566 9.14453L13.6842 9.96484C13.5406 10.1016 13.4586 10.2861 13.4586 10.4844C13.4586 10.8398 13.7321 11.168 14.1217 11.168C14.3199 11.168 14.4635 11.0928 14.6002 10.9561L16.7809 8.68652C16.986 8.48145 17.0543 8.27637 17.0543 8.06445C17.0543 7.85254 16.986 7.64746 16.7809 7.43555L14.6002 5.17285C14.4635 5.03613 14.3199 4.9541 14.1217 4.9541C13.7321 4.9541 13.4586 5.27539 13.4586 5.6377C13.4586 5.83594 13.5406 6.02734 13.6842 6.15723L14.566 6.98438L15.0924 7.33984L14.0875 7.27148H7.43616C7.01917 7.27148 6.65686 7.62012 6.65686 8.06445C6.65686 8.50195 7.01917 8.85059 7.43616 8.85059Z"
       fill="currentColor"

packages/rainbowkit/src/components/Icons/DisconnectSq.tsx

@@ -8,6 +8,7 @@ export const DisconnectSqIcon = ({ size }: { size: number }) => (
     width={size}
     xmlns="http://www.w3.org/2000/svg"
   >
+    <title>Disconnect</title>
     <path
       d="M6.742 22.195h8.367c1.774 0 2.743-.968 2.743-2.758V16.11h-2.016v3.11c0 .625-.305.96-.969.96H6.984c-.664 0-.968-.335-.968-.96V7.984c0-.632.304-.968.968-.968h7.883c.664 0 .969.336.969.968v3.133h2.016v-3.36c0-1.78-.97-2.757-2.743-2.757H6.742C4.97 5 4 5.977 4 7.758v11.68c0 1.789.969 2.757 2.742 2.757Zm5.438-7.703h7.601l1.149-.07-.602.406-1.008.938a.816.816 0 0 0-.258.593c0 .407.313.782.758.782.227 0 .39-.086.547-.243l2.492-2.593c.235-.235.313-.47.313-.711 0-.242-.078-.477-.313-.719l-2.492-2.586c-.156-.156-.32-.25-.547-.25-.445 0-.758.367-.758.781 0 .227.094.446.258.594l1.008.945.602.407-1.149-.079H12.18a.904.904 0 0 0 0 1.805Z"
       fill="currentColor"

packages/rainbowkit/src/components/Icons/Dropdown.tsx

@@ -2,6 +2,7 @@ import React from 'react';
 
 export const DropdownIcon = () => (
   <svg fill="none" height="7" width="14" xmlns="http://www.w3.org/2000/svg">
+    <title>Dropdown</title>
     <path
       d="M12.75 1.54001L8.51647 5.0038C7.77974 5.60658 6.72026 5.60658 5.98352 5.0038L1.75 1.54001"
       stroke="currentColor"

packages/rainbowkit/src/components/Icons/Explore.tsx

@@ -8,6 +8,7 @@ export const ExploreIcon = () => (
     width="25"
     xmlns="http://www.w3.org/2000/svg"
   >
+    <title>Explore</title>
     <path
       d="M0.810547 12.8994C0.810547 15.4834 3.08691 17.4346 5.95215 17.4346C8.7998 17.4346 11.0674 15.4834 11.0674 12.8994V11.0449C11.498 10.9219 11.9902 10.8428 12.5 10.8428C13.0361 10.8428 13.5107 10.9043 13.9238 11.0186V12.917C13.9238 15.4922 16.1914 17.4434 19.0391 17.4434C21.8955 17.4434 24.1807 15.4922 24.1807 12.917C24.1807 12.2842 24.0488 11.5986 23.75 10.8779L20.2607 2.49316C19.6719 1.06055 18.5205 0.27832 17.0176 0.27832C15.1367 0.27832 13.9238 1.5 13.9238 3.37207V3.91699C13.4844 3.80273 13.001 3.75 12.5 3.75C12.0078 3.75 11.5244 3.82031 11.0674 3.93457V3.35449C11.0674 1.49121 9.85449 0.269531 7.97363 0.269531C6.4707 0.269531 5.31934 1.04297 4.73047 2.47559L1.24121 10.8604C0.933594 11.5898 0.810547 12.2754 0.810547 12.8994ZM11.0674 8.3291V6.66797C11.5156 6.54492 12.0078 6.4834 12.5 6.4834C13.001 6.4834 13.4844 6.53613 13.9238 6.6416V8.30273C13.5107 8.17969 13.0449 8.12695 12.5 8.12695C11.9814 8.12695 11.498 8.20605 11.0674 8.3291ZM2.97266 12.8994C2.97266 11.4492 4.22949 10.4736 5.95215 10.4736C7.66602 10.4736 8.94922 11.4492 8.94922 12.8994C8.94922 14.3584 7.66602 15.334 5.95215 15.334C4.22949 15.334 2.97266 14.3496 2.97266 12.8994ZM16.042 12.917C16.042 11.458 17.3252 10.4824 19.0391 10.4824C20.7617 10.4824 22.0186 11.458 22.0186 12.917C22.0186 14.3672 20.7617 15.3428 19.0391 15.3428C17.3252 15.3428 16.042 14.3672 16.042 12.917Z"
       fill="currentColor"