From ea243eed09ec1c4b7e693159d797c38897fd288f Mon Sep 17 00:00:00 2001
From: jonybur <jobur93@gmail.com>
Date: Thu, 2 Mar 2023 14:46:45 +0000
Subject: [PATCH 1/6] Replace Button

---
 package.json                                  |   1 +
 .../defi_card_content/defi_card_content.tsx   |   3 +-
 .../defi_investment_interaction_fields.tsx    |   3 +-
 src/components/holdings_list/holding.tsx      |   3 +-
 .../report_error_button.tsx                   |   2 +-
 src/components/shield_more/shield_more.tsx    |   3 +-
 src/components/template/user_account_menu.tsx |   3 +-
 .../transaction_history_section.tsx           |   3 +-
 .../wallet_interaction_toast.tsx              |   2 +-
 src/toolbox/signer_submit/signer_submit.tsx   |   2 +-
 .../components/button/button.module.scss      | 105 -------
 .../components/button/button.stories.tsx      |  44 ---
 .../components/button/button.tsx              |  89 ------
 src/ui-components/components/button/index.ts  |   1 -
 .../signing_request/signing_request.tsx       |   2 +-
 src/ui-components/components/toast/toast.tsx  |   2 +-
 .../account/dashboard/access_account_form.tsx |   3 +-
 .../defi_confirmation_page.tsx                |   2 +-
 .../retry_signing_button.tsx                  |   2 +-
 .../footer_section/footer_section.tsx         |   3 +-
 .../send_modal/send_confirmation_page.tsx     |   2 +-
 .../shield_confirmation_page.tsx              |   2 +-
 src/views/account/dashboard/trade.tsx         |   2 +-
 src/views/home.tsx                            |   3 +-
 src/views/toasts/toast_configurations.tsx     |   3 +-
 .../unsupported_popup/unsupported_popup.tsx   |   2 +-
 yarn.lock                                     | 297 ++++++++++++++++--
 27 files changed, 311 insertions(+), 278 deletions(-)
 delete mode 100644 src/ui-components/components/button/button.module.scss
 delete mode 100644 src/ui-components/components/button/button.stories.tsx
 delete mode 100644 src/ui-components/components/button/button.tsx
 delete mode 100644 src/ui-components/components/button/index.ts

diff --git a/package.json b/package.json
index fec52215..b0d52012 100644
--- a/package.json
+++ b/package.json
@@ -7,6 +7,7 @@
   },
   "type": "module",
   "dependencies": {
+    "@aztec/aztec-ui": "^0.1.13",
     "@aztec/sdk": "2.1.0-testnet.119",
     "@rainbow-me/rainbowkit": "^0.8.1",
     "@types/jsan": "^3.1.2",
diff --git a/src/components/defi_card/defi_card_content/defi_card_content.tsx b/src/components/defi_card/defi_card_content/defi_card_content.tsx
index d9bf4f60..078ccece 100644
--- a/src/components/defi_card/defi_card_content/defi_card_content.tsx
+++ b/src/components/defi_card/defi_card_content/defi_card_content.tsx
@@ -1,5 +1,6 @@
 import { useState } from 'react';
-import { InfoWrap, Button } from '../../../ui-components/index.js';
+import { Button } from '@aztec/aztec-ui';
+import { InfoWrap } from '../../../ui-components/index.js';
 import { DefiRecipe } from '../../../alt-model/defi/types.js';
 import { DefiCardDescription } from './defi_card_description.js';
 import { DefiCardInfoContent } from './defi_card_info_content.js';
diff --git a/src/components/defi_investments/defi_investment_row/defi_investment_interaction_fields.tsx b/src/components/defi_investments/defi_investment_row/defi_investment_interaction_fields.tsx
index 9d385c15..4f6c6c9c 100644
--- a/src/components/defi_investments/defi_investment_row/defi_investment_interaction_fields.tsx
+++ b/src/components/defi_investments/defi_investment_row/defi_investment_interaction_fields.tsx
@@ -1,4 +1,5 @@
 import { useState } from 'react';
+import { Button } from '@aztec/aztec-ui';
 import { TxId, UserDefiInteractionResultState, UserDefiTx } from '@aztec/sdk';
 import type { DefiRecipe } from '../../../alt-model/defi/types.js';
 import type {
@@ -6,7 +7,7 @@ import type {
   DefiPosition_Interactable,
   DefiPosition_NonInteractable,
 } from '../../../alt-model/defi/open_position_hooks.js';
-import { Hyperlink, HyperlinkIcon, Tooltip, Button } from '../../../ui-components/index.js';
+import { Hyperlink, HyperlinkIcon, Tooltip } from '../../../ui-components/index.js';
 import { useExplorerTxLink } from '../../../alt-model/explorer_link_hooks.js';
 import { useWalletInteractionIsOngoing } from '../../../alt-model/wallet_interaction_hooks.js';
 import { useRollupProviderStatus } from '../../../alt-model/index.js';
diff --git a/src/components/holdings_list/holding.tsx b/src/components/holdings_list/holding.tsx
index 1df2cf21..4fcda8b2 100644
--- a/src/components/holdings_list/holding.tsx
+++ b/src/components/holdings_list/holding.tsx
@@ -1,6 +1,7 @@
 import type { AssetValue } from '@aztec/sdk';
+import { Button, ButtonSize, ButtonTheme } from '@aztec/aztec-ui';
 import { ReactComponent as Clock } from '../../ui-components/images/clock.svg';
-import { SkeletonRect, Button, ButtonTheme, ButtonSize } from '../../ui-components/index.js';
+import { SkeletonRect } from '../../ui-components/index.js';
 import { formatBulkPrice } from '../../app/index.js';
 import { useAmountBulkPrice, useSpendableBalance } from '../../alt-model/index.js';
 import { RemoteAsset } from '../../alt-model/types.js';
diff --git a/src/components/report_error_button/report_error_button.tsx b/src/components/report_error_button/report_error_button.tsx
index fe9cba0f..c3206e94 100644
--- a/src/components/report_error_button/report_error_button.tsx
+++ b/src/components/report_error_button/report_error_button.tsx
@@ -1,7 +1,7 @@
 import { useState } from 'react';
+import { Button, ButtonSize, ButtonTheme } from '@aztec/aztec-ui';
 import { confirmAndSendErrorReport, formatError } from '../../alt-model/errors/error_utils.js';
 import { useSdk } from '../../alt-model/top_level_context/top_level_context_hooks.js';
-import { Button, ButtonSize, ButtonTheme } from '../../ui-components/index.js';
 import style from './report_error_button.module.scss';
 
 interface ReportErrorButtonProps {
diff --git a/src/components/shield_more/shield_more.tsx b/src/components/shield_more/shield_more.tsx
index 981c7fc4..4b367320 100644
--- a/src/components/shield_more/shield_more.tsx
+++ b/src/components/shield_more/shield_more.tsx
@@ -1,7 +1,8 @@
+import { Button } from '@aztec/aztec-ui';
 import { useAccountStateManager } from '../../alt-model/top_level_context/top_level_context_hooks.js';
 import { useWalletInteractionIsOngoing } from '../../alt-model/wallet_interaction_hooks.js';
 import { useObs } from '../../app/util/index.js';
-import { Button, CardWrapper } from '../../ui-components/index.js';
+import { CardWrapper } from '../../ui-components/index.js';
 import style from './shield_more.module.scss';
 
 interface ShieldMoreProps {
diff --git a/src/components/template/user_account_menu.tsx b/src/components/template/user_account_menu.tsx
index 568cdb96..77a428ca 100644
--- a/src/components/template/user_account_menu.tsx
+++ b/src/components/template/user_account_menu.tsx
@@ -1,5 +1,6 @@
 import { useContext, useEffect, useState } from 'react';
 import { useNavigate } from 'react-router-dom';
+import { Button, ButtonTheme } from '@aztec/aztec-ui';
 import { GrumpkinAddress } from '@aztec/sdk';
 import { useCachedAlias } from '../../alt-model/alias_hooks.js';
 import { TopLevelContext } from '../../alt-model/top_level_context/top_level_context.js';
@@ -10,7 +11,7 @@ import {
   useAccountStateManager,
 } from '../../alt-model/top_level_context/top_level_context_hooks.js';
 import { useObs } from '../../app/util/index.js';
-import { Loader, Card, CardHeaderSize, Field, FieldStatus, Button, ButtonTheme } from '../../ui-components/index.js';
+import { Loader, Card, CardHeaderSize, Field, FieldStatus } from '../../ui-components/index.js';
 import { Dot } from '../dot.js';
 import { CloseButtonWhite } from '../index.js';
 import { Modal } from '../modal.js';
diff --git a/src/components/transaction_history/transaction_history_section.tsx b/src/components/transaction_history/transaction_history_section.tsx
index 8d6d6100..e009b05c 100644
--- a/src/components/transaction_history/transaction_history_section.tsx
+++ b/src/components/transaction_history/transaction_history_section.tsx
@@ -1,8 +1,9 @@
 import download from '../../ui-components/images/download.svg';
 import { ProofId, UserPaymentTx } from '@aztec/sdk';
+import { Button, ButtonSize, ButtonTheme } from '@aztec/aztec-ui';
 import { useAccountStateManager, useSdk } from '../../alt-model/top_level_context/top_level_context_hooks.js';
 import { useObs } from '../../app/util/index.js';
-import { Button, ButtonSize, ButtonTheme, Section, SectionTitle } from '../../ui-components/index.js';
+import { Section, SectionTitle } from '../../ui-components/index.js';
 import { TransactionHistory } from './transaction_history.js';
 import { useUserTxs } from '../../alt-model/user_tx_hooks.js';
 
diff --git a/src/components/wallet_interaction_toast/wallet_interaction_toast.tsx b/src/components/wallet_interaction_toast/wallet_interaction_toast.tsx
index 1c55e50a..305c360f 100644
--- a/src/components/wallet_interaction_toast/wallet_interaction_toast.tsx
+++ b/src/components/wallet_interaction_toast/wallet_interaction_toast.tsx
@@ -1,6 +1,6 @@
 import { useEffect, useState } from 'react';
+import { Button, ButtonTheme } from '@aztec/aztec-ui';
 import { ConnectButton } from '@rainbow-me/rainbowkit';
-import { Button, ButtonTheme } from '../../ui-components/index.js';
 import { bindStyle } from '../../ui-components/util/classnames.js';
 import { EnforcedRetryableSignInteractions } from '../../views/flow_interactions/enforced_retryable_sign_interactions.js';
 import { L1DepositAndSignFlowState } from '../../alt-model/forms/l1_deposit/l1_deposit_and_sign_flow.js';
diff --git a/src/toolbox/signer_submit/signer_submit.tsx b/src/toolbox/signer_submit/signer_submit.tsx
index 3b454407..5fcb0c56 100644
--- a/src/toolbox/signer_submit/signer_submit.tsx
+++ b/src/toolbox/signer_submit/signer_submit.tsx
@@ -1,6 +1,6 @@
+import { Button } from '@aztec/aztec-ui';
 import type { Signer } from '@ethersproject/abstract-signer';
 import { ConnectButton } from '@rainbow-me/rainbowkit';
-import { Button } from '../../ui-components/index.js';
 import { useAccount, useSigner } from 'wagmi';
 import style from './signer_submit.module.css';
 
diff --git a/src/ui-components/components/button/button.module.scss b/src/ui-components/components/button/button.module.scss
deleted file mode 100644
index 19c19800..00000000
--- a/src/ui-components/components/button/button.module.scss
+++ /dev/null
@@ -1,105 +0,0 @@
-@use '../../styles/mixins.scss';
-
-.button {
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  line-height: 1;
-  cursor: pointer;
-  user-select: none;
-  padding: 16px 32px;
-  height: 48px;
-  border-radius: 10px;
-  transition: transform 0.2s, box-shadow 0.2s;
-  @include mixins.shadow_border;
-
-  &:hover {
-    box-shadow: 0px 4px 10px rgb(0 0 0 / 15%);
-    transform: translateY(-1px);
-  }
-
-  &:active {
-    box-shadow: 0px 4px 10px rgb(0 0 0 / 15%);
-    transform: translateY(0px);
-  }
-}
-
-.secondary {
-  background: #ffffff;
-}
-
-.primary {
-  background: #2f1f49;
-}
-
-.image {
-  width: 14px;
-  height: 14px;
-}
-
-.disabled {
-  opacity: 0.5;
-  cursor: not-allowed;
-
-  &:hover {
-    transform: translateY(0px);
-  }
-}
-
-.text {
-  letter-spacing: 1px;
-  white-space: break-spaces;
-  font-size: 14px;
-  line-height: 24px;
-  font-weight: 450;
-  align-items: center;
-  display: flex;
-  flex-direction: row;
-  gap: 10px;
-}
-
-.primary > .text {
-  color: #ffffff;
-}
-
-.secondary > .text {
-  color: #2f1f49;
-}
-
-.outlined {
-  position: relative;
-  z-index: 1;
-
-  &:before {
-    content: '';
-    position: absolute;
-    border-radius: inherit;
-    top: 1px;
-    right: 1px;
-    bottom: 1px;
-    left: 1px;
-    z-index: -1;
-  }
-}
-
-.loading {
-  cursor: default;
-  pointer-events: none;
-
-  &:hover {
-    transform: translateY(0px);
-  }
-}
-
-.large {
-  height: 44px;
-}
-
-.medium {
-  height: 36px;
-}
-
-.small {
-  height: 28px;
-}
diff --git a/src/ui-components/components/button/button.stories.tsx b/src/ui-components/components/button/button.stories.tsx
deleted file mode 100644
index 3aeac0ca..00000000
--- a/src/ui-components/components/button/button.stories.tsx
+++ /dev/null
@@ -1,44 +0,0 @@
-import { ComponentMeta, ComponentStory } from '@storybook/react';
-import centered from '@storybook/addon-centered/react';
-import { Button, ButtonSize, ButtonTheme } from './button';
-
-export default {
-  title: 'Button',
-  component: Button,
-  decorators: [centered],
-} as ComponentMeta<typeof Button>;
-
-const Story: ComponentStory<typeof Button> = args => <Button {...args} />;
-export const Primary = Story.bind({});
-
-Primary.args = {
-  text: 'Button',
-  theme: ButtonTheme.Primary,
-};
-
-export const Secondary = Story.bind({});
-Secondary.args = {
-  text: 'Button',
-  theme: ButtonTheme.Secondary,
-};
-
-export const CustomGradient = Story.bind({});
-CustomGradient.args = {
-  text: 'Button',
-  gradient: { from: 'white', to: 'gray' },
-  color: 'black',
-};
-
-export const LongButton = Story.bind({});
-LongButton.args = {
-  text: 'This is a very, very long button',
-};
-
-const StorySizes: ComponentStory<typeof Button> = args => (
-  <div style={{ display: 'flex', gap: '20px', alignItems: 'self-end' }}>
-    <Button text="Large" size={ButtonSize.Large} {...args} />
-    <Button text="Medium" size={ButtonSize.Medium} {...args} />
-    <Button text="Small" size={ButtonSize.Small} {...args} />
-  </div>
-);
-export const Sizes = StorySizes.bind({});
diff --git a/src/ui-components/components/button/button.tsx b/src/ui-components/components/button/button.tsx
deleted file mode 100644
index a3b50839..00000000
--- a/src/ui-components/components/button/button.tsx
+++ /dev/null
@@ -1,89 +0,0 @@
-import React from 'react';
-import { bindStyle } from '../../util/classnames.js';
-import style from './button.module.scss';
-
-const cx = bindStyle(style);
-
-export enum ButtonTheme {
-  Primary = 'Primary',
-  Secondary = 'Secondary',
-}
-
-export enum ButtonSize {
-  Large = 'Large',
-  Medium = 'Medium',
-  Small = 'Small',
-}
-
-export interface ButtonGradient {
-  from: string;
-  to: string;
-}
-
-interface ButtonProps<T> {
-  value?: T;
-  className?: string;
-  text?: string;
-  disabled?: boolean;
-  size?: ButtonSize;
-  imageSrc?: string;
-  theme?: ButtonTheme;
-  gradient?: ButtonGradient;
-  color?: string;
-  onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>, value?: T) => void;
-}
-
-function getGradientStyle(gradient?: ButtonGradient) {
-  return gradient
-    ? {
-        background: `linear-gradient(134.14deg, ${gradient.from} 18.37%, ${gradient.to} 82.04%)`,
-      }
-    : undefined;
-}
-
-function getTextStyle(color?: string) {
-  return color
-    ? {
-        color,
-      }
-    : undefined;
-}
-
-export function Button<T>(props: ButtonProps<T>) {
-  const {
-    disabled,
-    value,
-    className,
-    text,
-    gradient,
-    size,
-    color,
-    imageSrc,
-    theme = ButtonTheme.Primary,
-    onClick,
-  } = props;
-
-  return (
-    <div
-      className={cx(
-        style.button,
-        disabled && style.disabled,
-        theme === ButtonTheme.Primary && style.primary,
-        theme === ButtonTheme.Secondary && style.secondary,
-        size === ButtonSize.Large && style.large,
-        size === ButtonSize.Medium && style.medium,
-        size === ButtonSize.Small && style.small,
-        className,
-      )}
-      style={getGradientStyle(gradient)}
-      onClick={event => {
-        if (!disabled) onClick?.(event, value);
-      }}
-    >
-      <div className={style.text} style={getTextStyle(color)}>
-        {text}
-        {imageSrc && <img src={imageSrc} alt="" className={style.image} />}
-      </div>
-    </div>
-  );
-}
diff --git a/src/ui-components/components/button/index.ts b/src/ui-components/components/button/index.ts
deleted file mode 100644
index 0688bd0d..00000000
--- a/src/ui-components/components/button/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './button.js';
diff --git a/src/ui-components/components/signing_request/signing_request.tsx b/src/ui-components/components/signing_request/signing_request.tsx
index 4774f012..a249dd2c 100644
--- a/src/ui-components/components/signing_request/signing_request.tsx
+++ b/src/ui-components/components/signing_request/signing_request.tsx
@@ -1,5 +1,5 @@
 import { ConnectButton } from '@rainbow-me/rainbowkit';
-import { Button } from '../../index.js';
+import { Button } from '@aztec/aztec-ui';
 import style from './signing_request.module.scss';
 
 function insertBreaks(text: string) {
diff --git a/src/ui-components/components/toast/toast.tsx b/src/ui-components/components/toast/toast.tsx
index 5aa68bb7..0e7e825a 100644
--- a/src/ui-components/components/toast/toast.tsx
+++ b/src/ui-components/components/toast/toast.tsx
@@ -1,5 +1,5 @@
 import { useEffect, useRef, useState } from 'react';
-import { Button, ButtonSize, ButtonTheme } from '../../index.js';
+import { Button, ButtonSize, ButtonTheme } from '@aztec/aztec-ui';
 import { CloseMiniIcon } from '../icons/index.js';
 import { bindStyle } from '../../util/classnames.js';
 import { ToastProps, ToastType } from './toast.types.js';
diff --git a/src/views/account/dashboard/access_account_form.tsx b/src/views/account/dashboard/access_account_form.tsx
index 74107aff..0242ab43 100644
--- a/src/views/account/dashboard/access_account_form.tsx
+++ b/src/views/account/dashboard/access_account_form.tsx
@@ -1,6 +1,6 @@
 import { useState } from 'react';
 import { bindStyle } from '../../../ui-components/util/classnames.js';
-import { Button, ButtonTheme, Card } from '../../../ui-components/index.js';
+import { Card } from '../../../ui-components/index.js';
 import { useAccountStateManager } from '../../../alt-model/top_level_context/index.js';
 import { RegisterForm, useRegisterForm } from '../../../alt-model/forms/register/register_form_hooks.js';
 import { useWalletInteractionIsOngoing } from '../../../alt-model/wallet_interaction_hooks.js';
@@ -8,6 +8,7 @@ import { KeyGenerationResult } from '../../../components/index.js';
 import { KeysGenerationPage } from './keys_generation_page.js';
 import { RegisterAccountForm } from './register_account_form.js';
 import style from './access_account_form.module.scss';
+import { Button, ButtonTheme } from '@aztec/aztec-ui';
 
 const cx = bindStyle(style);
 
diff --git a/src/views/account/dashboard/modals/defi_modal/defi_confirmation_page/defi_confirmation_page.tsx b/src/views/account/dashboard/modals/defi_modal/defi_confirmation_page/defi_confirmation_page.tsx
index 1931de8c..451478e4 100644
--- a/src/views/account/dashboard/modals/defi_modal/defi_confirmation_page/defi_confirmation_page.tsx
+++ b/src/views/account/dashboard/modals/defi_modal/defi_confirmation_page/defi_confirmation_page.tsx
@@ -12,10 +12,10 @@ import { DefiRecipe, FlowDirection } from '../../../../../../alt-model/defi/type
 import { DefiSubmissionSteps } from './defi_submission_steps.js';
 import { RetrySigningButton } from '../../modal_molecules/retry_signing_button/index.js';
 import { renderInteractionPrediction } from './interaction_prediction.js';
-import { Button } from '../../../../../../ui-components/index.js';
 import { BorderBox } from '../../../../../../components/index.js';
 import style from './defi_confirmation_page.module.scss';
 import { useWalletInteractionIsOngoing } from '../../../../../../alt-model/wallet_interaction_hooks.js';
+import { Button } from '@aztec/aztec-ui';
 
 interface DefiConfirmationPageProps {
   recipe: DefiRecipe;
diff --git a/src/views/account/dashboard/modals/modal_molecules/retry_signing_button/retry_signing_button.tsx b/src/views/account/dashboard/modals/modal_molecules/retry_signing_button/retry_signing_button.tsx
index 32f66d68..9d9dfc82 100644
--- a/src/views/account/dashboard/modals/modal_molecules/retry_signing_button/retry_signing_button.tsx
+++ b/src/views/account/dashboard/modals/modal_molecules/retry_signing_button/retry_signing_button.tsx
@@ -1,5 +1,5 @@
+import { Button } from '@aztec/aztec-ui';
 import { Retryable } from '../../../../../../app/util/promises/retryable.js';
-import { Button } from '../../../../../../ui-components/index.js';
 
 interface RetrySigningButtonProps {
   signingRetryable: Retryable<unknown>;
diff --git a/src/views/account/dashboard/modals/sections/footer_section/footer_section.tsx b/src/views/account/dashboard/modals/sections/footer_section/footer_section.tsx
index bb57db63..ada4fc6c 100644
--- a/src/views/account/dashboard/modals/sections/footer_section/footer_section.tsx
+++ b/src/views/account/dashboard/modals/sections/footer_section/footer_section.tsx
@@ -1,5 +1,6 @@
+import { Button } from '@aztec/aztec-ui';
 import { useWalletInteractionIsOngoing } from '../../../../../../alt-model/wallet_interaction_hooks.js';
-import { FaqHint, Button } from '../../../../../../ui-components/index.js';
+import { FaqHint } from '../../../../../../ui-components/index.js';
 import style from './footer_section.module.scss';
 
 interface FooterSectionProps {
diff --git a/src/views/account/dashboard/modals/send_modal/send_confirmation_page.tsx b/src/views/account/dashboard/modals/send_modal/send_confirmation_page.tsx
index 11d16596..e3795d8c 100644
--- a/src/views/account/dashboard/modals/send_modal/send_confirmation_page.tsx
+++ b/src/views/account/dashboard/modals/send_modal/send_confirmation_page.tsx
@@ -1,6 +1,5 @@
 import { useState } from 'react';
 import { EthAddress, GrumpkinAddress } from '@aztec/sdk';
-import { Button } from '../../../../../ui-components/index.js';
 import { BorderBox } from '../../../../../components/border_box.js';
 import { CostBreakdown } from '../modal_molecules/cost_breakdown/index.js';
 import { Disclaimer } from '../modal_molecules/disclaimer/index.js';
@@ -17,6 +16,7 @@ import { RetrySigningButton } from '../modal_molecules/retry_signing_button/inde
 import { useWalletInteractionIsOngoing } from '../../../../../alt-model/wallet_interaction_hooks.js';
 import { formatEthAddress } from '../../../../../app/util/helpers.js';
 import style from './send_confirmation_page.module.scss';
+import { Button } from '@aztec/aztec-ui';
 
 interface SendConfirmationPageProps {
   composerState: SendComposerState;
diff --git a/src/views/account/dashboard/modals/shield_modal/shield_confirmation_page/shield_confirmation_page.tsx b/src/views/account/dashboard/modals/shield_modal/shield_confirmation_page/shield_confirmation_page.tsx
index dea197dd..864df264 100644
--- a/src/views/account/dashboard/modals/shield_modal/shield_confirmation_page/shield_confirmation_page.tsx
+++ b/src/views/account/dashboard/modals/shield_modal/shield_confirmation_page/shield_confirmation_page.tsx
@@ -1,6 +1,5 @@
 import { useState } from 'react';
 import { GrumpkinAddress } from '@aztec/sdk';
-import { Button } from '../../../../../../ui-components/index.js';
 import {
   ShieldComposerPhase,
   ShieldComposerState,
@@ -15,6 +14,7 @@ import { RetrySigningButton } from '../../modal_molecules/retry_signing_button/r
 import { useWalletInteractionIsOngoing } from '../../../../../../alt-model/wallet_interaction_hooks.js';
 import { BorderBox } from '../../../../../../components/border_box.js';
 import style from './shield_confirmation_page.module.scss';
+import { Button } from '@aztec/aztec-ui';
 
 interface ShieldConfirmationPageProps {
   composerState: ShieldComposerState;
diff --git a/src/views/account/dashboard/trade.tsx b/src/views/account/dashboard/trade.tsx
index 026fa1ee..78ecce81 100644
--- a/src/views/account/dashboard/trade.tsx
+++ b/src/views/account/dashboard/trade.tsx
@@ -1,4 +1,4 @@
-import { Button } from '../../../ui-components/index.js';
+import { Button } from '@aztec/aztec-ui';
 import style from './trade.module.scss';
 
 const underContruction = (
diff --git a/src/views/home.tsx b/src/views/home.tsx
index 1d23d6ec..dcd35cc4 100644
--- a/src/views/home.tsx
+++ b/src/views/home.tsx
@@ -1,5 +1,5 @@
 import { useMemo } from 'react';
-import { Button, Loader } from '../ui-components/index.js';
+import { Loader } from '../ui-components/index.js';
 import { useNavigate } from 'react-router-dom';
 import stakingLogo from '../images/staking_logo.svg';
 import yieldLogo from '../images/yield_logo.svg';
@@ -33,6 +33,7 @@ import { DefiCard } from '../components/index.js';
 import { DefiRecipe } from '../alt-model/defi/types.js';
 import { recipeFiltersToSearchStr } from '../alt-model/defi/recipe_filters.js';
 import style from './home.module.scss';
+import { Button } from '@aztec/aztec-ui';
 
 const cx = bindStyle(style);
 
diff --git a/src/views/toasts/toast_configurations.tsx b/src/views/toasts/toast_configurations.tsx
index 118e91c7..dc9cd211 100644
--- a/src/views/toasts/toast_configurations.tsx
+++ b/src/views/toasts/toast_configurations.tsx
@@ -1,9 +1,10 @@
 // import { FetchSignerResult } from '@wagmi/core';
 import Cookies from 'js-cookie';
+import { Button, ButtonTheme } from '@aztec/aztec-ui';
 import { ConnectButton } from '@rainbow-me/rainbowkit';
 import { ToastsObs } from '../../alt-model/top_level_context/toasts_obs.js';
 import { RegisterFormFlowState } from '../../alt-model/forms/register/register_form_flow.js';
-import { Button, ButtonTheme, TxProgress, TxProgressFlow, TxProgressStep } from '../../ui-components/index.js';
+import { TxProgress, TxProgressFlow, TxProgressStep } from '../../ui-components/index.js';
 import { WalletInteractionStep, WalletInteractionToast } from '../../components/index.js';
 import { FlowRunnerState } from '../../toolbox/flows/flow_runner.js';
 import { PhaseType } from '../account/dashboard/register_account_form.js';
diff --git a/src/views/unsupported_popup/unsupported_popup.tsx b/src/views/unsupported_popup/unsupported_popup.tsx
index e339a855..81ed955f 100644
--- a/src/views/unsupported_popup/unsupported_popup.tsx
+++ b/src/views/unsupported_popup/unsupported_popup.tsx
@@ -1,6 +1,6 @@
+import { Button } from '@aztec/aztec-ui';
 import { ContentWrapper } from '../../components/template/content_wrapper.js';
 import { Text } from '../../components/index.js';
-import { Button } from '../../ui-components/index.js';
 import { SupportStatus } from '../../device_support.js';
 import style from './unsupported_popup.module.css';
 
diff --git a/yarn.lock b/yarn.lock
index cdb0f3a5..562b8a4d 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -29,9 +29,28 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@aztec/barretenberg@npm:2.1.81":
-  version: 2.1.81
-  resolution: "@aztec/barretenberg@npm:2.1.81"
+"@aztec/aztec-ui@npm:^0.1.13":
+  version: 0.1.13
+  resolution: "@aztec/aztec-ui@npm:0.1.13"
+  dependencies:
+    "@rainbow-me/rainbowkit": ^0.8.1
+    classnames: ^2.3.2
+    deep-equal: ^2.0.5
+    events: ^3.3.0
+    react: ^17.0.2
+    react-dom: ^17.0.2
+    react-router: ^6.8.0
+    react-router-dom: ^6.8.0
+    sass: ^1.58.0
+    style-loader: ^3.3.1
+    wagmi: ^0.11.2
+  checksum: 2c2c986bc09865e23b91814073d9a7f5fe8972d054ebc82766f344f029a1b83ffb21549a6d92b1d275b08bf763ea2b0184ce07ec6556d163c410606e9fd3678d
+  languageName: node
+  linkType: hard
+
+"@aztec/barretenberg@npm:2.1.0-testnet.119":
+  version: 2.1.0-testnet.119
+  resolution: "@aztec/barretenberg@npm:2.1.0-testnet.119"
   dependencies:
     "@types/levelup": ^4.3.0
     browserify-cipher: ^1.0.1
@@ -47,15 +66,15 @@ __metadata:
     sha3: ^2.1.3
     supports-color: 7.2.0
     tslib: ^2.0.0
-  checksum: e41a8389cd668b45b21f044991e9b8130c54ae27adde782d431a775646a88e8a4fc46871a86941a56f6221656734fc204796021de8370b70c16a459f84109962
+  checksum: 1fe53a1b9823ae572f735aedce950be2b2d2534db93246884d2950bdffd72ec224daa8db78bf1daa847c02b5880394b39d690116bd7cb47f1d9c9a003e67e4ec
   languageName: node
   linkType: hard
 
-"@aztec/blockchain@npm:2.1.81":
-  version: 2.1.81
-  resolution: "@aztec/blockchain@npm:2.1.81"
+"@aztec/blockchain@npm:2.1.0-testnet.119":
+  version: 2.1.0-testnet.119
+  resolution: "@aztec/blockchain@npm:2.1.0-testnet.119"
   dependencies:
-    "@aztec/barretenberg": 2.1.81
+    "@aztec/barretenberg": 2.1.0-testnet.119
     "@ethersproject/abi": 5.5.0
     "@ethersproject/abstract-provider": 5.5.1
     "@ethersproject/contracts": 5.5.0
@@ -66,16 +85,17 @@ __metadata:
     cross-fetch: ^3.1.5
     debug: ^4.3.4
     ethers: 5.5.1
-  checksum: faf41e8f564297da323f437ec23efbc0a38def628c214a6add7cef7922c66e4dea0caa504e399ee0ec1bb6382e55fedc1f4d65c2b526d832258ae1209a3aa96a
+  checksum: f5b106462a76b6c3bff23faad8bcabf3c1ba29a0e213fc5422dc0c6ce45e3a6068eca073059f9d0203e96ece0dd789f7a073cdd63f99ed6553a28a7bb7434fe7
   languageName: node
   linkType: hard
 
-"@aztec/sdk@npm:^2.1.81":
-  version: 2.1.81
-  resolution: "@aztec/sdk@npm:2.1.81"
+"@aztec/sdk@npm:2.1.0-testnet.119":
+  version: 2.1.0-testnet.119
+  resolution: "@aztec/sdk@npm:2.1.0-testnet.119"
   dependencies:
-    "@aztec/barretenberg": 2.1.81
-    "@aztec/blockchain": 2.1.81
+    "@aztec/barretenberg": 2.1.0-testnet.119
+    "@aztec/blockchain": 2.1.0-testnet.119
+    async-mutex: ^0.4.0
     detect-node: ^2.1.0
     dexie: 3.0.1
     events: ^3.3.0
@@ -88,7 +108,7 @@ __metadata:
     supports-color: 7.2.0
     tslib: ^2.4.0
     typeorm: ^0.3.10
-  checksum: 4a51596b0bd280e7af77e8684d8b19f0704890c5c9a48691cf9a8271374c87db9288ec3d950994794faebd07baed31643be8df5d51225b13f96b24c82e6fd3f9
+  checksum: 72ac79b8cee09a2eec64741739b5b3b68ee0249af5c120d6247a12b2001f94f2ab8d0d36c9f1aa717f340a3e090c562e081b72324797c41954bbe53538994cab
   languageName: node
   linkType: hard
 
@@ -3622,6 +3642,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@remix-run/router@npm:1.3.3":
+  version: 1.3.3
+  resolution: "@remix-run/router@npm:1.3.3"
+  checksum: 9280f1c3e44c0fb84a74b401b5a47022dace06d5da0f26a7a68c7c0e57ad5ef95d30f3c2d333df2db3b63f84de81f7f8caa7e53189a7709d6c3eb466d126ed76
+  languageName: node
+  linkType: hard
+
 "@rollup/plugin-inject@npm:^5.0.3":
   version: 5.0.3
   resolution: "@rollup/plugin-inject@npm:5.0.3"
@@ -3664,6 +3691,45 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@safe-global/safe-apps-provider@npm:^0.15.2":
+  version: 0.15.2
+  resolution: "@safe-global/safe-apps-provider@npm:0.15.2"
+  dependencies:
+    "@safe-global/safe-apps-sdk": 7.9.0
+    events: ^3.3.0
+  checksum: 5d647d105c935f1cb2b349b2dd3f8b590be5b16f5c1e65e4fd3fb8c72e46bfe8e2bb8e4876642511c41c0b3d75ae2f572e55a35066740c04d80c1def02e93e3b
+  languageName: node
+  linkType: hard
+
+"@safe-global/safe-apps-sdk@npm:7.9.0":
+  version: 7.9.0
+  resolution: "@safe-global/safe-apps-sdk@npm:7.9.0"
+  dependencies:
+    "@safe-global/safe-gateway-typescript-sdk": ^3.5.3
+    ethers: ^5.7.2
+  checksum: 439cea5e486e85619c78c876bdbb81544d54c47af24e9633b7e0bd49cb0b25d260f02de573e734cd5bf767c8188bc60729880e30c86785c7e7dd22f0dbd5d0dd
+  languageName: node
+  linkType: hard
+
+"@safe-global/safe-apps-sdk@npm:^7.9.0":
+  version: 7.10.0
+  resolution: "@safe-global/safe-apps-sdk@npm:7.10.0"
+  dependencies:
+    "@safe-global/safe-gateway-typescript-sdk": ^3.5.3
+    ethers: ^5.7.2
+  checksum: 77ef8769bbb52ad72c63836928514c096ceee42b0e7d1a46f3fc54b291e909f8471a7492295af605d1c8fc1a27ae100d01f705550f0b40375e8f53fd448de83c
+  languageName: node
+  linkType: hard
+
+"@safe-global/safe-gateway-typescript-sdk@npm:^3.5.3":
+  version: 3.7.0
+  resolution: "@safe-global/safe-gateway-typescript-sdk@npm:3.7.0"
+  dependencies:
+    cross-fetch: ^3.1.5
+  checksum: 648bac448935913890fc9b42cb27bec0deac62dce49146f6fd24ca15509987299143c00cffc5f300b8bd85bfa464230751bd1e8cda80f4ef19f67c7485c09534
+  languageName: node
+  linkType: hard
+
 "@sinclair/typebox@npm:^0.25.16":
   version: 0.25.21
   resolution: "@sinclair/typebox@npm:0.25.21"
@@ -6077,6 +6143,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@wagmi/chains@npm:0.2.9":
+  version: 0.2.9
+  resolution: "@wagmi/chains@npm:0.2.9"
+  peerDependencies:
+    typescript: ">=4.9.4"
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: b63112bd7403801ee3d7e2245dbda829163457939aa469041756d8bc175777f350449f857269fb18f42f8007a03ceb13df0b940de28a4fe5e72480b17de800d2
+  languageName: node
+  linkType: hard
+
 "@wagmi/connectors@npm:0.2.2":
   version: 0.2.2
   resolution: "@wagmi/connectors@npm:0.2.2"
@@ -6101,6 +6179,32 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@wagmi/connectors@npm:0.2.7":
+  version: 0.2.7
+  resolution: "@wagmi/connectors@npm:0.2.7"
+  dependencies:
+    "@coinbase/wallet-sdk": ^3.5.4
+    "@ledgerhq/connect-kit-loader": ^1.0.1
+    "@safe-global/safe-apps-provider": ^0.15.2
+    "@safe-global/safe-apps-sdk": ^7.9.0
+    "@walletconnect/ethereum-provider": ^1.8.0
+    "@walletconnect/universal-provider": 2.3.3
+    "@web3modal/standalone": ^2.1.1
+    abitype: ^0.3.0
+    eventemitter3: ^4.0.7
+  peerDependencies:
+    "@wagmi/core": ">=0.9.x"
+    ethers: ">=5.5.1 <6"
+    typescript: ">=4.9.4"
+  peerDependenciesMeta:
+    "@wagmi/core":
+      optional: true
+    typescript:
+      optional: true
+  checksum: a3472f1fe68b2c2d6a3a506c1a91999fcfe84e08860d43e4fc9a1d71da5f8f1fcae7965b78f67f8fe58604b5b9fea70ef5d0e84f46fb7d83ef3b789195383897
+  languageName: node
+  linkType: hard
+
 "@wagmi/core@npm:0.9.2":
   version: 0.9.2
   resolution: "@wagmi/core@npm:0.9.2"
@@ -6120,6 +6224,25 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@wagmi/core@npm:0.9.7":
+  version: 0.9.7
+  resolution: "@wagmi/core@npm:0.9.7"
+  dependencies:
+    "@wagmi/chains": 0.2.9
+    "@wagmi/connectors": 0.2.7
+    abitype: ^0.3.0
+    eventemitter3: ^4.0.7
+    zustand: ^4.3.1
+  peerDependencies:
+    ethers: ">=5.5.1 <6"
+    typescript: ">=4.9.4"
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: 1d77b16e7092cc4c0460a87d498ff746b5000919365ba3a14e6f3fc1eca04929bca0dfa69996c3f8271da002728f8975356c27182d06ab60bf026a6ace87a51e
+  languageName: node
+  linkType: hard
+
 "@walletconnect/browser-utils@npm:^1.8.0":
   version: 1.8.0
   resolution: "@walletconnect/browser-utils@npm:1.8.0"
@@ -6497,7 +6620,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@walletconnect/universal-provider@npm:^2.3.2":
+"@walletconnect/universal-provider@npm:2.3.3, @walletconnect/universal-provider@npm:^2.3.2":
   version: 2.3.3
   resolution: "@walletconnect/universal-provider@npm:2.3.3"
   dependencies:
@@ -6599,6 +6722,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@web3modal/core@npm:2.1.2":
+  version: 2.1.2
+  resolution: "@web3modal/core@npm:2.1.2"
+  dependencies:
+    buffer: 6.0.3
+    valtio: 1.10.2
+  checksum: 204169302f5813a8ef6dc7a1d2106d612e21a67e10889849e5a45eebd860db99ca92d20101dac941e130568e70dd23e3f7968d43df82c0a41a11100109999a3a
+  languageName: node
+  linkType: hard
+
 "@web3modal/standalone@npm:^2.0.0":
   version: 2.0.0
   resolution: "@web3modal/standalone@npm:2.0.0"
@@ -6609,6 +6742,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@web3modal/standalone@npm:^2.1.1":
+  version: 2.1.2
+  resolution: "@web3modal/standalone@npm:2.1.2"
+  dependencies:
+    "@web3modal/core": 2.1.2
+    "@web3modal/ui": 2.1.2
+  checksum: 5496de6244a2cc700049e72bed9b21abf24412c8976e143d73c1d182c0875e6dbc720302375d410002a66c80f53a643adba89b3de935c2627fd01491f870bb4b
+  languageName: node
+  linkType: hard
+
 "@web3modal/ui@npm:2.0.0":
   version: 2.0.0
   resolution: "@web3modal/ui@npm:2.0.0"
@@ -6621,6 +6764,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@web3modal/ui@npm:2.1.2":
+  version: 2.1.2
+  resolution: "@web3modal/ui@npm:2.1.2"
+  dependencies:
+    "@web3modal/core": 2.1.2
+    lit: 2.6.1
+    motion: 10.15.5
+    qrcode: 1.5.1
+  checksum: fd76de3cf57a79c5db3df3ae3893d1300bf13cf625d7127b2b98bb62a6405977dd02da532b4969138794090652b816cb51c4d61344658ef131a41fa3225a33dc
+  languageName: node
+  linkType: hard
+
 "@webassemblyjs/ast@npm:1.11.1":
   version: 1.11.1
   resolution: "@webassemblyjs/ast@npm:1.11.1"
@@ -7727,6 +7882,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"async-mutex@npm:^0.4.0":
+  version: 0.4.0
+  resolution: "async-mutex@npm:0.4.0"
+  dependencies:
+    tslib: ^2.4.0
+  checksum: 813a71728b35a4fbfd64dba719f04726d9133c67b577fcd951b7028c4a675a13ee34e69beb82d621f87bf81f5d4f135c4c44be0448550c7db728547244ef71fc
+  languageName: node
+  linkType: hard
+
 "asynckit@npm:^0.4.0":
   version: 0.4.0
   resolution: "asynckit@npm:0.4.0"
@@ -9025,6 +9189,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"classnames@npm:^2.3.2":
+  version: 2.3.2
+  resolution: "classnames@npm:2.3.2"
+  checksum: 2c62199789618d95545c872787137262e741f9db13328e216b093eea91c85ef2bfb152c1f9e63027204e2559a006a92eb74147d46c800a9f96297ae1d9f96f4e
+  languageName: node
+  linkType: hard
+
 "clean-css@npm:^4.2.3":
   version: 4.2.4
   resolution: "clean-css@npm:4.2.4"
@@ -11364,7 +11535,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ethers@npm:^5.5.0, ethers@npm:^5.7.0":
+"ethers@npm:^5.5.0, ethers@npm:^5.7.0, ethers@npm:^5.7.2":
   version: 5.7.2
   resolution: "ethers@npm:5.7.2"
   dependencies:
@@ -17434,6 +17605,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"proxy-compare@npm:2.5.0":
+  version: 2.5.0
+  resolution: "proxy-compare@npm:2.5.0"
+  checksum: 81ef2a3990a999b9c3d27f5e10b18603b9236e37d7772c5dadb5726c9ec2a30df46fe3067a216ee1d14f53783703767db9c19ff26ab2a9ffb2ea31f09c87b14f
+  languageName: node
+  linkType: hard
+
 "prr@npm:~1.0.1":
   version: 1.0.1
   resolution: "prr@npm:1.0.1"
@@ -17908,6 +18086,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"react-router-dom@npm:^6.8.0":
+  version: 6.8.2
+  resolution: "react-router-dom@npm:6.8.2"
+  dependencies:
+    "@remix-run/router": 1.3.3
+    react-router: 6.8.2
+  peerDependencies:
+    react: ">=16.8"
+    react-dom: ">=16.8"
+  checksum: eddc8b88e26c66408df894bdcf95efd6731e21b7cbfd7417cd456f0043916279e0559b06c6cdc19c2a55c6aefc4cc745fa4065d3505e519a95adbef0cc89e77f
+  languageName: node
+  linkType: hard
+
 "react-router@npm:6.8.0":
   version: 6.8.0
   resolution: "react-router@npm:6.8.0"
@@ -17919,6 +18110,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"react-router@npm:6.8.2, react-router@npm:^6.8.0":
+  version: 6.8.2
+  resolution: "react-router@npm:6.8.2"
+  dependencies:
+    "@remix-run/router": 1.3.3
+  peerDependencies:
+    react: ">=16.8"
+  checksum: 9e98d03e1f18bfd5a35144a0c675adaf7c46a9ad436efdea2b52ef3a6e501ac6174a67ea90004e1339cd45019d6b1eb370627518320f7af9323ae74e0c6756ad
+  languageName: node
+  linkType: hard
+
 "react-style-singleton@npm:^2.2.1":
   version: 2.2.1
   resolution: "react-style-singleton@npm:2.2.1"
@@ -18676,6 +18878,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"sass@npm:^1.58.0":
+  version: 1.58.3
+  resolution: "sass@npm:1.58.3"
+  dependencies:
+    chokidar: ">=3.0.0 <4.0.0"
+    immutable: ^4.0.0
+    source-map-js: ">=0.6.2 <2.0.0"
+  bin:
+    sass: sass.js
+  checksum: 35a2b98c037ef80fdc93c9b0be846e6ccc7d75596351a37ee79c397e66666d0a754c52c4696e746c0aff32327471e185343ca349e998a58340411adc9d0489a5
+  languageName: node
+  linkType: hard
+
 "sax@npm:>=0.6.0":
   version: 1.2.4
   resolution: "sax@npm:1.2.4"
@@ -19739,6 +19954,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"style-loader@npm:^3.3.1":
+  version: 3.3.1
+  resolution: "style-loader@npm:3.3.1"
+  peerDependencies:
+    webpack: ^5.0.0
+  checksum: 470feef680f59e2fce4d6601b5c55b88c01ad8d1dd693c528ffd591ff5fd7c01a4eff3bdbe62f26f847d6bd2430c9ab594be23307cfe7a3446ab236683f0d066
+  languageName: node
+  linkType: hard
+
 "style-to-object@npm:0.3.0, style-to-object@npm:^0.3.0":
   version: 0.3.0
   resolution: "style-to-object@npm:0.3.0"
@@ -21084,6 +21308,21 @@ __metadata:
   languageName: node
   linkType: hard
 
+"valtio@npm:1.10.2":
+  version: 1.10.2
+  resolution: "valtio@npm:1.10.2"
+  dependencies:
+    proxy-compare: 2.5.0
+    use-sync-external-store: 1.2.0
+  peerDependencies:
+    react: ">=16.8"
+  peerDependenciesMeta:
+    react:
+      optional: true
+  checksum: 3fe6b6d5b7a9338ce92eac9954d7aa98fd98ab07cb2be7fa38aa750e8bccaff700e7a6684c0af09932bf3c1b3ebc69684aaa0aa5b101079ecd2f1b2730c0a4eb
+  languageName: node
+  linkType: hard
+
 "valtio@npm:1.9.0":
   version: 1.9.0
   resolution: "valtio@npm:1.9.0"
@@ -21258,6 +21497,27 @@ __metadata:
   languageName: node
   linkType: hard
 
+"wagmi@npm:^0.11.2":
+  version: 0.11.7
+  resolution: "wagmi@npm:0.11.7"
+  dependencies:
+    "@tanstack/query-sync-storage-persister": ^4.14.5
+    "@tanstack/react-query": ^4.14.5
+    "@tanstack/react-query-persist-client": ^4.14.5
+    "@wagmi/core": 0.9.7
+    abitype: ^0.3.0
+    use-sync-external-store: ^1.2.0
+  peerDependencies:
+    ethers: ">=5.5.1 <6"
+    react: ">=17.0.0"
+    typescript: ">=4.9.4"
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: dd275f7e4f44b4166fd4f95e71b3599bd01bc70a2d5c8458970a3bf560228c82140f72dc9507aa4506904c0c28292580c7705688e9e84157e1996f8316e059a9
+  languageName: node
+  linkType: hard
+
 "walker@npm:^1.0.7, walker@npm:^1.0.8, walker@npm:~1.0.5":
   version: 1.0.8
   resolution: "walker@npm:1.0.8"
@@ -22015,7 +22275,8 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "zk.money@workspace:."
   dependencies:
-    "@aztec/sdk": ^2.1.81
+    "@aztec/aztec-ui": ^0.1.13
+    "@aztec/sdk": 2.1.0-testnet.119
     "@ethersproject/abi": ^5.7.0
     "@ethersproject/abstract-signer": ^5.7.0
     "@ethersproject/contracts": ^5.7.0

From c9d39ef818a54ea09b593d763b6ce2104b7fd45e Mon Sep 17 00:00:00 2001
From: jonybur <jobur93@gmail.com>
Date: Thu, 2 Mar 2023 14:47:39 +0000
Subject: [PATCH 2/6] Remove export

---
 src/ui-components/components/index.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/ui-components/components/index.ts b/src/ui-components/components/index.ts
index ab02008b..c8dfd0d8 100644
--- a/src/ui-components/components/index.ts
+++ b/src/ui-components/components/index.ts
@@ -23,7 +23,6 @@ export * from './search_input/index.js';
 export * from './navbar/index.js';
 export * from './faq_hint/index.js';
 export * from './hyperlink/index.js';
-export * from './button/index.js';
 export * from './select/index.js';
 export * from './icons/index.js';
 export * from './icon_buttons/index.js';

From b37c3c1afdc78df51072b8225dc7c99da79de48d Mon Sep 17 00:00:00 2001
From: jonybur <jobur93@gmail.com>
Date: Thu, 2 Mar 2023 14:58:27 +0000
Subject: [PATCH 3/6] Replace BalanceIndicator

---
 .../balance_indicator.module.scss             | 81 -------------------
 .../balance_indicator/balance_indicator.tsx   | 39 ---------
 .../components/balance_indicator/index.ts     |  1 -
 src/ui-components/components/field/field.tsx  |  3 +-
 src/ui-components/components/index.ts         |  1 -
 5 files changed, 2 insertions(+), 123 deletions(-)
 delete mode 100644 src/ui-components/components/balance_indicator/balance_indicator.module.scss
 delete mode 100644 src/ui-components/components/balance_indicator/balance_indicator.tsx
 delete mode 100644 src/ui-components/components/balance_indicator/index.ts

diff --git a/src/ui-components/components/balance_indicator/balance_indicator.module.scss b/src/ui-components/components/balance_indicator/balance_indicator.module.scss
deleted file mode 100644
index 3a52eaff..00000000
--- a/src/ui-components/components/balance_indicator/balance_indicator.module.scss
+++ /dev/null
@@ -1,81 +0,0 @@
-@use '../../styles/mixins.scss';
-
-.text {
-  text-align: right;
-  font-size: 14px;
-  white-space: nowrap;
-  display: flex;
-  flex-direction: column;
-  font-weight: 450;
-}
-
-.wallet {
-  width: 35px;
-  height: 14px;
-  border-radius: 5px;
-  cursor: pointer;
-  transition: transform 0.2s, box-shadow 0.2s;
-  box-shadow: 0px 4px 10px rgb(0 0 0 / 15%);
-  padding: 1px;
-
-  &:hover {
-    box-shadow: 0px 4px 10px rgb(0 0 0 / 0.2);
-    transform: translateY(-1px);
-  }
-
-  &:active {
-    box-shadow: 0px 4px 10px rgb(0 0 0 / 0.2);
-    transform: translateY(0px);
-  }
-}
-
-.balanceIndicatorWrapper {
-  display: flex;
-  flex-direction: row;
-  position: absolute;
-  right: 45px;
-  bottom: 5px;
-  gap: 7px;
-  align-items: center;
-}
-
-.disabled {
-  cursor: not-allowed;
-  box-shadow: none;
-}
-
-.disabled:hover {
-  box-shadow: none;
-  transform: translateY(0px);
-}
-
-.disabled:active {
-  box-shadow: none;
-}
-
-.signatureToast {
-  display: flex;
-  flex-direction: column;
-  gap: 20px;
-  margin-right: 20px;
-  align-items: self-end;
-}
-
-.interactions {
-  display: flex;
-  flex-direction: row;
-  gap: 20px;
-  justify-content: space-between;
-}
-
-.maxButton {
-  font-weight: 500;
-  cursor: pointer;
-}
-
-.pendingButton {
-  font-weight: 500;
-  cursor: pointer;
-  background-color: #ffd166;
-  border-radius: 2px;
-}
diff --git a/src/ui-components/components/balance_indicator/balance_indicator.tsx b/src/ui-components/components/balance_indicator/balance_indicator.tsx
deleted file mode 100644
index 10d497cc..00000000
--- a/src/ui-components/components/balance_indicator/balance_indicator.tsx
+++ /dev/null
@@ -1,39 +0,0 @@
-import { bindStyle } from '../../util/classnames.js';
-import walletIcon from '../../images/wallet_switcher.svg';
-import style from './balance_indicator.module.scss';
-const cx = bindStyle(style);
-
-interface BalanceIndicatorProps {
-  balance: string;
-  disabled: boolean;
-  onClick: () => void;
-  onChangeWalletRequest?: () => void;
-}
-
-export function BalanceIndicator(props: BalanceIndicatorProps) {
-  const handleClick = () => {
-    if (props.disabled) return;
-    props.onClick();
-  };
-
-  return (
-    <>
-      <div className={style.balanceIndicatorWrapper}>
-        {props.onChangeWalletRequest && (
-          <img
-            className={cx(style.wallet, props.disabled && style.disabled)}
-            src={walletIcon}
-            alt="Change wallet"
-            onClick={props.onChangeWalletRequest}
-          />
-        )}
-        <div className={cx(style.text, props.disabled && style.disabled)}>Balance: {props.balance}</div>
-        {!props.disabled && (
-          <div onClick={handleClick} className={cx(style.text, style.maxButton, props.disabled && style.disabled)}>
-            Max
-          </div>
-        )}
-      </div>
-    </>
-  );
-}
diff --git a/src/ui-components/components/balance_indicator/index.ts b/src/ui-components/components/balance_indicator/index.ts
deleted file mode 100644
index 684d4847..00000000
--- a/src/ui-components/components/balance_indicator/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './balance_indicator.js';
diff --git a/src/ui-components/components/field/field.tsx b/src/ui-components/components/field/field.tsx
index 1ed40a93..aaa75e36 100644
--- a/src/ui-components/components/field/field.tsx
+++ b/src/ui-components/components/field/field.tsx
@@ -1,5 +1,6 @@
 import React, { createRef, useState } from 'react';
-import { BalanceIndicator, DropdownOption, Select } from '../../index.js';
+import { BalanceIndicator } from '@aztec/aztec-ui';
+import { DropdownOption, Select } from '../../index.js';
 import { bindStyle } from '../../util/classnames.js';
 import successIcon from '../../images/success.svg';
 import errorIcon from '../../images/error.svg';
diff --git a/src/ui-components/components/index.ts b/src/ui-components/components/index.ts
index c8dfd0d8..ba434f3b 100644
--- a/src/ui-components/components/index.ts
+++ b/src/ui-components/components/index.ts
@@ -4,7 +4,6 @@ export * from './dropdown/index.js';
 export * from './section_title/index.js';
 export * from './toast/index.js';
 export * from './toast_group/index.js';
-export * from './balance_indicator/index.js';
 export * from './section/index.js';
 export * from './tx_progress/index.js';
 export * from './loader/index.js';

From edc4802eb7a59c3264dc89d9017d394a966e345c Mon Sep 17 00:00:00 2001
From: jonybur <jobur93@gmail.com>
Date: Thu, 2 Mar 2023 15:01:50 +0000
Subject: [PATCH 4/6] Remove Card

---
 src/components/defi_card/defi_card.tsx        |  2 +-
 src/components/my_balance/my_balance.tsx      | 11 ++-----
 src/components/template/user_account_menu.tsx |  4 +--
 .../components/card/card.stories.tsx          | 33 -------------------
 src/ui-components/components/card/card.tsx    | 23 -------------
 .../card_content/card_content.module.scss     | 10 ------
 .../card/card_content/card_content.tsx        |  9 -----
 .../components/card/card_content/index.ts     |  1 -
 .../card/card_header/card_header.module.scss  | 19 -----------
 .../card/card_header/card_header.tsx          | 29 ----------------
 .../components/card/card_header/index.ts      |  1 -
 .../card_wrapper/card_wrapper.module.scss     | 17 ----------
 .../card/card_wrapper/card_wrapper.tsx        | 14 --------
 .../components/card/card_wrapper/index.ts     |  1 -
 src/ui-components/components/card/index.ts    |  4 ---
 src/ui-components/components/field/field.tsx  |  2 +-
 src/ui-components/components/index.ts         |  1 -
 .../account/dashboard/access_account_form.tsx |  2 +-
 .../modals/defi_modal/defi_modal.tsx          |  2 +-
 .../modals/send_modal/send_modal.tsx          |  3 +-
 .../modals/shield_modal/shield_modal.tsx      |  2 +-
 21 files changed, 11 insertions(+), 179 deletions(-)
 delete mode 100644 src/ui-components/components/card/card.stories.tsx
 delete mode 100644 src/ui-components/components/card/card.tsx
 delete mode 100644 src/ui-components/components/card/card_content/card_content.module.scss
 delete mode 100644 src/ui-components/components/card/card_content/card_content.tsx
 delete mode 100644 src/ui-components/components/card/card_content/index.ts
 delete mode 100644 src/ui-components/components/card/card_header/card_header.module.scss
 delete mode 100644 src/ui-components/components/card/card_header/card_header.tsx
 delete mode 100644 src/ui-components/components/card/card_header/index.ts
 delete mode 100644 src/ui-components/components/card/card_wrapper/card_wrapper.module.scss
 delete mode 100644 src/ui-components/components/card/card_wrapper/card_wrapper.tsx
 delete mode 100644 src/ui-components/components/card/card_wrapper/index.ts
 delete mode 100644 src/ui-components/components/card/index.ts

diff --git a/src/components/defi_card/defi_card.tsx b/src/components/defi_card/defi_card.tsx
index 84563c93..3f774d33 100644
--- a/src/components/defi_card/defi_card.tsx
+++ b/src/components/defi_card/defi_card.tsx
@@ -1,4 +1,4 @@
-import { Card, CardHeaderSize } from '../../ui-components/index.js';
+import { Card, CardHeaderSize } from '@aztec/aztec-ui';
 import { DefiCardHeader } from './defi_card_header/index.js';
 import { DefiCardContent } from './defi_card_content/index.js';
 import { DefiRecipe } from '../../alt-model/defi/types.js';
diff --git a/src/components/my_balance/my_balance.tsx b/src/components/my_balance/my_balance.tsx
index 7bd1b9ef..4de4cf66 100644
--- a/src/components/my_balance/my_balance.tsx
+++ b/src/components/my_balance/my_balance.tsx
@@ -1,13 +1,6 @@
 import { formatBulkPrice } from '../../app/index.js';
-import {
-  Card,
-  CardHeaderSize,
-  Hyperlink,
-  InteractiveTooltip,
-  Loader,
-  LoaderSize,
-  SkeletonRect,
-} from '../../ui-components/index.js';
+import { Card, CardHeaderSize } from '@aztec/aztec-ui';
+import { Hyperlink, InteractiveTooltip, Loader, LoaderSize, SkeletonRect } from '../../ui-components/index.js';
 import { useTotalValuation, useTotalSpendableValuation } from '../../alt-model/total_account_valuation_hooks.js';
 import style from './my_balance.module.scss';
 import { useAccountStateManager } from '../../alt-model/top_level_context/index.js';
diff --git a/src/components/template/user_account_menu.tsx b/src/components/template/user_account_menu.tsx
index 77a428ca..b86ad16e 100644
--- a/src/components/template/user_account_menu.tsx
+++ b/src/components/template/user_account_menu.tsx
@@ -1,6 +1,6 @@
 import { useContext, useEffect, useState } from 'react';
 import { useNavigate } from 'react-router-dom';
-import { Button, ButtonTheme } from '@aztec/aztec-ui';
+import { Button, ButtonTheme, Card, CardHeaderSize } from '@aztec/aztec-ui';
 import { GrumpkinAddress } from '@aztec/sdk';
 import { useCachedAlias } from '../../alt-model/alias_hooks.js';
 import { TopLevelContext } from '../../alt-model/top_level_context/top_level_context.js';
@@ -11,7 +11,7 @@ import {
   useAccountStateManager,
 } from '../../alt-model/top_level_context/top_level_context_hooks.js';
 import { useObs } from '../../app/util/index.js';
-import { Loader, Card, CardHeaderSize, Field, FieldStatus } from '../../ui-components/index.js';
+import { Loader, Field, FieldStatus } from '../../ui-components/index.js';
 import { Dot } from '../dot.js';
 import { CloseButtonWhite } from '../index.js';
 import { Modal } from '../modal.js';
diff --git a/src/ui-components/components/card/card.stories.tsx b/src/ui-components/components/card/card.stories.tsx
deleted file mode 100644
index fe0b5bd8..00000000
--- a/src/ui-components/components/card/card.stories.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-import centered from '@storybook/addon-centered/react';
-import { ComponentStory, ComponentMeta } from '@storybook/react';
-import { CardHeaderSize } from './card_header';
-
-import { Card } from './card';
-
-export default {
-  title: 'Card',
-  component: Card,
-  decorators: [centered],
-} as ComponentMeta<typeof Card>;
-
-const Template: ComponentStory<typeof Card> = args => <Card {...args} />;
-
-export const Example = Template.bind({});
-Example.args = {
-  cardHeader: 'Card header',
-  cardContent: (
-    <div
-      style={{
-        width: '450px',
-        height: '300px',
-        padding: '20px',
-        display: 'flex',
-        justifyContent: 'center',
-        alignItems: 'center',
-      }}
-    >
-      Card content
-    </div>
-  ),
-  headerSize: CardHeaderSize.MEDIUM,
-};
diff --git a/src/ui-components/components/card/card.tsx b/src/ui-components/components/card/card.tsx
deleted file mode 100644
index 8b1b361b..00000000
--- a/src/ui-components/components/card/card.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import { CardWrapper } from './card_wrapper/index.js';
-import { CardContent } from './card_content/index.js';
-import { CardHeader, CardHeaderSize } from './card_header/index.js';
-
-interface CardProps {
-  cardHeader: React.ReactNode;
-  cardContent: React.ReactNode;
-  inModal?: boolean;
-  headerSize?: CardHeaderSize;
-  className?: string;
-  gradient?: string[];
-}
-
-export function Card({ cardHeader, cardContent, headerSize, className, gradient, inModal }: CardProps) {
-  return (
-    <CardWrapper className={className} inModal={inModal}>
-      <CardHeader size={headerSize} gradient={gradient}>
-        {cardHeader}
-      </CardHeader>
-      <CardContent>{cardContent}</CardContent>
-    </CardWrapper>
-  );
-}
diff --git a/src/ui-components/components/card/card_content/card_content.module.scss b/src/ui-components/components/card/card_content/card_content.module.scss
deleted file mode 100644
index 2f828e6d..00000000
--- a/src/ui-components/components/card/card_content/card_content.module.scss
+++ /dev/null
@@ -1,10 +0,0 @@
-.cardContent {
-  position: relative;
-  background-color: white;
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  height: 100%;
-  min-height: 50px;
-  border-radius: 0px 0px 20px 20px;
-}
diff --git a/src/ui-components/components/card/card_content/card_content.tsx b/src/ui-components/components/card/card_content/card_content.tsx
deleted file mode 100644
index a0a66e40..00000000
--- a/src/ui-components/components/card/card_content/card_content.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import style from './card_content.module.scss';
-
-interface CardContentProps {
-  children: React.ReactNode;
-}
-
-export function CardContent({ children }: CardContentProps) {
-  return <div className={style.cardContent}>{children}</div>;
-}
diff --git a/src/ui-components/components/card/card_content/index.ts b/src/ui-components/components/card/card_content/index.ts
deleted file mode 100644
index 98350046..00000000
--- a/src/ui-components/components/card/card_content/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './card_content.js';
diff --git a/src/ui-components/components/card/card_header/card_header.module.scss b/src/ui-components/components/card/card_header/card_header.module.scss
deleted file mode 100644
index 63fce7f3..00000000
--- a/src/ui-components/components/card/card_header/card_header.module.scss
+++ /dev/null
@@ -1,19 +0,0 @@
-@use '../../../styles/colors.scss';
-
-.cardHeader {
-  background: linear-gradient(
-    101.14deg,
-    colors.$gradient_from 11.12%,
-    colors.$gradient_to 58.22%,
-    colors.$gradient_to 58.22%
-  );
-  width: 100%;
-  height: 100%;
-  color: white;
-  display: flex;
-  flex-direction: row;
-  padding: 0px 20px;
-  justify-content: space-between;
-  align-items: center;
-  border-radius: 20px 20px 0px 0px;
-}
diff --git a/src/ui-components/components/card/card_header/card_header.tsx b/src/ui-components/components/card/card_header/card_header.tsx
deleted file mode 100644
index b4b8aaa6..00000000
--- a/src/ui-components/components/card/card_header/card_header.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import style from './card_header.module.scss';
-
-export enum CardHeaderSize {
-  SMALL = '40px',
-  MEDIUM = '50px',
-  LARGE = '60px',
-}
-
-interface CardHeaderProps {
-  size?: CardHeaderSize;
-  gradient?: string[];
-  children: React.ReactNode;
-}
-
-export function CardHeader({ children, size, gradient }: CardHeaderProps) {
-  return (
-    <div
-      className={style.cardHeader}
-      style={{
-        minHeight: size || CardHeaderSize.MEDIUM,
-        height: size || CardHeaderSize.MEDIUM,
-        background:
-          gradient && `linear-gradient(101.14deg, ${gradient[0]} 11.12%, ${gradient[1]} 58.22%, ${gradient[1]} 58.22%)`,
-      }}
-    >
-      {children}
-    </div>
-  );
-}
diff --git a/src/ui-components/components/card/card_header/index.ts b/src/ui-components/components/card/card_header/index.ts
deleted file mode 100644
index 5a184012..00000000
--- a/src/ui-components/components/card/card_header/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './card_header.js';
diff --git a/src/ui-components/components/card/card_wrapper/card_wrapper.module.scss b/src/ui-components/components/card/card_wrapper/card_wrapper.module.scss
deleted file mode 100644
index 7489112a..00000000
--- a/src/ui-components/components/card/card_wrapper/card_wrapper.module.scss
+++ /dev/null
@@ -1,17 +0,0 @@
-@use '../../../styles/mixins.scss';
-
-.cardWrapper {
-  top: 0px;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  border-radius: 20px;
-  align-items: center;
-  @include mixins.shadow_border;
-}
-
-.inModal {
-  @media (max-width: 768px) {
-    max-height: 80vh;
-  }
-}
diff --git a/src/ui-components/components/card/card_wrapper/card_wrapper.tsx b/src/ui-components/components/card/card_wrapper/card_wrapper.tsx
deleted file mode 100644
index fb1eb8c6..00000000
--- a/src/ui-components/components/card/card_wrapper/card_wrapper.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import { bindStyle } from '../../../util/classnames.js';
-import style from './card_wrapper.module.scss';
-
-const cx = bindStyle(style);
-
-interface CardWrapperProps {
-  children: React.ReactNode;
-  className?: string;
-  inModal?: boolean;
-}
-
-export function CardWrapper({ children, className, inModal }: CardWrapperProps) {
-  return <div className={cx(style.cardWrapper, inModal && style.inModal, className)}>{children}</div>;
-}
diff --git a/src/ui-components/components/card/card_wrapper/index.ts b/src/ui-components/components/card/card_wrapper/index.ts
deleted file mode 100644
index 40ee40a1..00000000
--- a/src/ui-components/components/card/card_wrapper/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './card_wrapper.js';
diff --git a/src/ui-components/components/card/index.ts b/src/ui-components/components/card/index.ts
deleted file mode 100644
index e1e32743..00000000
--- a/src/ui-components/components/card/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export * from './card_header/index.js';
-export * from './card_wrapper/index.js';
-export * from './card_content/index.js';
-export * from './card.js';
diff --git a/src/ui-components/components/field/field.tsx b/src/ui-components/components/field/field.tsx
index aaa75e36..167c3387 100644
--- a/src/ui-components/components/field/field.tsx
+++ b/src/ui-components/components/field/field.tsx
@@ -184,7 +184,7 @@ export function Field(props: FieldProps) {
                 />
                 {props.balance !== undefined && props.onClickBalanceIndicator && (
                   <BalanceIndicator
-                    onClick={props.onClickBalanceIndicator}
+                    onClickMax={props.onClickBalanceIndicator}
                     disabled={!!props.disabled}
                     balance={props.balance}
                     onChangeWalletRequest={props.onChangeWalletRequest}
diff --git a/src/ui-components/components/index.ts b/src/ui-components/components/index.ts
index ba434f3b..5e06a477 100644
--- a/src/ui-components/components/index.ts
+++ b/src/ui-components/components/index.ts
@@ -11,7 +11,6 @@ export * from './tooltip/index.js';
 export * from './info_tooltip/index.js';
 export * from './signing_request/index.js';
 export * from './toggle/index.js';
-export * from './card/index.js';
 export * from './form_warning/index.js';
 export * from './interactive_tooltip/index.js';
 export * from './skeleton_rect/index.js';
diff --git a/src/views/account/dashboard/access_account_form.tsx b/src/views/account/dashboard/access_account_form.tsx
index 0242ab43..a80018e5 100644
--- a/src/views/account/dashboard/access_account_form.tsx
+++ b/src/views/account/dashboard/access_account_form.tsx
@@ -1,6 +1,6 @@
 import { useState } from 'react';
 import { bindStyle } from '../../../ui-components/util/classnames.js';
-import { Card } from '../../../ui-components/index.js';
+import { Card } from '@aztec/aztec-ui';
 import { useAccountStateManager } from '../../../alt-model/top_level_context/index.js';
 import { RegisterForm, useRegisterForm } from '../../../alt-model/forms/register/register_form_hooks.js';
 import { useWalletInteractionIsOngoing } from '../../../alt-model/wallet_interaction_hooks.js';
diff --git a/src/views/account/dashboard/modals/defi_modal/defi_modal.tsx b/src/views/account/dashboard/modals/defi_modal/defi_modal.tsx
index d95c73a7..74355a4a 100644
--- a/src/views/account/dashboard/modals/defi_modal/defi_modal.tsx
+++ b/src/views/account/dashboard/modals/defi_modal/defi_modal.tsx
@@ -4,7 +4,7 @@ import { useDefiForm, DefiComposerPhase } from '../../../../../alt-model/defi/de
 import { DefiRecipe, FlowDirection } from '../../../../../alt-model/defi/types.js';
 import { Overlay } from '../../../../../components/overlay.js';
 import { DefiModalHeader } from './defi_modal_header.js';
-import { Card, CardHeaderSize } from '../../../../../ui-components/index.js';
+import { Card, CardHeaderSize } from '@aztec/aztec-ui';
 import { Modal } from '../../../../../components/index.js';
 import { DefiConfirmationPage } from './defi_confirmation_page/index.js';
 
diff --git a/src/views/account/dashboard/modals/send_modal/send_modal.tsx b/src/views/account/dashboard/modals/send_modal/send_modal.tsx
index 21a1ea81..d1e32d6d 100644
--- a/src/views/account/dashboard/modals/send_modal/send_modal.tsx
+++ b/src/views/account/dashboard/modals/send_modal/send_modal.tsx
@@ -1,4 +1,5 @@
-import { Card, CardHeaderSize, Theme } from '../../../../../ui-components/index.js';
+import { Card, CardHeaderSize } from '@aztec/aztec-ui';
+import { Theme } from '../../../../../ui-components/index.js';
 import { Modal } from '../../../../../components/index.js';
 import { SendFormFieldsPage } from './send_form_fields_page.js';
 import { SendComposerPhase, useSendForm } from '../../../../../alt-model/send/index.js';
diff --git a/src/views/account/dashboard/modals/shield_modal/shield_modal.tsx b/src/views/account/dashboard/modals/shield_modal/shield_modal.tsx
index 0cf170be..df879fc8 100644
--- a/src/views/account/dashboard/modals/shield_modal/shield_modal.tsx
+++ b/src/views/account/dashboard/modals/shield_modal/shield_modal.tsx
@@ -1,4 +1,4 @@
-import { Card, CardHeaderSize } from '../../../../../ui-components/index.js';
+import { Card, CardHeaderSize } from '@aztec/aztec-ui';
 import { useShieldForm, ShieldComposerPhase } from '../../../../../alt-model/shield/index.js';
 import { Modal } from '../../../../../components/index.js';
 import { ShieldConfirmationPage } from './shield_confirmation_page/index.js';

From c37e0e181a399a9f9262f3e6b1bed604da450595 Mon Sep 17 00:00:00 2001
From: jonybur <jobur93@gmail.com>
Date: Thu, 2 Mar 2023 15:13:49 +0000
Subject: [PATCH 5/6] Fix import

---
 src/components/shield_more/shield_more.tsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/components/shield_more/shield_more.tsx b/src/components/shield_more/shield_more.tsx
index 4b367320..18b40edb 100644
--- a/src/components/shield_more/shield_more.tsx
+++ b/src/components/shield_more/shield_more.tsx
@@ -1,8 +1,7 @@
-import { Button } from '@aztec/aztec-ui';
+import { Button, CardWrapper } from '@aztec/aztec-ui';
 import { useAccountStateManager } from '../../alt-model/top_level_context/top_level_context_hooks.js';
 import { useWalletInteractionIsOngoing } from '../../alt-model/wallet_interaction_hooks.js';
 import { useObs } from '../../app/util/index.js';
-import { CardWrapper } from '../../ui-components/index.js';
 import style from './shield_more.module.scss';
 
 interface ShieldMoreProps {

From ccc33e1a2502b078584754fe331f6594318bf123 Mon Sep 17 00:00:00 2001
From: jonybur <jobur93@gmail.com>
Date: Thu, 2 Mar 2023 16:16:29 +0000
Subject: [PATCH 6/6] Remove further components

---
 .pnp.cjs                                      | 871 +++++++++++++++---
 package.json                                  |   2 +-
 .../components/dropdown/dropdown.module.scss  |  68 --
 .../components/dropdown/dropdown.stories.tsx  |  14 -
 .../components/dropdown/dropdown.tsx          |  82 --
 .../components/dropdown/helpers.ts            |  24 -
 .../components/dropdown/index.ts              |   1 -
 .../components/fee_selector/fee_selector.tsx  |   2 +-
 src/ui-components/components/field/field.tsx  |   3 +-
 src/ui-components/components/index.ts         |   2 -
 src/ui-components/components/select/index.ts  |   1 -
 .../components/select/select.module.scss      |  64 --
 .../components/select/select.stories.tsx      |  53 --
 .../components/select/select.tsx              |  95 --
 .../account/dashboard/defi_cards_list.tsx     |   2 +-
 .../customisation_popup.tsx                   |   1 -
 yarn.lock                                     |  10 +-
 17 files changed, 730 insertions(+), 565 deletions(-)
 delete mode 100644 src/ui-components/components/dropdown/dropdown.module.scss
 delete mode 100644 src/ui-components/components/dropdown/dropdown.stories.tsx
 delete mode 100644 src/ui-components/components/dropdown/dropdown.tsx
 delete mode 100644 src/ui-components/components/dropdown/helpers.ts
 delete mode 100644 src/ui-components/components/dropdown/index.ts
 delete mode 100644 src/ui-components/components/select/index.ts
 delete mode 100644 src/ui-components/components/select/select.module.scss
 delete mode 100644 src/ui-components/components/select/select.stories.tsx
 delete mode 100644 src/ui-components/components/select/select.tsx

diff --git a/.pnp.cjs b/.pnp.cjs
index 6deaa695..9a10e59e 100755
--- a/.pnp.cjs
+++ b/.pnp.cjs
@@ -39,17 +39,21 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
         "@ampproject/remapping",\
         "npm:2.2.0"\
       ],\
+      [\
+        "@aztec/aztec-ui",\
+        "npm:0.1.14"\
+      ],\
       [\
         "@aztec/barretenberg",\
-        "npm:2.1.81"\
+        "npm:2.1.0-testnet.119"\
       ],\
       [\
         "@aztec/blockchain",\
-        "npm:2.1.81"\
+        "npm:2.1.0-testnet.119"\
       ],\
       [\
         "@aztec/sdk",\
-        "npm:2.1.81"\
+        "npm:2.1.0-testnet.119"\
       ],\
       [\
         "@babel/code-frame",\
@@ -89,7 +93,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
       ],\
       [\
         "@babel/helper-define-polyfill-provider",\
-        "virtual:0da71fe41aabe3461a11196fd8c70a0b6784c2685ce59771f94195f531e923d5b5cc29806bf94fdb9b2a6502d0ac05da5b4c60f630f9c83ff7b2e1c3d3095f83#npm:0.3.3"\
+        "virtual:6334eb1f7d596a98a4005c1419e8453e576dc9542a5a41fac82ffcf43e5c4a421d1d42c5f1bd856ad8d366b74c239d2a96e4ead001dfe93f18ca4632fd52d2b0#npm:0.3.3"\
       ],\
       [\
         "@babel/helper-environment-visitor",\
@@ -1033,7 +1037,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
       ],\
       [\
         "@remix-run/router",\
-        "npm:1.3.1"\
+        "npm:1.3.3"\
       ],\
       [\
         "@rollup/plugin-inject",\
@@ -1043,6 +1047,18 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
         "@rollup/pluginutils",\
         "virtual:53335700b0e007dff7a945d0cbe77bc57a354957f3770525bf971b8b3ba60a29bf1d78c919db58d237c7f31854ea1f60ba3fc46f521bbe2e449d0680c6ab0723#npm:5.0.2"\
       ],\
+      [\
+        "@safe-global/safe-apps-provider",\
+        "npm:0.15.2"\
+      ],\
+      [\
+        "@safe-global/safe-apps-sdk",\
+        "npm:7.9.0"\
+      ],\
+      [\
+        "@safe-global/safe-gateway-typescript-sdk",\
+        "npm:3.7.0"\
+      ],\
       [\
         "@sinclair/typebox",\
         "npm:0.25.21"\
@@ -1689,7 +1705,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
       ],\
       [\
         "@vanilla-extract/sprinkles",\
-        "virtual:bf3772c477da077133db3eaa4c28e7349f8c2e3ee53af8c0640ba38490f2a31d047e0b232d9aa3e3d1993515bdc3c389181afdc6411e8b2fa92c2ff593d7a155#npm:1.5.0"\
+        "virtual:a6c595a58bc0cd5d404a0a4a9644cfc76a269809e7a73c66775bdb8951a437c74d5b7a9cdcdddaf9a40fc224e93fb85972154ac4e8b9ffd8989eab0be9847a30#npm:1.5.0"\
       ],\
       [\
         "@vitejs/plugin-react",\
@@ -1697,15 +1713,15 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
       ],\
       [\
         "@wagmi/chains",\
-        "virtual:18d7dda5915109afdc1dec79a0856410ff7f87113495e1bea7193ab2d098c257479e357910aa18004780bbd83e05657809c4cd9d715416c26ba13e3382e8814c#npm:0.2.4"\
+        "virtual:39d2a71f509a88d3d47f9784bbcfbc8ed8086b4388629956221398746467e3be2097cff18616ab0a2f9ba90965be3c2813d1a9c6c0fd83e554e4a6d08f506663#npm:0.2.9"\
       ],\
       [\
         "@wagmi/connectors",\
-        "virtual:18d7dda5915109afdc1dec79a0856410ff7f87113495e1bea7193ab2d098c257479e357910aa18004780bbd83e05657809c4cd9d715416c26ba13e3382e8814c#npm:0.2.2"\
+        "virtual:39d2a71f509a88d3d47f9784bbcfbc8ed8086b4388629956221398746467e3be2097cff18616ab0a2f9ba90965be3c2813d1a9c6c0fd83e554e4a6d08f506663#npm:0.2.7"\
       ],\
       [\
         "@wagmi/core",\
-        "virtual:6cb09374d2b90fffe420e4abf816eb39d562d92eb9df924d6fc0228c803c3fd76147728e70c57358bbaf0b9df88bf99fb5ec2d9df7fa3f96405438af8a31b1ab#npm:0.9.2"\
+        "virtual:8ab777df5b42e6214e907d3aa18e49fc42882b2d051cbc37cca2fcc0e6546c71784a22264e272321de287afe3741f275b28bbbc664cfa325935b33f2991a4aab#npm:0.9.7"\
       ],\
       [\
         "@walletconnect/browser-utils",\
@@ -1837,15 +1853,15 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
       ],\
       [\
         "@web3modal/core",\
-        "npm:2.0.0"\
+        "npm:2.1.2"\
       ],\
       [\
         "@web3modal/standalone",\
-        "npm:2.0.0"\
+        "npm:2.1.2"\
       ],\
       [\
         "@web3modal/ui",\
-        "npm:2.0.0"\
+        "npm:2.1.2"\
       ],\
       [\
         "@webassemblyjs/ast",\
@@ -2017,7 +2033,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
       ],\
       [\
         "ansi-colors",\
-        "npm:3.2.4"\
+        "npm:4.1.1"\
       ],\
       [\
         "ansi-escapes",\
@@ -2073,7 +2089,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
       ],\
       [\
         "arg",\
-        "npm:5.0.2"\
+        "npm:4.1.3"\
       ],\
       [\
         "argparse",\
@@ -2249,15 +2265,15 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
       ],\
       [\
         "babel-plugin-polyfill-corejs2",\
-        "virtual:816c877f13ce9fc6e11373785dfbaab728708481f61aaf07badea9e48e57543250da4f2b66c18f16c1c27ac1592b54b870352345f09f8abfd0125ce6f23587d1#npm:0.3.3"\
+        "virtual:c7aec9f42518cef0c0d40cd3b9748677d8fc0f6842e75ec6b770d0e25ad7840aa4a5a9280ae8ba891ebebb799b0aa5dc685907eed5492369fd222480d3cba6ab#npm:0.3.3"\
       ],\
       [\
         "babel-plugin-polyfill-corejs3",\
-        "virtual:816c877f13ce9fc6e11373785dfbaab728708481f61aaf07badea9e48e57543250da4f2b66c18f16c1c27ac1592b54b870352345f09f8abfd0125ce6f23587d1#npm:0.6.0"\
+        "virtual:c7aec9f42518cef0c0d40cd3b9748677d8fc0f6842e75ec6b770d0e25ad7840aa4a5a9280ae8ba891ebebb799b0aa5dc685907eed5492369fd222480d3cba6ab#npm:0.6.0"\
       ],\
       [\
         "babel-plugin-polyfill-regenerator",\
-        "virtual:816c877f13ce9fc6e11373785dfbaab728708481f61aaf07badea9e48e57543250da4f2b66c18f16c1c27ac1592b54b870352345f09f8abfd0125ce6f23587d1#npm:0.4.1"\
+        "virtual:c7aec9f42518cef0c0d40cd3b9748677d8fc0f6842e75ec6b770d0e25ad7840aa4a5a9280ae8ba891ebebb799b0aa5dc685907eed5492369fd222480d3cba6ab#npm:0.4.1"\
       ],\
       [\
         "babel-plugin-react-docgen",\
@@ -2595,6 +2611,10 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
         "class-utils",\
         "npm:0.3.6"\
       ],\
+      [\
+        "classnames",\
+        "npm:2.3.2"\
+      ],\
       [\
         "clean-css",\
         "npm:4.2.4"\
@@ -2621,7 +2641,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
       ],\
       [\
         "cliui",\
-        "npm:7.0.4"\
+        "npm:6.0.0"\
       ],\
       [\
         "clone",\
@@ -2865,7 +2885,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
       ],\
       [\
         "debug",\
-        "virtual:ab95570ecb5e56351a67db0cd38dd92a78e81ab4e36d55981d09139cc1e46ae6b7e320de148e2bef3a97fe7cf008f084dffa159c7789cdeed343d16f768f9667#npm:4.3.4"\
+        "virtual:b08b10f9ef6b44cb622b46c0aa5b55a67d6fc9985e45c3549a6db474bd475d156db5b35e9ada7e31d0c3b94d4563c91a95e1859babe6b751a2e691f7f65e21c4#npm:4.3.4"\
       ],\
       [\
         "decamelize",\
@@ -4161,7 +4181,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
       ],\
       [\
         "isarray",\
-        "npm:1.0.0"\
+        "npm:2.0.5"\
       ],\
       [\
         "isexe",\
@@ -4861,7 +4881,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
       ],\
       [\
         "node-fetch",\
-        "virtual:1811160047d7e0f7e43f371e07920c11204416dd6ae0b8461e04538b2f68e9167aca28b60b34dbd287674a5cdd52bd05be5797bbe2f7de916231958cb58055fb#npm:2.6.9"\
+        "virtual:61603cf34c5b8986ec923b06f4e325301522f730e5d957d7af482457afba85b95019896d972cd5e9c35aa7e09b94d800af1b8fe7e62d13e3c7e7ebdfe8c78ba9#npm:2.6.9"\
       ],\
       [\
         "node-gyp",\
@@ -5325,7 +5345,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
       ],\
       [\
         "proxy-compare",\
-        "npm:2.4.0"\
+        "npm:2.5.0"\
       ],\
       [\
         "prr",\
@@ -5353,7 +5373,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
       ],\
       [\
         "qrcode",\
-        "npm:1.5.0"\
+        "npm:1.5.1"\
       ],\
       [\
         "qs",\
@@ -5453,15 +5473,15 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
       ],\
       [\
         "react-remove-scroll",\
-        "virtual:bf3772c477da077133db3eaa4c28e7349f8c2e3ee53af8c0640ba38490f2a31d047e0b232d9aa3e3d1993515bdc3c389181afdc6411e8b2fa92c2ff593d7a155#npm:2.5.4"\
+        "virtual:a6c595a58bc0cd5d404a0a4a9644cfc76a269809e7a73c66775bdb8951a437c74d5b7a9cdcdddaf9a40fc224e93fb85972154ac4e8b9ffd8989eab0be9847a30#npm:2.5.4"\
       ],\
       [\
         "react-remove-scroll-bar",\
-        "virtual:e6abb7e43183a55374f6e17a322aeeb101dab34e582d1a19d47387729a6564c36440f5c909cee92bfd75076f8a7cc159b73abf27cd1d81b96607739e1f425844#npm:2.3.4"\
+        "virtual:9079731e8b73fb29598fc38d340cf81e1397a292b4c0f3903da042545b73a9ca17f6283028da974f0da2abe6376a8f8a746d8699ef452ab274dacb8af99f58ae#npm:2.3.4"\
       ],\
       [\
         "react-router",\
-        "virtual:0ecd0420b79d7b9f7f980ace1e6e657c31f58e56cb623a783cb6a66aa74451c3216e78a7650a740f6440bfdb995afb4447a91be269da91e3a8ec823e610bf7c2#npm:6.8.0"\
+        "virtual:de90b27c3b2c23811fa58e9e481ffc1d1f28786d8f5f46be8505b189806b923d37bce9a4162a27463b6bcd006afdcfd150ccadd29a859b5f01a970f539f14bcf#npm:6.8.2"\
       ],\
       [\
         "react-router-dom",\
@@ -5469,7 +5489,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
       ],\
       [\
         "react-style-singleton",\
-        "virtual:e6abb7e43183a55374f6e17a322aeeb101dab34e582d1a19d47387729a6564c36440f5c909cee92bfd75076f8a7cc159b73abf27cd1d81b96607739e1f425844#npm:2.2.1"\
+        "virtual:9079731e8b73fb29598fc38d340cf81e1397a292b4c0f3903da042545b73a9ca17f6283028da974f0da2abe6376a8f8a746d8699ef452ab274dacb8af99f58ae#npm:2.2.1"\
       ],\
       [\
         "react-transition-group",\
@@ -5757,7 +5777,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
       ],\
       [\
         "serialize-javascript",\
-        "npm:4.0.0"\
+        "npm:6.0.0"\
       ],\
       [\
         "serve",\
@@ -5925,7 +5945,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
       ],\
       [\
         "sqlite3",\
-        "virtual:a0db642c9bc4c55592bf0729e4ee5107de76cd28d7bcb7f5bc443ce305a6eb440d99be5d25afe4058477f099a9b3ee0f702a94d05f6e55a6c41613100c1c0f32#npm:5.1.4"\
+        "virtual:601d7e516bce35ed74c975ccecffd0f96d61a701b2d984d7b9b8f2404410306add3c1ccb393a168217d40de34c506816d1520865b52306b05e0970db2dda3cca#npm:5.1.4"\
       ],\
       [\
         "ssri",\
@@ -6269,7 +6289,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
       ],\
       [\
         "typeorm",\
-        "virtual:a0db642c9bc4c55592bf0729e4ee5107de76cd28d7bcb7f5bc443ce305a6eb440d99be5d25afe4058477f099a9b3ee0f702a94d05f6e55a6c41613100c1c0f32#npm:0.3.11"\
+        "virtual:601d7e516bce35ed74c975ccecffd0f96d61a701b2d984d7b9b8f2404410306add3c1ccb393a168217d40de34c506816d1520865b52306b05e0970db2dda3cca#npm:0.3.11"\
       ],\
       [\
         "typescript",\
@@ -6421,15 +6441,15 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
       ],\
       [\
         "use-callback-ref",\
-        "virtual:e6abb7e43183a55374f6e17a322aeeb101dab34e582d1a19d47387729a6564c36440f5c909cee92bfd75076f8a7cc159b73abf27cd1d81b96607739e1f425844#npm:1.3.0"\
+        "virtual:9079731e8b73fb29598fc38d340cf81e1397a292b4c0f3903da042545b73a9ca17f6283028da974f0da2abe6376a8f8a746d8699ef452ab274dacb8af99f58ae#npm:1.3.0"\
       ],\
       [\
         "use-sidecar",\
-        "virtual:e6abb7e43183a55374f6e17a322aeeb101dab34e582d1a19d47387729a6564c36440f5c909cee92bfd75076f8a7cc159b73abf27cd1d81b96607739e1f425844#npm:1.1.2"\
+        "virtual:9079731e8b73fb29598fc38d340cf81e1397a292b4c0f3903da042545b73a9ca17f6283028da974f0da2abe6376a8f8a746d8699ef452ab274dacb8af99f58ae#npm:1.1.2"\
       ],\
       [\
         "use-sync-external-store",\
-        "virtual:610f9d13f78ca9194f92146ee16dc0c69bfb4b5bdfe717a100dfccf522acd59fb8f3e12111c9623aed74e5ac480388842d0f8ac9e4ad3f58c9b357aad0bc5b6e#npm:1.2.0"\
+        "virtual:6cb09374d2b90fffe420e4abf816eb39d562d92eb9df924d6fc0228c803c3fd76147728e70c57358bbaf0b9df88bf99fb5ec2d9df7fa3f96405438af8a31b1ab#npm:1.2.0"\
       ],\
       [\
         "utf-8-validate",\
@@ -6481,7 +6501,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
       ],\
       [\
         "valtio",\
-        "virtual:6eb7156e1f08b2343ca23bf0e89ecfbf9b6e9b8820249a88b660c8de5c7a65113e5cd31642bda75aa796cbeb2afd8f6a8e7eda03249938987c639fcd3e4c73c0#npm:1.9.0"\
+        "virtual:2b132e52bd0250f3b1130350b9c3412384b7759e979468ef79d6a9c7194be03dc49c8abe686ec9c1c076deab905eac9ebe7dab16613148b52101443609061312#npm:1.10.2"\
       ],\
       [\
         "vary",\
@@ -6717,7 +6737,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
       ],\
       [\
         "zustand",\
-        "virtual:18d7dda5915109afdc1dec79a0856410ff7f87113495e1bea7193ab2d098c257479e357910aa18004780bbd83e05657809c4cd9d715416c26ba13e3382e8814c#npm:4.3.2"\
+        "virtual:39d2a71f509a88d3d47f9784bbcfbc8ed8086b4388629956221398746467e3be2097cff18616ab0a2f9ba90965be3c2813d1a9c6c0fd83e554e4a6d08f506663#npm:4.3.2"\
       ],\
       [\
         "zwitch",\
@@ -6729,7 +6749,8 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
         [null, {\
           "packageLocation": "./",\
           "packageDependencies": [\
-            ["@aztec/sdk", "npm:2.1.81"],\
+            ["@aztec/aztec-ui", "npm:0.1.14"],\
+            ["@aztec/sdk", "npm:2.1.0-testnet.119"],\
             ["@ethersproject/abi", "npm:5.7.0"],\
             ["@ethersproject/abstract-signer", "npm:5.7.0"],\
             ["@ethersproject/contracts", "npm:5.7.0"],\
@@ -6818,15 +6839,35 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           "linkType": "HARD"\
         }]\
       ]],\
+      ["@aztec/aztec-ui", [\
+        ["npm:0.1.14", {\
+          "packageLocation": "./.yarn/cache/@aztec-aztec-ui-npm-0.1.14-de90b27c3b-c5d2c81cc1.zip/node_modules/@aztec/aztec-ui/",\
+          "packageDependencies": [\
+            ["@aztec/aztec-ui", "npm:0.1.14"],\
+            ["@rainbow-me/rainbowkit", "virtual:de90b27c3b2c23811fa58e9e481ffc1d1f28786d8f5f46be8505b189806b923d37bce9a4162a27463b6bcd006afdcfd150ccadd29a859b5f01a970f539f14bcf#npm:0.8.1"],\
+            ["classnames", "npm:2.3.2"],\
+            ["deep-equal", "npm:2.2.0"],\
+            ["events", "npm:3.3.0"],\
+            ["react", "npm:17.0.2"],\
+            ["react-dom", "virtual:de90b27c3b2c23811fa58e9e481ffc1d1f28786d8f5f46be8505b189806b923d37bce9a4162a27463b6bcd006afdcfd150ccadd29a859b5f01a970f539f14bcf#npm:17.0.2"],\
+            ["react-router", "virtual:de90b27c3b2c23811fa58e9e481ffc1d1f28786d8f5f46be8505b189806b923d37bce9a4162a27463b6bcd006afdcfd150ccadd29a859b5f01a970f539f14bcf#npm:6.8.2"],\
+            ["react-router-dom", "virtual:de90b27c3b2c23811fa58e9e481ffc1d1f28786d8f5f46be8505b189806b923d37bce9a4162a27463b6bcd006afdcfd150ccadd29a859b5f01a970f539f14bcf#npm:6.8.2"],\
+            ["sass", "npm:1.58.3"],\
+            ["style-loader", "virtual:de90b27c3b2c23811fa58e9e481ffc1d1f28786d8f5f46be8505b189806b923d37bce9a4162a27463b6bcd006afdcfd150ccadd29a859b5f01a970f539f14bcf#npm:3.3.1"],\
+            ["wagmi", "virtual:de90b27c3b2c23811fa58e9e481ffc1d1f28786d8f5f46be8505b189806b923d37bce9a4162a27463b6bcd006afdcfd150ccadd29a859b5f01a970f539f14bcf#npm:0.11.7"]\
+          ],\
+          "linkType": "HARD"\
+        }]\
+      ]],\
       ["@aztec/barretenberg", [\
-        ["npm:2.1.81", {\
-          "packageLocation": "./.yarn/cache/@aztec-barretenberg-npm-2.1.81-ab95570ecb-e41a8389cd.zip/node_modules/@aztec/barretenberg/",\
+        ["npm:2.1.0-testnet.119", {\
+          "packageLocation": "./.yarn/cache/@aztec-barretenberg-npm-2.1.0-testnet.119-b08b10f9ef-1fe53a1b98.zip/node_modules/@aztec/barretenberg/",\
           "packageDependencies": [\
-            ["@aztec/barretenberg", "npm:2.1.81"],\
+            ["@aztec/barretenberg", "npm:2.1.0-testnet.119"],\
             ["@types/levelup", "npm:4.3.3"],\
             ["browserify-cipher", "npm:1.0.1"],\
             ["cross-fetch", "npm:3.1.5"],\
-            ["debug", "virtual:ab95570ecb5e56351a67db0cd38dd92a78e81ab4e36d55981d09139cc1e46ae6b7e320de148e2bef3a97fe7cf008f084dffa159c7789cdeed343d16f768f9667#npm:4.3.4"],\
+            ["debug", "virtual:b08b10f9ef6b44cb622b46c0aa5b55a67d6fc9985e45c3549a6db474bd475d156db5b35e9ada7e31d0c3b94d4563c91a95e1859babe6b751a2e691f7f65e21c4#npm:4.3.4"],\
             ["detect-node", "npm:2.1.0"],\
             ["fs-extra", "npm:10.0.0"],\
             ["hash.js", "npm:1.1.7"],\
@@ -6842,11 +6883,11 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
         }]\
       ]],\
       ["@aztec/blockchain", [\
-        ["npm:2.1.81", {\
-          "packageLocation": "./.yarn/cache/@aztec-blockchain-npm-2.1.81-5dd9e36a8a-faf41e8f56.zip/node_modules/@aztec/blockchain/",\
+        ["npm:2.1.0-testnet.119", {\
+          "packageLocation": "./.yarn/cache/@aztec-blockchain-npm-2.1.0-testnet.119-fd1012b563-f5b106462a.zip/node_modules/@aztec/blockchain/",\
           "packageDependencies": [\
-            ["@aztec/blockchain", "npm:2.1.81"],\
-            ["@aztec/barretenberg", "npm:2.1.81"],\
+            ["@aztec/blockchain", "npm:2.1.0-testnet.119"],\
+            ["@aztec/barretenberg", "npm:2.1.0-testnet.119"],\
             ["@ethersproject/abi", "npm:5.5.0"],\
             ["@ethersproject/abstract-provider", "npm:5.5.1"],\
             ["@ethersproject/contracts", "npm:5.5.0"],\
@@ -6862,12 +6903,13 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
         }]\
       ]],\
       ["@aztec/sdk", [\
-        ["npm:2.1.81", {\
-          "packageLocation": "./.yarn/cache/@aztec-sdk-npm-2.1.81-a0db642c9b-4a51596b0b.zip/node_modules/@aztec/sdk/",\
+        ["npm:2.1.0-testnet.119", {\
+          "packageLocation": "./.yarn/cache/@aztec-sdk-npm-2.1.0-testnet.119-601d7e516b-72ac79b8ce.zip/node_modules/@aztec/sdk/",\
           "packageDependencies": [\
-            ["@aztec/sdk", "npm:2.1.81"],\
-            ["@aztec/barretenberg", "npm:2.1.81"],\
-            ["@aztec/blockchain", "npm:2.1.81"],\
+            ["@aztec/sdk", "npm:2.1.0-testnet.119"],\
+            ["@aztec/barretenberg", "npm:2.1.0-testnet.119"],\
+            ["@aztec/blockchain", "npm:2.1.0-testnet.119"],\
+            ["async-mutex", "npm:0.4.0"],\
             ["detect-node", "npm:2.1.0"],\
             ["dexie", "npm:3.0.1"],\
             ["events", "npm:3.3.0"],\
@@ -6876,10 +6918,10 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["levelup", "npm:5.1.1"],\
             ["memdown", "npm:6.1.1"],\
             ["serve", "npm:14.2.0"],\
-            ["sqlite3", "virtual:a0db642c9bc4c55592bf0729e4ee5107de76cd28d7bcb7f5bc443ce305a6eb440d99be5d25afe4058477f099a9b3ee0f702a94d05f6e55a6c41613100c1c0f32#npm:5.1.4"],\
+            ["sqlite3", "virtual:601d7e516bce35ed74c975ccecffd0f96d61a701b2d984d7b9b8f2404410306add3c1ccb393a168217d40de34c506816d1520865b52306b05e0970db2dda3cca#npm:5.1.4"],\
             ["supports-color", "npm:7.2.0"],\
             ["tslib", "npm:2.5.0"],\
-            ["typeorm", "virtual:a0db642c9bc4c55592bf0729e4ee5107de76cd28d7bcb7f5bc443ce305a6eb440d99be5d25afe4058477f099a9b3ee0f702a94d05f6e55a6c41613100c1c0f32#npm:0.3.11"]\
+            ["typeorm", "virtual:601d7e516bce35ed74c975ccecffd0f96d61a701b2d984d7b9b8f2404410306add3c1ccb393a168217d40de34c506816d1520865b52306b05e0970db2dda3cca#npm:0.3.11"]\
           ],\
           "linkType": "HARD"\
         }]\
@@ -7017,10 +7059,10 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           ],\
           "linkType": "HARD"\
         }],\
-        ["virtual:816c877f13ce9fc6e11373785dfbaab728708481f61aaf07badea9e48e57543250da4f2b66c18f16c1c27ac1592b54b870352345f09f8abfd0125ce6f23587d1#npm:7.20.7", {\
-          "packageLocation": "./.yarn/__virtual__/@babel-helper-compilation-targets-virtual-808108645f/0/cache/@babel-helper-compilation-targets-npm-7.20.7-fbd2fdfc71-8c32c873ba.zip/node_modules/@babel/helper-compilation-targets/",\
+        ["virtual:d0ace967bb26438104936c19401472aed7069863e03d8e59f408f9a4e899e37572c9abfdcb2bd2fa73b0165384498c97738393abe60091d745ff5ff7c2521199#npm:7.20.7", {\
+          "packageLocation": "./.yarn/__virtual__/@babel-helper-compilation-targets-virtual-cc3c28effd/0/cache/@babel-helper-compilation-targets-npm-7.20.7-fbd2fdfc71-8c32c873ba.zip/node_modules/@babel/helper-compilation-targets/",\
           "packageDependencies": [\
-            ["@babel/helper-compilation-targets", "virtual:816c877f13ce9fc6e11373785dfbaab728708481f61aaf07badea9e48e57543250da4f2b66c18f16c1c27ac1592b54b870352345f09f8abfd0125ce6f23587d1#npm:7.20.7"],\
+            ["@babel/helper-compilation-targets", "virtual:d0ace967bb26438104936c19401472aed7069863e03d8e59f408f9a4e899e37572c9abfdcb2bd2fa73b0165384498c97738393abe60091d745ff5ff7c2521199#npm:7.20.7"],\
             ["@babel/compat-data", "npm:7.20.14"],\
             ["@babel/core", null],\
             ["@babel/helper-validator-option", "npm:7.18.6"],\
@@ -7141,13 +7183,15 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           ],\
           "linkType": "SOFT"\
         }],\
-        ["virtual:0da71fe41aabe3461a11196fd8c70a0b6784c2685ce59771f94195f531e923d5b5cc29806bf94fdb9b2a6502d0ac05da5b4c60f630f9c83ff7b2e1c3d3095f83#npm:0.3.3", {\
-          "packageLocation": "./.yarn/__virtual__/@babel-helper-define-polyfill-provider-virtual-3764c4924a/0/cache/@babel-helper-define-polyfill-provider-npm-0.3.3-8c896ae707-8e3fe75513.zip/node_modules/@babel/helper-define-polyfill-provider/",\
+        ["virtual:133af2ecd952f05552bf6d2209485bcbcd9bba36ae45e6ab0695f52c971bd72c8abac4d32f01d6942cdd8d75452b0f425fda12c924aff4608894cdc5ad68f82b#npm:0.1.5", {\
+          "packageLocation": "./.yarn/__virtual__/@babel-helper-define-polyfill-provider-virtual-f13bbc7b32/0/cache/@babel-helper-define-polyfill-provider-npm-0.1.5-ff755c533f-6f8b61b417.zip/node_modules/@babel/helper-define-polyfill-provider/",\
           "packageDependencies": [\
-            ["@babel/helper-define-polyfill-provider", "virtual:0da71fe41aabe3461a11196fd8c70a0b6784c2685ce59771f94195f531e923d5b5cc29806bf94fdb9b2a6502d0ac05da5b4c60f630f9c83ff7b2e1c3d3095f83#npm:0.3.3"],\
-            ["@babel/core", null],\
-            ["@babel/helper-compilation-targets", "virtual:816c877f13ce9fc6e11373785dfbaab728708481f61aaf07badea9e48e57543250da4f2b66c18f16c1c27ac1592b54b870352345f09f8abfd0125ce6f23587d1#npm:7.20.7"],\
+            ["@babel/helper-define-polyfill-provider", "virtual:133af2ecd952f05552bf6d2209485bcbcd9bba36ae45e6ab0695f52c971bd72c8abac4d32f01d6942cdd8d75452b0f425fda12c924aff4608894cdc5ad68f82b#npm:0.1.5"],\
+            ["@babel/core", "npm:7.20.12"],\
+            ["@babel/helper-compilation-targets", "virtual:1f7c5fb4eaf0e3fac538c847dd78775a2a11c71ccc52672116f07149d0ab5042c14ba5bc568151ff9c88f489eaba473057ed1a22ca9a46823248c87b5a5a1217#npm:7.20.7"],\
+            ["@babel/helper-module-imports", "npm:7.18.6"],\
             ["@babel/helper-plugin-utils", "npm:7.20.2"],\
+            ["@babel/traverse", "npm:7.20.13"],\
             ["@types/babel__core", null],\
             ["debug", "virtual:b86a9fb34323a98c6519528ed55faa0d9b44ca8879307c0b29aa384bde47ff59a7d0c9051b31246f14521dfb71ba3c5d6d0b35c29fffc17bf875aa6ad977d9e8#npm:4.3.4"],\
             ["lodash.debounce", "npm:4.0.8"],\
@@ -7160,15 +7204,13 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           ],\
           "linkType": "HARD"\
         }],\
-        ["virtual:133af2ecd952f05552bf6d2209485bcbcd9bba36ae45e6ab0695f52c971bd72c8abac4d32f01d6942cdd8d75452b0f425fda12c924aff4608894cdc5ad68f82b#npm:0.1.5", {\
-          "packageLocation": "./.yarn/__virtual__/@babel-helper-define-polyfill-provider-virtual-f13bbc7b32/0/cache/@babel-helper-define-polyfill-provider-npm-0.1.5-ff755c533f-6f8b61b417.zip/node_modules/@babel/helper-define-polyfill-provider/",\
+        ["virtual:51ef6a177b679d8dbf510ef53fe0b355f79450933d53782574ea9d4843ac839221b0a8736505d6d91072207fed1a3cb2e1d86a9de8a1f767c6fc471a646bb188#npm:0.3.3", {\
+          "packageLocation": "./.yarn/__virtual__/@babel-helper-define-polyfill-provider-virtual-d99bf45da1/0/cache/@babel-helper-define-polyfill-provider-npm-0.3.3-8c896ae707-8e3fe75513.zip/node_modules/@babel/helper-define-polyfill-provider/",\
           "packageDependencies": [\
-            ["@babel/helper-define-polyfill-provider", "virtual:133af2ecd952f05552bf6d2209485bcbcd9bba36ae45e6ab0695f52c971bd72c8abac4d32f01d6942cdd8d75452b0f425fda12c924aff4608894cdc5ad68f82b#npm:0.1.5"],\
+            ["@babel/helper-define-polyfill-provider", "virtual:51ef6a177b679d8dbf510ef53fe0b355f79450933d53782574ea9d4843ac839221b0a8736505d6d91072207fed1a3cb2e1d86a9de8a1f767c6fc471a646bb188#npm:0.3.3"],\
             ["@babel/core", "npm:7.20.12"],\
             ["@babel/helper-compilation-targets", "virtual:1f7c5fb4eaf0e3fac538c847dd78775a2a11c71ccc52672116f07149d0ab5042c14ba5bc568151ff9c88f489eaba473057ed1a22ca9a46823248c87b5a5a1217#npm:7.20.7"],\
-            ["@babel/helper-module-imports", "npm:7.18.6"],\
             ["@babel/helper-plugin-utils", "npm:7.20.2"],\
-            ["@babel/traverse", "npm:7.20.13"],\
             ["@types/babel__core", null],\
             ["debug", "virtual:b86a9fb34323a98c6519528ed55faa0d9b44ca8879307c0b29aa384bde47ff59a7d0c9051b31246f14521dfb71ba3c5d6d0b35c29fffc17bf875aa6ad977d9e8#npm:4.3.4"],\
             ["lodash.debounce", "npm:4.0.8"],\
@@ -7181,12 +7223,12 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           ],\
           "linkType": "HARD"\
         }],\
-        ["virtual:51ef6a177b679d8dbf510ef53fe0b355f79450933d53782574ea9d4843ac839221b0a8736505d6d91072207fed1a3cb2e1d86a9de8a1f767c6fc471a646bb188#npm:0.3.3", {\
-          "packageLocation": "./.yarn/__virtual__/@babel-helper-define-polyfill-provider-virtual-d99bf45da1/0/cache/@babel-helper-define-polyfill-provider-npm-0.3.3-8c896ae707-8e3fe75513.zip/node_modules/@babel/helper-define-polyfill-provider/",\
+        ["virtual:6334eb1f7d596a98a4005c1419e8453e576dc9542a5a41fac82ffcf43e5c4a421d1d42c5f1bd856ad8d366b74c239d2a96e4ead001dfe93f18ca4632fd52d2b0#npm:0.3.3", {\
+          "packageLocation": "./.yarn/__virtual__/@babel-helper-define-polyfill-provider-virtual-d0ace967bb/0/cache/@babel-helper-define-polyfill-provider-npm-0.3.3-8c896ae707-8e3fe75513.zip/node_modules/@babel/helper-define-polyfill-provider/",\
           "packageDependencies": [\
-            ["@babel/helper-define-polyfill-provider", "virtual:51ef6a177b679d8dbf510ef53fe0b355f79450933d53782574ea9d4843ac839221b0a8736505d6d91072207fed1a3cb2e1d86a9de8a1f767c6fc471a646bb188#npm:0.3.3"],\
-            ["@babel/core", "npm:7.20.12"],\
-            ["@babel/helper-compilation-targets", "virtual:1f7c5fb4eaf0e3fac538c847dd78775a2a11c71ccc52672116f07149d0ab5042c14ba5bc568151ff9c88f489eaba473057ed1a22ca9a46823248c87b5a5a1217#npm:7.20.7"],\
+            ["@babel/helper-define-polyfill-provider", "virtual:6334eb1f7d596a98a4005c1419e8453e576dc9542a5a41fac82ffcf43e5c4a421d1d42c5f1bd856ad8d366b74c239d2a96e4ead001dfe93f18ca4632fd52d2b0#npm:0.3.3"],\
+            ["@babel/core", null],\
+            ["@babel/helper-compilation-targets", "virtual:d0ace967bb26438104936c19401472aed7069863e03d8e59f408f9a4e899e37572c9abfdcb2bd2fa73b0165384498c97738393abe60091d745ff5ff7c2521199#npm:7.20.7"],\
             ["@babel/helper-plugin-utils", "npm:7.20.2"],\
             ["@types/babel__core", null],\
             ["debug", "virtual:b86a9fb34323a98c6519528ed55faa0d9b44ca8879307c0b29aa384bde47ff59a7d0c9051b31246f14521dfb71ba3c5d6d0b35c29fffc17bf875aa6ad977d9e8#npm:4.3.4"],\
@@ -7989,7 +8031,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["@babel/plugin-proposal-object-rest-spread", "virtual:816c877f13ce9fc6e11373785dfbaab728708481f61aaf07badea9e48e57543250da4f2b66c18f16c1c27ac1592b54b870352345f09f8abfd0125ce6f23587d1#npm:7.20.7"],\
             ["@babel/compat-data", "npm:7.20.14"],\
             ["@babel/core", null],\
-            ["@babel/helper-compilation-targets", "virtual:816c877f13ce9fc6e11373785dfbaab728708481f61aaf07badea9e48e57543250da4f2b66c18f16c1c27ac1592b54b870352345f09f8abfd0125ce6f23587d1#npm:7.20.7"],\
+            ["@babel/helper-compilation-targets", "virtual:d0ace967bb26438104936c19401472aed7069863e03d8e59f408f9a4e899e37572c9abfdcb2bd2fa73b0165384498c97738393abe60091d745ff5ff7c2521199#npm:7.20.7"],\
             ["@babel/helper-plugin-utils", "npm:7.20.2"],\
             ["@babel/plugin-syntax-object-rest-spread", "virtual:816c877f13ce9fc6e11373785dfbaab728708481f61aaf07badea9e48e57543250da4f2b66c18f16c1c27ac1592b54b870352345f09f8abfd0125ce6f23587d1#npm:7.8.3"],\
             ["@babel/plugin-transform-parameters", "virtual:816c877f13ce9fc6e11373785dfbaab728708481f61aaf07badea9e48e57543250da4f2b66c18f16c1c27ac1592b54b870352345f09f8abfd0125ce6f23587d1#npm:7.20.7"],\
@@ -9320,7 +9362,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["@babel/plugin-transform-classes", "virtual:816c877f13ce9fc6e11373785dfbaab728708481f61aaf07badea9e48e57543250da4f2b66c18f16c1c27ac1592b54b870352345f09f8abfd0125ce6f23587d1#npm:7.20.7"],\
             ["@babel/core", null],\
             ["@babel/helper-annotate-as-pure", "npm:7.18.6"],\
-            ["@babel/helper-compilation-targets", "virtual:816c877f13ce9fc6e11373785dfbaab728708481f61aaf07badea9e48e57543250da4f2b66c18f16c1c27ac1592b54b870352345f09f8abfd0125ce6f23587d1#npm:7.20.7"],\
+            ["@babel/helper-compilation-targets", "virtual:d0ace967bb26438104936c19401472aed7069863e03d8e59f408f9a4e899e37572c9abfdcb2bd2fa73b0165384498c97738393abe60091d745ff5ff7c2521199#npm:7.20.7"],\
             ["@babel/helper-environment-visitor", "npm:7.18.9"],\
             ["@babel/helper-function-name", "npm:7.19.0"],\
             ["@babel/helper-optimise-call-expression", "npm:7.18.6"],\
@@ -9624,7 +9666,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           "packageDependencies": [\
             ["@babel/plugin-transform-function-name", "virtual:816c877f13ce9fc6e11373785dfbaab728708481f61aaf07badea9e48e57543250da4f2b66c18f16c1c27ac1592b54b870352345f09f8abfd0125ce6f23587d1#npm:7.18.9"],\
             ["@babel/core", null],\
-            ["@babel/helper-compilation-targets", "virtual:816c877f13ce9fc6e11373785dfbaab728708481f61aaf07badea9e48e57543250da4f2b66c18f16c1c27ac1592b54b870352345f09f8abfd0125ce6f23587d1#npm:7.20.7"],\
+            ["@babel/helper-compilation-targets", "virtual:d0ace967bb26438104936c19401472aed7069863e03d8e59f408f9a4e899e37572c9abfdcb2bd2fa73b0165384498c97738393abe60091d745ff5ff7c2521199#npm:7.20.7"],\
             ["@babel/helper-function-name", "npm:7.19.0"],\
             ["@babel/helper-plugin-utils", "npm:7.20.2"],\
             ["@types/babel__core", null]\
@@ -10387,9 +10429,9 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["@babel/helper-module-imports", "npm:7.18.6"],\
             ["@babel/helper-plugin-utils", "npm:7.20.2"],\
             ["@types/babel__core", null],\
-            ["babel-plugin-polyfill-corejs2", "virtual:816c877f13ce9fc6e11373785dfbaab728708481f61aaf07badea9e48e57543250da4f2b66c18f16c1c27ac1592b54b870352345f09f8abfd0125ce6f23587d1#npm:0.3.3"],\
-            ["babel-plugin-polyfill-corejs3", "virtual:816c877f13ce9fc6e11373785dfbaab728708481f61aaf07badea9e48e57543250da4f2b66c18f16c1c27ac1592b54b870352345f09f8abfd0125ce6f23587d1#npm:0.6.0"],\
-            ["babel-plugin-polyfill-regenerator", "virtual:816c877f13ce9fc6e11373785dfbaab728708481f61aaf07badea9e48e57543250da4f2b66c18f16c1c27ac1592b54b870352345f09f8abfd0125ce6f23587d1#npm:0.4.1"],\
+            ["babel-plugin-polyfill-corejs2", "virtual:c7aec9f42518cef0c0d40cd3b9748677d8fc0f6842e75ec6b770d0e25ad7840aa4a5a9280ae8ba891ebebb799b0aa5dc685907eed5492369fd222480d3cba6ab#npm:0.3.3"],\
+            ["babel-plugin-polyfill-corejs3", "virtual:c7aec9f42518cef0c0d40cd3b9748677d8fc0f6842e75ec6b770d0e25ad7840aa4a5a9280ae8ba891ebebb799b0aa5dc685907eed5492369fd222480d3cba6ab#npm:0.6.0"],\
+            ["babel-plugin-polyfill-regenerator", "virtual:c7aec9f42518cef0c0d40cd3b9748677d8fc0f6842e75ec6b770d0e25ad7840aa4a5a9280ae8ba891ebebb799b0aa5dc685907eed5492369fd222480d3cba6ab#npm:0.4.1"],\
             ["semver", "npm:6.3.0"]\
           ],\
           "packagePeers": [\
@@ -10701,7 +10743,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["@babel/preset-env", "virtual:c434339fe4fa1f8971e19eda167b4949c5cbc3a05c4fc2590b6dfd872134d5875db0440d6aa6e6d0c181e50a93bb3242811005ad50d546c412c68aa9f932b39d#npm:7.20.2"],\
             ["@babel/compat-data", "npm:7.20.14"],\
             ["@babel/core", null],\
-            ["@babel/helper-compilation-targets", "virtual:816c877f13ce9fc6e11373785dfbaab728708481f61aaf07badea9e48e57543250da4f2b66c18f16c1c27ac1592b54b870352345f09f8abfd0125ce6f23587d1#npm:7.20.7"],\
+            ["@babel/helper-compilation-targets", "virtual:d0ace967bb26438104936c19401472aed7069863e03d8e59f408f9a4e899e37572c9abfdcb2bd2fa73b0165384498c97738393abe60091d745ff5ff7c2521199#npm:7.20.7"],\
             ["@babel/helper-plugin-utils", "npm:7.20.2"],\
             ["@babel/helper-validator-option", "npm:7.18.6"],\
             ["@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression", "virtual:816c877f13ce9fc6e11373785dfbaab728708481f61aaf07badea9e48e57543250da4f2b66c18f16c1c27ac1592b54b870352345f09f8abfd0125ce6f23587d1#npm:7.18.6"],\
@@ -10771,9 +10813,9 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["@babel/preset-modules", "virtual:816c877f13ce9fc6e11373785dfbaab728708481f61aaf07badea9e48e57543250da4f2b66c18f16c1c27ac1592b54b870352345f09f8abfd0125ce6f23587d1#npm:0.1.5"],\
             ["@babel/types", "npm:7.20.7"],\
             ["@types/babel__core", null],\
-            ["babel-plugin-polyfill-corejs2", "virtual:816c877f13ce9fc6e11373785dfbaab728708481f61aaf07badea9e48e57543250da4f2b66c18f16c1c27ac1592b54b870352345f09f8abfd0125ce6f23587d1#npm:0.3.3"],\
-            ["babel-plugin-polyfill-corejs3", "virtual:816c877f13ce9fc6e11373785dfbaab728708481f61aaf07badea9e48e57543250da4f2b66c18f16c1c27ac1592b54b870352345f09f8abfd0125ce6f23587d1#npm:0.6.0"],\
-            ["babel-plugin-polyfill-regenerator", "virtual:816c877f13ce9fc6e11373785dfbaab728708481f61aaf07badea9e48e57543250da4f2b66c18f16c1c27ac1592b54b870352345f09f8abfd0125ce6f23587d1#npm:0.4.1"],\
+            ["babel-plugin-polyfill-corejs2", "virtual:c7aec9f42518cef0c0d40cd3b9748677d8fc0f6842e75ec6b770d0e25ad7840aa4a5a9280ae8ba891ebebb799b0aa5dc685907eed5492369fd222480d3cba6ab#npm:0.3.3"],\
+            ["babel-plugin-polyfill-corejs3", "virtual:c7aec9f42518cef0c0d40cd3b9748677d8fc0f6842e75ec6b770d0e25ad7840aa4a5a9280ae8ba891ebebb799b0aa5dc685907eed5492369fd222480d3cba6ab#npm:0.6.0"],\
+            ["babel-plugin-polyfill-regenerator", "virtual:c7aec9f42518cef0c0d40cd3b9748677d8fc0f6842e75ec6b770d0e25ad7840aa4a5a9280ae8ba891ebebb799b0aa5dc685907eed5492369fd222480d3cba6ab#npm:0.4.1"],\
             ["core-js-compat", "npm:3.27.2"],\
             ["semver", "npm:6.3.0"]\
           ],\
@@ -12785,7 +12827,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["detect-libc", "npm:2.0.1"],\
             ["https-proxy-agent", "npm:5.0.1"],\
             ["make-dir", "npm:3.1.0"],\
-            ["node-fetch", "virtual:1811160047d7e0f7e43f371e07920c11204416dd6ae0b8461e04538b2f68e9167aca28b60b34dbd287674a5cdd52bd05be5797bbe2f7de916231958cb58055fb#npm:2.6.9"],\
+            ["node-fetch", "virtual:61603cf34c5b8986ec923b06f4e325301522f730e5d957d7af482457afba85b95019896d972cd5e9c35aa7e09b94d800af1b8fe7e62d13e3c7e7ebdfe8c78ba9#npm:2.6.9"],\
             ["nopt", "npm:5.0.0"],\
             ["npmlog", "npm:5.0.1"],\
             ["rimraf", "npm:3.0.2"],\
@@ -13205,7 +13247,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["@types/wagmi", null],\
             ["@vanilla-extract/css", "npm:1.9.1"],\
             ["@vanilla-extract/dynamic", "npm:2.0.2"],\
-            ["@vanilla-extract/sprinkles", "virtual:bf3772c477da077133db3eaa4c28e7349f8c2e3ee53af8c0640ba38490f2a31d047e0b232d9aa3e3d1993515bdc3c389181afdc6411e8b2fa92c2ff593d7a155#npm:1.5.0"],\
+            ["@vanilla-extract/sprinkles", "virtual:a6c595a58bc0cd5d404a0a4a9644cfc76a269809e7a73c66775bdb8951a437c74d5b7a9cdcdddaf9a40fc224e93fb85972154ac4e8b9ffd8989eab0be9847a30#npm:1.5.0"],\
             ["clsx", "npm:1.1.1"],\
             ["ethers", "npm:5.7.2"],\
             ["qrcode", "npm:1.5.0"],\
@@ -13225,6 +13267,37 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             "wagmi"\
           ],\
           "linkType": "HARD"\
+        }],\
+        ["virtual:de90b27c3b2c23811fa58e9e481ffc1d1f28786d8f5f46be8505b189806b923d37bce9a4162a27463b6bcd006afdcfd150ccadd29a859b5f01a970f539f14bcf#npm:0.8.1", {\
+          "packageLocation": "./.yarn/__virtual__/@rainbow-me-rainbowkit-virtual-a6c595a58b/0/cache/@rainbow-me-rainbowkit-npm-0.8.1-20642b4118-dfc0898094.zip/node_modules/@rainbow-me/rainbowkit/",\
+          "packageDependencies": [\
+            ["@rainbow-me/rainbowkit", "virtual:de90b27c3b2c23811fa58e9e481ffc1d1f28786d8f5f46be8505b189806b923d37bce9a4162a27463b6bcd006afdcfd150ccadd29a859b5f01a970f539f14bcf#npm:0.8.1"],\
+            ["@types/ethers", null],\
+            ["@types/react", null],\
+            ["@types/react-dom", null],\
+            ["@types/wagmi", null],\
+            ["@vanilla-extract/css", "npm:1.9.1"],\
+            ["@vanilla-extract/dynamic", "npm:2.0.2"],\
+            ["@vanilla-extract/sprinkles", "virtual:a6c595a58bc0cd5d404a0a4a9644cfc76a269809e7a73c66775bdb8951a437c74d5b7a9cdcdddaf9a40fc224e93fb85972154ac4e8b9ffd8989eab0be9847a30#npm:1.5.0"],\
+            ["clsx", "npm:1.1.1"],\
+            ["ethers", null],\
+            ["qrcode", "npm:1.5.0"],\
+            ["react", "npm:17.0.2"],\
+            ["react-dom", "virtual:de90b27c3b2c23811fa58e9e481ffc1d1f28786d8f5f46be8505b189806b923d37bce9a4162a27463b6bcd006afdcfd150ccadd29a859b5f01a970f539f14bcf#npm:17.0.2"],\
+            ["react-remove-scroll", "virtual:a6c595a58bc0cd5d404a0a4a9644cfc76a269809e7a73c66775bdb8951a437c74d5b7a9cdcdddaf9a40fc224e93fb85972154ac4e8b9ffd8989eab0be9847a30#npm:2.5.4"],\
+            ["wagmi", "virtual:de90b27c3b2c23811fa58e9e481ffc1d1f28786d8f5f46be8505b189806b923d37bce9a4162a27463b6bcd006afdcfd150ccadd29a859b5f01a970f539f14bcf#npm:0.11.7"]\
+          ],\
+          "packagePeers": [\
+            "@types/ethers",\
+            "@types/react-dom",\
+            "@types/react",\
+            "@types/wagmi",\
+            "ethers",\
+            "react-dom",\
+            "react",\
+            "wagmi"\
+          ],\
+          "linkType": "HARD"\
         }]\
       ]],\
       ["@remix-run/router", [\
@@ -13234,6 +13307,13 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["@remix-run/router", "npm:1.3.1"]\
           ],\
           "linkType": "HARD"\
+        }],\
+        ["npm:1.3.3", {\
+          "packageLocation": "./.yarn/cache/@remix-run-router-npm-1.3.3-f2831232da-9280f1c3e4.zip/node_modules/@remix-run/router/",\
+          "packageDependencies": [\
+            ["@remix-run/router", "npm:1.3.3"]\
+          ],\
+          "linkType": "HARD"\
         }]\
       ]],\
       ["@rollup/plugin-inject", [\
@@ -13295,6 +13375,47 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           "linkType": "HARD"\
         }]\
       ]],\
+      ["@safe-global/safe-apps-provider", [\
+        ["npm:0.15.2", {\
+          "packageLocation": "./.yarn/cache/@safe-global-safe-apps-provider-npm-0.15.2-2460ebe17e-5d647d105c.zip/node_modules/@safe-global/safe-apps-provider/",\
+          "packageDependencies": [\
+            ["@safe-global/safe-apps-provider", "npm:0.15.2"],\
+            ["@safe-global/safe-apps-sdk", "npm:7.9.0"],\
+            ["events", "npm:3.3.0"]\
+          ],\
+          "linkType": "HARD"\
+        }]\
+      ]],\
+      ["@safe-global/safe-apps-sdk", [\
+        ["npm:7.10.0", {\
+          "packageLocation": "./.yarn/cache/@safe-global-safe-apps-sdk-npm-7.10.0-6baf364d88-77ef8769bb.zip/node_modules/@safe-global/safe-apps-sdk/",\
+          "packageDependencies": [\
+            ["@safe-global/safe-apps-sdk", "npm:7.10.0"],\
+            ["@safe-global/safe-gateway-typescript-sdk", "npm:3.7.0"],\
+            ["ethers", "npm:5.7.2"]\
+          ],\
+          "linkType": "HARD"\
+        }],\
+        ["npm:7.9.0", {\
+          "packageLocation": "./.yarn/cache/@safe-global-safe-apps-sdk-npm-7.9.0-90630d4e36-439cea5e48.zip/node_modules/@safe-global/safe-apps-sdk/",\
+          "packageDependencies": [\
+            ["@safe-global/safe-apps-sdk", "npm:7.9.0"],\
+            ["@safe-global/safe-gateway-typescript-sdk", "npm:3.7.0"],\
+            ["ethers", "npm:5.7.2"]\
+          ],\
+          "linkType": "HARD"\
+        }]\
+      ]],\
+      ["@safe-global/safe-gateway-typescript-sdk", [\
+        ["npm:3.7.0", {\
+          "packageLocation": "./.yarn/cache/@safe-global-safe-gateway-typescript-sdk-npm-3.7.0-876acc6073-648bac4489.zip/node_modules/@safe-global/safe-gateway-typescript-sdk/",\
+          "packageDependencies": [\
+            ["@safe-global/safe-gateway-typescript-sdk", "npm:3.7.0"],\
+            ["cross-fetch", "npm:3.1.5"]\
+          ],\
+          "linkType": "HARD"\
+        }]\
+      ]],\
       ["@sinclair/typebox", [\
         ["npm:0.25.21", {\
           "packageLocation": "./.yarn/cache/@sinclair-typebox-npm-0.25.21-83efa5a294-763af1163f.zip/node_modules/@sinclair/typebox/",\
@@ -13352,7 +13473,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["buffer", "npm:6.0.1"],\
             ["fast-stable-stringify", "npm:1.0.0"],\
             ["jayson", "npm:3.7.0"],\
-            ["node-fetch", "virtual:1811160047d7e0f7e43f371e07920c11204416dd6ae0b8461e04538b2f68e9167aca28b60b34dbd287674a5cdd52bd05be5797bbe2f7de916231958cb58055fb#npm:2.6.9"],\
+            ["node-fetch", "virtual:61603cf34c5b8986ec923b06f4e325301522f730e5d957d7af482457afba85b95019896d972cd5e9c35aa7e09b94d800af1b8fe7e62d13e3c7e7ebdfe8c78ba9#npm:2.6.9"],\
             ["rpc-websockets", "npm:7.5.0"],\
             ["superstruct", "npm:0.14.2"]\
           ],\
@@ -14802,7 +14923,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["globby", "npm:11.1.0"],\
             ["ip", "npm:2.0.0"],\
             ["lodash", "npm:4.17.21"],\
-            ["node-fetch", "virtual:1811160047d7e0f7e43f371e07920c11204416dd6ae0b8461e04538b2f68e9167aca28b60b34dbd287674a5cdd52bd05be5797bbe2f7de916231958cb58055fb#npm:2.6.9"],\
+            ["node-fetch", "virtual:61603cf34c5b8986ec923b06f4e325301522f730e5d957d7af482457afba85b95019896d972cd5e9c35aa7e09b94d800af1b8fe7e62d13e3c7e7ebdfe8c78ba9#npm:2.6.9"],\
             ["open", "npm:8.4.0"],\
             ["pretty-hrtime", "npm:1.0.3"],\
             ["prompts", "npm:2.4.2"],\
@@ -14933,7 +15054,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["find-up", "npm:5.0.0"],\
             ["fs-extra", "npm:9.1.0"],\
             ["html-webpack-plugin", "virtual:6aea27df32bb77181d6f1336018732e506966b9a267fe990cc3c2f5b686a50b8509af4374e41b60bfb2239d9e8d39b53cf85da44cc5d4b32597d864cb16b4746#npm:4.5.2"],\
-            ["node-fetch", "virtual:1811160047d7e0f7e43f371e07920c11204416dd6ae0b8461e04538b2f68e9167aca28b60b34dbd287674a5cdd52bd05be5797bbe2f7de916231958cb58055fb#npm:2.6.9"],\
+            ["node-fetch", "virtual:61603cf34c5b8986ec923b06f4e325301522f730e5d957d7af482457afba85b95019896d972cd5e9c35aa7e09b94d800af1b8fe7e62d13e3c7e7ebdfe8c78ba9#npm:2.6.9"],\
             ["pnp-webpack-plugin", "npm:1.6.4"],\
             ["react", "npm:17.0.2"],\
             ["react-dom", "virtual:8f191641e0cdbd84e4a01ad170addc78a653eb7d13970d70246cdf4fc7af71c72aeec720060e6c99ced82e4f2806f7b8a3f121e32b5c16b21c5c6088ca42bdc1#npm:17.0.2"],\
@@ -15810,6 +15931,29 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             "react"\
           ],\
           "linkType": "HARD"\
+        }],\
+        ["virtual:8ab777df5b42e6214e907d3aa18e49fc42882b2d051cbc37cca2fcc0e6546c71784a22264e272321de287afe3741f275b28bbbc664cfa325935b33f2991a4aab#npm:4.24.4", {\
+          "packageLocation": "./.yarn/__virtual__/@tanstack-react-query-virtual-8c1e7c8984/0/cache/@tanstack-react-query-npm-4.24.4-321e106cef-8cf008d690.zip/node_modules/@tanstack/react-query/",\
+          "packageDependencies": [\
+            ["@tanstack/react-query", "virtual:8ab777df5b42e6214e907d3aa18e49fc42882b2d051cbc37cca2fcc0e6546c71784a22264e272321de287afe3741f275b28bbbc664cfa325935b33f2991a4aab#npm:4.24.4"],\
+            ["@tanstack/query-core", "npm:4.24.4"],\
+            ["@types/react", null],\
+            ["@types/react-dom", null],\
+            ["@types/react-native", null],\
+            ["react", "npm:17.0.2"],\
+            ["react-dom", "virtual:8ab777df5b42e6214e907d3aa18e49fc42882b2d051cbc37cca2fcc0e6546c71784a22264e272321de287afe3741f275b28bbbc664cfa325935b33f2991a4aab#npm:18.2.0"],\
+            ["react-native", null],\
+            ["use-sync-external-store", "virtual:8ab777df5b42e6214e907d3aa18e49fc42882b2d051cbc37cca2fcc0e6546c71784a22264e272321de287afe3741f275b28bbbc664cfa325935b33f2991a4aab#npm:1.2.0"]\
+          ],\
+          "packagePeers": [\
+            "@types/react-dom",\
+            "@types/react-native",\
+            "@types/react",\
+            "react-dom",\
+            "react-native",\
+            "react"\
+          ],\
+          "linkType": "HARD"\
         }]\
       ]],\
       ["@tanstack/react-query-persist-client", [\
@@ -15833,6 +15977,20 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             "@types/tanstack__react-query"\
           ],\
           "linkType": "HARD"\
+        }],\
+        ["virtual:8ab777df5b42e6214e907d3aa18e49fc42882b2d051cbc37cca2fcc0e6546c71784a22264e272321de287afe3741f275b28bbbc664cfa325935b33f2991a4aab#npm:4.24.4", {\
+          "packageLocation": "./.yarn/__virtual__/@tanstack-react-query-persist-client-virtual-5660928384/0/cache/@tanstack-react-query-persist-client-npm-4.24.4-c87989135c-46f10ef8bb.zip/node_modules/@tanstack/react-query-persist-client/",\
+          "packageDependencies": [\
+            ["@tanstack/react-query-persist-client", "virtual:8ab777df5b42e6214e907d3aa18e49fc42882b2d051cbc37cca2fcc0e6546c71784a22264e272321de287afe3741f275b28bbbc664cfa325935b33f2991a4aab#npm:4.24.4"],\
+            ["@tanstack/query-persist-client-core", "npm:4.24.4"],\
+            ["@tanstack/react-query", "virtual:8ab777df5b42e6214e907d3aa18e49fc42882b2d051cbc37cca2fcc0e6546c71784a22264e272321de287afe3741f275b28bbbc664cfa325935b33f2991a4aab#npm:4.24.4"],\
+            ["@types/tanstack__react-query", null]\
+          ],\
+          "packagePeers": [\
+            "@tanstack/react-query",\
+            "@types/tanstack__react-query"\
+          ],\
+          "linkType": "HARD"\
         }]\
       ]],\
       ["@tootallnate/once", [\
@@ -16852,10 +17010,10 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           ],\
           "linkType": "SOFT"\
         }],\
-        ["virtual:bf3772c477da077133db3eaa4c28e7349f8c2e3ee53af8c0640ba38490f2a31d047e0b232d9aa3e3d1993515bdc3c389181afdc6411e8b2fa92c2ff593d7a155#npm:1.5.0", {\
-          "packageLocation": "./.yarn/__virtual__/@vanilla-extract-sprinkles-virtual-ed2071b79f/0/cache/@vanilla-extract-sprinkles-npm-1.5.0-208c79ac39-522b96afe8.zip/node_modules/@vanilla-extract/sprinkles/",\
+        ["virtual:a6c595a58bc0cd5d404a0a4a9644cfc76a269809e7a73c66775bdb8951a437c74d5b7a9cdcdddaf9a40fc224e93fb85972154ac4e8b9ffd8989eab0be9847a30#npm:1.5.0", {\
+          "packageLocation": "./.yarn/__virtual__/@vanilla-extract-sprinkles-virtual-7afc31d042/0/cache/@vanilla-extract-sprinkles-npm-1.5.0-208c79ac39-522b96afe8.zip/node_modules/@vanilla-extract/sprinkles/",\
           "packageDependencies": [\
-            ["@vanilla-extract/sprinkles", "virtual:bf3772c477da077133db3eaa4c28e7349f8c2e3ee53af8c0640ba38490f2a31d047e0b232d9aa3e3d1993515bdc3c389181afdc6411e8b2fa92c2ff593d7a155#npm:1.5.0"],\
+            ["@vanilla-extract/sprinkles", "virtual:a6c595a58bc0cd5d404a0a4a9644cfc76a269809e7a73c66775bdb8951a437c74d5b7a9cdcdddaf9a40fc224e93fb85972154ac4e8b9ffd8989eab0be9847a30#npm:1.5.0"],\
             ["@types/vanilla-extract__css", null],\
             ["@vanilla-extract/css", "npm:1.9.1"]\
           ],\
@@ -16916,6 +17074,13 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           ],\
           "linkType": "SOFT"\
         }],\
+        ["npm:0.2.9", {\
+          "packageLocation": "./.yarn/cache/@wagmi-chains-npm-0.2.9-4382c8d8a7-b63112bd74.zip/node_modules/@wagmi/chains/",\
+          "packageDependencies": [\
+            ["@wagmi/chains", "npm:0.2.9"]\
+          ],\
+          "linkType": "SOFT"\
+        }],\
         ["virtual:18d7dda5915109afdc1dec79a0856410ff7f87113495e1bea7193ab2d098c257479e357910aa18004780bbd83e05657809c4cd9d715416c26ba13e3382e8814c#npm:0.2.4", {\
           "packageLocation": "./.yarn/__virtual__/@wagmi-chains-virtual-28d602257a/0/cache/@wagmi-chains-npm-0.2.4-2c21a67102-2ea1421517.zip/node_modules/@wagmi/chains/",\
           "packageDependencies": [\
@@ -16928,6 +17093,19 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             "typescript"\
           ],\
           "linkType": "HARD"\
+        }],\
+        ["virtual:39d2a71f509a88d3d47f9784bbcfbc8ed8086b4388629956221398746467e3be2097cff18616ab0a2f9ba90965be3c2813d1a9c6c0fd83e554e4a6d08f506663#npm:0.2.9", {\
+          "packageLocation": "./.yarn/__virtual__/@wagmi-chains-virtual-c92433634e/0/cache/@wagmi-chains-npm-0.2.9-4382c8d8a7-b63112bd74.zip/node_modules/@wagmi/chains/",\
+          "packageDependencies": [\
+            ["@wagmi/chains", "virtual:39d2a71f509a88d3d47f9784bbcfbc8ed8086b4388629956221398746467e3be2097cff18616ab0a2f9ba90965be3c2813d1a9c6c0fd83e554e4a6d08f506663#npm:0.2.9"],\
+            ["@types/typescript", null],\
+            ["typescript", null]\
+          ],\
+          "packagePeers": [\
+            "@types/typescript",\
+            "typescript"\
+          ],\
+          "linkType": "HARD"\
         }]\
       ]],\
       ["@wagmi/connectors", [\
@@ -16938,6 +17116,13 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           ],\
           "linkType": "SOFT"\
         }],\
+        ["npm:0.2.7", {\
+          "packageLocation": "./.yarn/cache/@wagmi-connectors-npm-0.2.7-45dbd67559-a3472f1fe6.zip/node_modules/@wagmi/connectors/",\
+          "packageDependencies": [\
+            ["@wagmi/connectors", "npm:0.2.7"]\
+          ],\
+          "linkType": "SOFT"\
+        }],\
         ["virtual:18d7dda5915109afdc1dec79a0856410ff7f87113495e1bea7193ab2d098c257479e357910aa18004780bbd83e05657809c4cd9d715416c26ba13e3382e8814c#npm:0.2.2", {\
           "packageLocation": "./.yarn/__virtual__/@wagmi-connectors-virtual-d5b56dc4c5/0/cache/@wagmi-connectors-npm-0.2.2-701d146878-0a49b6720c.zip/node_modules/@wagmi/connectors/",\
           "packageDependencies": [\
@@ -16965,6 +17150,36 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             "typescript"\
           ],\
           "linkType": "HARD"\
+        }],\
+        ["virtual:39d2a71f509a88d3d47f9784bbcfbc8ed8086b4388629956221398746467e3be2097cff18616ab0a2f9ba90965be3c2813d1a9c6c0fd83e554e4a6d08f506663#npm:0.2.7", {\
+          "packageLocation": "./.yarn/__virtual__/@wagmi-connectors-virtual-5c32cff81f/0/cache/@wagmi-connectors-npm-0.2.7-45dbd67559-a3472f1fe6.zip/node_modules/@wagmi/connectors/",\
+          "packageDependencies": [\
+            ["@wagmi/connectors", "virtual:39d2a71f509a88d3d47f9784bbcfbc8ed8086b4388629956221398746467e3be2097cff18616ab0a2f9ba90965be3c2813d1a9c6c0fd83e554e4a6d08f506663#npm:0.2.7"],\
+            ["@coinbase/wallet-sdk", "npm:3.6.3"],\
+            ["@ledgerhq/connect-kit-loader", "npm:1.0.2"],\
+            ["@safe-global/safe-apps-provider", "npm:0.15.2"],\
+            ["@safe-global/safe-apps-sdk", "npm:7.10.0"],\
+            ["@types/ethers", null],\
+            ["@types/typescript", null],\
+            ["@types/wagmi__core", null],\
+            ["@wagmi/core", "virtual:8ab777df5b42e6214e907d3aa18e49fc42882b2d051cbc37cca2fcc0e6546c71784a22264e272321de287afe3741f275b28bbbc664cfa325935b33f2991a4aab#npm:0.9.7"],\
+            ["@walletconnect/ethereum-provider", "npm:1.8.0"],\
+            ["@walletconnect/universal-provider", "npm:2.3.3"],\
+            ["@web3modal/standalone", "npm:2.1.2"],\
+            ["abitype", "virtual:8ab777df5b42e6214e907d3aa18e49fc42882b2d051cbc37cca2fcc0e6546c71784a22264e272321de287afe3741f275b28bbbc664cfa325935b33f2991a4aab#npm:0.3.0"],\
+            ["ethers", null],\
+            ["eventemitter3", "npm:4.0.7"],\
+            ["typescript", null]\
+          ],\
+          "packagePeers": [\
+            "@types/ethers",\
+            "@types/typescript",\
+            "@types/wagmi__core",\
+            "@wagmi/core",\
+            "ethers",\
+            "typescript"\
+          ],\
+          "linkType": "HARD"\
         }]\
       ]],\
       ["@wagmi/core", [\
@@ -16975,6 +17190,13 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           ],\
           "linkType": "SOFT"\
         }],\
+        ["npm:0.9.7", {\
+          "packageLocation": "./.yarn/cache/@wagmi-core-npm-0.9.7-88afe65a15-1d77b16e70.zip/node_modules/@wagmi/core/",\
+          "packageDependencies": [\
+            ["@wagmi/core", "npm:0.9.7"]\
+          ],\
+          "linkType": "SOFT"\
+        }],\
         ["virtual:6cb09374d2b90fffe420e4abf816eb39d562d92eb9df924d6fc0228c803c3fd76147728e70c57358bbaf0b9df88bf99fb5ec2d9df7fa3f96405438af8a31b1ab#npm:0.9.2", {\
           "packageLocation": "./.yarn/__virtual__/@wagmi-core-virtual-18d7dda591/0/cache/@wagmi-core-npm-0.9.2-301ee32837-90ee1cb8f3.zip/node_modules/@wagmi/core/",\
           "packageDependencies": [\
@@ -16987,7 +17209,29 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["ethers", "npm:5.7.2"],\
             ["eventemitter3", "npm:4.0.7"],\
             ["typescript", "patch:typescript@npm%3A4.9.5#~builtin<compat/typescript>::version=4.9.5&hash=23ec76"],\
-            ["zustand", "virtual:18d7dda5915109afdc1dec79a0856410ff7f87113495e1bea7193ab2d098c257479e357910aa18004780bbd83e05657809c4cd9d715416c26ba13e3382e8814c#npm:4.3.2"]\
+            ["zustand", "virtual:39d2a71f509a88d3d47f9784bbcfbc8ed8086b4388629956221398746467e3be2097cff18616ab0a2f9ba90965be3c2813d1a9c6c0fd83e554e4a6d08f506663#npm:4.3.2"]\
+          ],\
+          "packagePeers": [\
+            "@types/ethers",\
+            "@types/typescript",\
+            "ethers",\
+            "typescript"\
+          ],\
+          "linkType": "HARD"\
+        }],\
+        ["virtual:8ab777df5b42e6214e907d3aa18e49fc42882b2d051cbc37cca2fcc0e6546c71784a22264e272321de287afe3741f275b28bbbc664cfa325935b33f2991a4aab#npm:0.9.7", {\
+          "packageLocation": "./.yarn/__virtual__/@wagmi-core-virtual-39d2a71f50/0/cache/@wagmi-core-npm-0.9.7-88afe65a15-1d77b16e70.zip/node_modules/@wagmi/core/",\
+          "packageDependencies": [\
+            ["@wagmi/core", "virtual:8ab777df5b42e6214e907d3aa18e49fc42882b2d051cbc37cca2fcc0e6546c71784a22264e272321de287afe3741f275b28bbbc664cfa325935b33f2991a4aab#npm:0.9.7"],\
+            ["@types/ethers", null],\
+            ["@types/typescript", null],\
+            ["@wagmi/chains", "virtual:39d2a71f509a88d3d47f9784bbcfbc8ed8086b4388629956221398746467e3be2097cff18616ab0a2f9ba90965be3c2813d1a9c6c0fd83e554e4a6d08f506663#npm:0.2.9"],\
+            ["@wagmi/connectors", "virtual:39d2a71f509a88d3d47f9784bbcfbc8ed8086b4388629956221398746467e3be2097cff18616ab0a2f9ba90965be3c2813d1a9c6c0fd83e554e4a6d08f506663#npm:0.2.7"],\
+            ["abitype", "virtual:8ab777df5b42e6214e907d3aa18e49fc42882b2d051cbc37cca2fcc0e6546c71784a22264e272321de287afe3741f275b28bbbc664cfa325935b33f2991a4aab#npm:0.3.0"],\
+            ["ethers", null],\
+            ["eventemitter3", "npm:4.0.7"],\
+            ["typescript", null],\
+            ["zustand", "virtual:39d2a71f509a88d3d47f9784bbcfbc8ed8086b4388629956221398746467e3be2097cff18616ab0a2f9ba90965be3c2813d1a9c6c0fd83e554e4a6d08f506663#npm:4.3.2"]\
           ],\
           "packagePeers": [\
             "@types/ethers",\
@@ -17516,6 +17760,15 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["valtio", "virtual:6eb7156e1f08b2343ca23bf0e89ecfbf9b6e9b8820249a88b660c8de5c7a65113e5cd31642bda75aa796cbeb2afd8f6a8e7eda03249938987c639fcd3e4c73c0#npm:1.9.0"]\
           ],\
           "linkType": "HARD"\
+        }],\
+        ["npm:2.1.2", {\
+          "packageLocation": "./.yarn/cache/@web3modal-core-npm-2.1.2-2b132e52bd-204169302f.zip/node_modules/@web3modal/core/",\
+          "packageDependencies": [\
+            ["@web3modal/core", "npm:2.1.2"],\
+            ["buffer", "npm:6.0.3"],\
+            ["valtio", "virtual:2b132e52bd0250f3b1130350b9c3412384b7759e979468ef79d6a9c7194be03dc49c8abe686ec9c1c076deab905eac9ebe7dab16613148b52101443609061312#npm:1.10.2"]\
+          ],\
+          "linkType": "HARD"\
         }]\
       ]],\
       ["@web3modal/standalone", [\
@@ -17527,6 +17780,15 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["@web3modal/ui", "npm:2.0.0"]\
           ],\
           "linkType": "HARD"\
+        }],\
+        ["npm:2.1.2", {\
+          "packageLocation": "./.yarn/cache/@web3modal-standalone-npm-2.1.2-cb6ff05ea7-5496de6244.zip/node_modules/@web3modal/standalone/",\
+          "packageDependencies": [\
+            ["@web3modal/standalone", "npm:2.1.2"],\
+            ["@web3modal/core", "npm:2.1.2"],\
+            ["@web3modal/ui", "npm:2.1.2"]\
+          ],\
+          "linkType": "HARD"\
         }]\
       ]],\
       ["@web3modal/ui", [\
@@ -17540,6 +17802,17 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["qrcode", "npm:1.5.1"]\
           ],\
           "linkType": "HARD"\
+        }],\
+        ["npm:2.1.2", {\
+          "packageLocation": "./.yarn/cache/@web3modal-ui-npm-2.1.2-ea001dfbea-fd76de3cf5.zip/node_modules/@web3modal/ui/",\
+          "packageDependencies": [\
+            ["@web3modal/ui", "npm:2.1.2"],\
+            ["@web3modal/core", "npm:2.1.2"],\
+            ["lit", "npm:2.6.1"],\
+            ["motion", "npm:10.15.5"],\
+            ["qrcode", "npm:1.5.1"]\
+          ],\
+          "linkType": "HARD"\
         }]\
       ]],\
       ["@webassemblyjs/ast", [\
@@ -17970,6 +18243,23 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             "zod"\
           ],\
           "linkType": "HARD"\
+        }],\
+        ["virtual:8ab777df5b42e6214e907d3aa18e49fc42882b2d051cbc37cca2fcc0e6546c71784a22264e272321de287afe3741f275b28bbbc664cfa325935b33f2991a4aab#npm:0.3.0", {\
+          "packageLocation": "./.yarn/__virtual__/abitype-virtual-5540f8a88c/0/cache/abitype-npm-0.3.0-4c7bad9a87-d7f604d917.zip/node_modules/abitype/",\
+          "packageDependencies": [\
+            ["abitype", "virtual:8ab777df5b42e6214e907d3aa18e49fc42882b2d051cbc37cca2fcc0e6546c71784a22264e272321de287afe3741f275b28bbbc664cfa325935b33f2991a4aab#npm:0.3.0"],\
+            ["@types/typescript", null],\
+            ["@types/zod", null],\
+            ["typescript", null],\
+            ["zod", null]\
+          ],\
+          "packagePeers": [\
+            "@types/typescript",\
+            "@types/zod",\
+            "typescript",\
+            "zod"\
+          ],\
+          "linkType": "HARD"\
         }]\
       ]],\
       ["abstract-leveldown", [\
@@ -18808,6 +19098,14 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["tslib", "npm:2.5.0"]\
           ],\
           "linkType": "HARD"\
+        }],\
+        ["npm:0.4.0", {\
+          "packageLocation": "./.yarn/cache/async-mutex-npm-0.4.0-f5a25d4255-813a71728b.zip/node_modules/async-mutex/",\
+          "packageDependencies": [\
+            ["async-mutex", "npm:0.4.0"],\
+            ["tslib", "npm:2.5.0"]\
+          ],\
+          "linkType": "HARD"\
         }]\
       ]],\
       ["asynckit", [\
@@ -19117,13 +19415,13 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           ],\
           "linkType": "SOFT"\
         }],\
-        ["virtual:816c877f13ce9fc6e11373785dfbaab728708481f61aaf07badea9e48e57543250da4f2b66c18f16c1c27ac1592b54b870352345f09f8abfd0125ce6f23587d1#npm:0.3.3", {\
-          "packageLocation": "./.yarn/__virtual__/babel-plugin-polyfill-corejs2-virtual-0da71fe41a/0/cache/babel-plugin-polyfill-corejs2-npm-0.3.3-374b04c5be-7db3044993.zip/node_modules/babel-plugin-polyfill-corejs2/",\
+        ["virtual:9d2d127485a6c6055d4690955e2578281966574eed210a72975fce05580a7285cab225d0474911a5bce09b1b00184be4d445948c13e8c4a538e8edb264654f4b#npm:0.3.3", {\
+          "packageLocation": "./.yarn/__virtual__/babel-plugin-polyfill-corejs2-virtual-51ef6a177b/0/cache/babel-plugin-polyfill-corejs2-npm-0.3.3-374b04c5be-7db3044993.zip/node_modules/babel-plugin-polyfill-corejs2/",\
           "packageDependencies": [\
-            ["babel-plugin-polyfill-corejs2", "virtual:816c877f13ce9fc6e11373785dfbaab728708481f61aaf07badea9e48e57543250da4f2b66c18f16c1c27ac1592b54b870352345f09f8abfd0125ce6f23587d1#npm:0.3.3"],\
+            ["babel-plugin-polyfill-corejs2", "virtual:9d2d127485a6c6055d4690955e2578281966574eed210a72975fce05580a7285cab225d0474911a5bce09b1b00184be4d445948c13e8c4a538e8edb264654f4b#npm:0.3.3"],\
             ["@babel/compat-data", "npm:7.20.14"],\
-            ["@babel/core", null],\
-            ["@babel/helper-define-polyfill-provider", "virtual:0da71fe41aabe3461a11196fd8c70a0b6784c2685ce59771f94195f531e923d5b5cc29806bf94fdb9b2a6502d0ac05da5b4c60f630f9c83ff7b2e1c3d3095f83#npm:0.3.3"],\
+            ["@babel/core", "npm:7.20.12"],\
+            ["@babel/helper-define-polyfill-provider", "virtual:51ef6a177b679d8dbf510ef53fe0b355f79450933d53782574ea9d4843ac839221b0a8736505d6d91072207fed1a3cb2e1d86a9de8a1f767c6fc471a646bb188#npm:0.3.3"],\
             ["@types/babel__core", null],\
             ["semver", "npm:6.3.0"]\
           ],\
@@ -19133,13 +19431,13 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           ],\
           "linkType": "HARD"\
         }],\
-        ["virtual:9d2d127485a6c6055d4690955e2578281966574eed210a72975fce05580a7285cab225d0474911a5bce09b1b00184be4d445948c13e8c4a538e8edb264654f4b#npm:0.3.3", {\
-          "packageLocation": "./.yarn/__virtual__/babel-plugin-polyfill-corejs2-virtual-51ef6a177b/0/cache/babel-plugin-polyfill-corejs2-npm-0.3.3-374b04c5be-7db3044993.zip/node_modules/babel-plugin-polyfill-corejs2/",\
+        ["virtual:c7aec9f42518cef0c0d40cd3b9748677d8fc0f6842e75ec6b770d0e25ad7840aa4a5a9280ae8ba891ebebb799b0aa5dc685907eed5492369fd222480d3cba6ab#npm:0.3.3", {\
+          "packageLocation": "./.yarn/__virtual__/babel-plugin-polyfill-corejs2-virtual-6334eb1f7d/0/cache/babel-plugin-polyfill-corejs2-npm-0.3.3-374b04c5be-7db3044993.zip/node_modules/babel-plugin-polyfill-corejs2/",\
           "packageDependencies": [\
-            ["babel-plugin-polyfill-corejs2", "virtual:9d2d127485a6c6055d4690955e2578281966574eed210a72975fce05580a7285cab225d0474911a5bce09b1b00184be4d445948c13e8c4a538e8edb264654f4b#npm:0.3.3"],\
+            ["babel-plugin-polyfill-corejs2", "virtual:c7aec9f42518cef0c0d40cd3b9748677d8fc0f6842e75ec6b770d0e25ad7840aa4a5a9280ae8ba891ebebb799b0aa5dc685907eed5492369fd222480d3cba6ab#npm:0.3.3"],\
             ["@babel/compat-data", "npm:7.20.14"],\
-            ["@babel/core", "npm:7.20.12"],\
-            ["@babel/helper-define-polyfill-provider", "virtual:51ef6a177b679d8dbf510ef53fe0b355f79450933d53782574ea9d4843ac839221b0a8736505d6d91072207fed1a3cb2e1d86a9de8a1f767c6fc471a646bb188#npm:0.3.3"],\
+            ["@babel/core", null],\
+            ["@babel/helper-define-polyfill-provider", "virtual:6334eb1f7d596a98a4005c1419e8453e576dc9542a5a41fac82ffcf43e5c4a421d1d42c5f1bd856ad8d366b74c239d2a96e4ead001dfe93f18ca4632fd52d2b0#npm:0.3.3"],\
             ["@types/babel__core", null],\
             ["semver", "npm:6.3.0"]\
           ],\
@@ -19165,12 +19463,12 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           ],\
           "linkType": "SOFT"\
         }],\
-        ["virtual:816c877f13ce9fc6e11373785dfbaab728708481f61aaf07badea9e48e57543250da4f2b66c18f16c1c27ac1592b54b870352345f09f8abfd0125ce6f23587d1#npm:0.6.0", {\
-          "packageLocation": "./.yarn/__virtual__/babel-plugin-polyfill-corejs3-virtual-928b035748/0/cache/babel-plugin-polyfill-corejs3-npm-0.6.0-2d0edf85b8-470bb8c59f.zip/node_modules/babel-plugin-polyfill-corejs3/",\
+        ["virtual:9d2d127485a6c6055d4690955e2578281966574eed210a72975fce05580a7285cab225d0474911a5bce09b1b00184be4d445948c13e8c4a538e8edb264654f4b#npm:0.6.0", {\
+          "packageLocation": "./.yarn/__virtual__/babel-plugin-polyfill-corejs3-virtual-0e148fdc34/0/cache/babel-plugin-polyfill-corejs3-npm-0.6.0-2d0edf85b8-470bb8c59f.zip/node_modules/babel-plugin-polyfill-corejs3/",\
           "packageDependencies": [\
-            ["babel-plugin-polyfill-corejs3", "virtual:816c877f13ce9fc6e11373785dfbaab728708481f61aaf07badea9e48e57543250da4f2b66c18f16c1c27ac1592b54b870352345f09f8abfd0125ce6f23587d1#npm:0.6.0"],\
-            ["@babel/core", null],\
-            ["@babel/helper-define-polyfill-provider", "virtual:0da71fe41aabe3461a11196fd8c70a0b6784c2685ce59771f94195f531e923d5b5cc29806bf94fdb9b2a6502d0ac05da5b4c60f630f9c83ff7b2e1c3d3095f83#npm:0.3.3"],\
+            ["babel-plugin-polyfill-corejs3", "virtual:9d2d127485a6c6055d4690955e2578281966574eed210a72975fce05580a7285cab225d0474911a5bce09b1b00184be4d445948c13e8c4a538e8edb264654f4b#npm:0.6.0"],\
+            ["@babel/core", "npm:7.20.12"],\
+            ["@babel/helper-define-polyfill-provider", "virtual:51ef6a177b679d8dbf510ef53fe0b355f79450933d53782574ea9d4843ac839221b0a8736505d6d91072207fed1a3cb2e1d86a9de8a1f767c6fc471a646bb188#npm:0.3.3"],\
             ["@types/babel__core", null],\
             ["core-js-compat", "npm:3.27.2"]\
           ],\
@@ -19180,12 +19478,12 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           ],\
           "linkType": "HARD"\
         }],\
-        ["virtual:9d2d127485a6c6055d4690955e2578281966574eed210a72975fce05580a7285cab225d0474911a5bce09b1b00184be4d445948c13e8c4a538e8edb264654f4b#npm:0.6.0", {\
-          "packageLocation": "./.yarn/__virtual__/babel-plugin-polyfill-corejs3-virtual-0e148fdc34/0/cache/babel-plugin-polyfill-corejs3-npm-0.6.0-2d0edf85b8-470bb8c59f.zip/node_modules/babel-plugin-polyfill-corejs3/",\
+        ["virtual:c7aec9f42518cef0c0d40cd3b9748677d8fc0f6842e75ec6b770d0e25ad7840aa4a5a9280ae8ba891ebebb799b0aa5dc685907eed5492369fd222480d3cba6ab#npm:0.6.0", {\
+          "packageLocation": "./.yarn/__virtual__/babel-plugin-polyfill-corejs3-virtual-372c5f2f04/0/cache/babel-plugin-polyfill-corejs3-npm-0.6.0-2d0edf85b8-470bb8c59f.zip/node_modules/babel-plugin-polyfill-corejs3/",\
           "packageDependencies": [\
-            ["babel-plugin-polyfill-corejs3", "virtual:9d2d127485a6c6055d4690955e2578281966574eed210a72975fce05580a7285cab225d0474911a5bce09b1b00184be4d445948c13e8c4a538e8edb264654f4b#npm:0.6.0"],\
-            ["@babel/core", "npm:7.20.12"],\
-            ["@babel/helper-define-polyfill-provider", "virtual:51ef6a177b679d8dbf510ef53fe0b355f79450933d53782574ea9d4843ac839221b0a8736505d6d91072207fed1a3cb2e1d86a9de8a1f767c6fc471a646bb188#npm:0.3.3"],\
+            ["babel-plugin-polyfill-corejs3", "virtual:c7aec9f42518cef0c0d40cd3b9748677d8fc0f6842e75ec6b770d0e25ad7840aa4a5a9280ae8ba891ebebb799b0aa5dc685907eed5492369fd222480d3cba6ab#npm:0.6.0"],\
+            ["@babel/core", null],\
+            ["@babel/helper-define-polyfill-provider", "virtual:6334eb1f7d596a98a4005c1419e8453e576dc9542a5a41fac82ffcf43e5c4a421d1d42c5f1bd856ad8d366b74c239d2a96e4ead001dfe93f18ca4632fd52d2b0#npm:0.3.3"],\
             ["@types/babel__core", null],\
             ["core-js-compat", "npm:3.27.2"]\
           ],\
@@ -19219,12 +19517,12 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           ],\
           "linkType": "SOFT"\
         }],\
-        ["virtual:816c877f13ce9fc6e11373785dfbaab728708481f61aaf07badea9e48e57543250da4f2b66c18f16c1c27ac1592b54b870352345f09f8abfd0125ce6f23587d1#npm:0.4.1", {\
-          "packageLocation": "./.yarn/__virtual__/babel-plugin-polyfill-regenerator-virtual-f71d95071f/0/cache/babel-plugin-polyfill-regenerator-npm-0.4.1-f2ab3efe27-ab0355efba.zip/node_modules/babel-plugin-polyfill-regenerator/",\
+        ["virtual:9d2d127485a6c6055d4690955e2578281966574eed210a72975fce05580a7285cab225d0474911a5bce09b1b00184be4d445948c13e8c4a538e8edb264654f4b#npm:0.4.1", {\
+          "packageLocation": "./.yarn/__virtual__/babel-plugin-polyfill-regenerator-virtual-329a69cb9f/0/cache/babel-plugin-polyfill-regenerator-npm-0.4.1-f2ab3efe27-ab0355efba.zip/node_modules/babel-plugin-polyfill-regenerator/",\
           "packageDependencies": [\
-            ["babel-plugin-polyfill-regenerator", "virtual:816c877f13ce9fc6e11373785dfbaab728708481f61aaf07badea9e48e57543250da4f2b66c18f16c1c27ac1592b54b870352345f09f8abfd0125ce6f23587d1#npm:0.4.1"],\
-            ["@babel/core", null],\
-            ["@babel/helper-define-polyfill-provider", "virtual:0da71fe41aabe3461a11196fd8c70a0b6784c2685ce59771f94195f531e923d5b5cc29806bf94fdb9b2a6502d0ac05da5b4c60f630f9c83ff7b2e1c3d3095f83#npm:0.3.3"],\
+            ["babel-plugin-polyfill-regenerator", "virtual:9d2d127485a6c6055d4690955e2578281966574eed210a72975fce05580a7285cab225d0474911a5bce09b1b00184be4d445948c13e8c4a538e8edb264654f4b#npm:0.4.1"],\
+            ["@babel/core", "npm:7.20.12"],\
+            ["@babel/helper-define-polyfill-provider", "virtual:51ef6a177b679d8dbf510ef53fe0b355f79450933d53782574ea9d4843ac839221b0a8736505d6d91072207fed1a3cb2e1d86a9de8a1f767c6fc471a646bb188#npm:0.3.3"],\
             ["@types/babel__core", null]\
           ],\
           "packagePeers": [\
@@ -19233,12 +19531,12 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           ],\
           "linkType": "HARD"\
         }],\
-        ["virtual:9d2d127485a6c6055d4690955e2578281966574eed210a72975fce05580a7285cab225d0474911a5bce09b1b00184be4d445948c13e8c4a538e8edb264654f4b#npm:0.4.1", {\
-          "packageLocation": "./.yarn/__virtual__/babel-plugin-polyfill-regenerator-virtual-329a69cb9f/0/cache/babel-plugin-polyfill-regenerator-npm-0.4.1-f2ab3efe27-ab0355efba.zip/node_modules/babel-plugin-polyfill-regenerator/",\
+        ["virtual:c7aec9f42518cef0c0d40cd3b9748677d8fc0f6842e75ec6b770d0e25ad7840aa4a5a9280ae8ba891ebebb799b0aa5dc685907eed5492369fd222480d3cba6ab#npm:0.4.1", {\
+          "packageLocation": "./.yarn/__virtual__/babel-plugin-polyfill-regenerator-virtual-fca32e036d/0/cache/babel-plugin-polyfill-regenerator-npm-0.4.1-f2ab3efe27-ab0355efba.zip/node_modules/babel-plugin-polyfill-regenerator/",\
           "packageDependencies": [\
-            ["babel-plugin-polyfill-regenerator", "virtual:9d2d127485a6c6055d4690955e2578281966574eed210a72975fce05580a7285cab225d0474911a5bce09b1b00184be4d445948c13e8c4a538e8edb264654f4b#npm:0.4.1"],\
-            ["@babel/core", "npm:7.20.12"],\
-            ["@babel/helper-define-polyfill-provider", "virtual:51ef6a177b679d8dbf510ef53fe0b355f79450933d53782574ea9d4843ac839221b0a8736505d6d91072207fed1a3cb2e1d86a9de8a1f767c6fc471a646bb188#npm:0.3.3"],\
+            ["babel-plugin-polyfill-regenerator", "virtual:c7aec9f42518cef0c0d40cd3b9748677d8fc0f6842e75ec6b770d0e25ad7840aa4a5a9280ae8ba891ebebb799b0aa5dc685907eed5492369fd222480d3cba6ab#npm:0.4.1"],\
+            ["@babel/core", null],\
+            ["@babel/helper-define-polyfill-provider", "virtual:6334eb1f7d596a98a4005c1419e8453e576dc9542a5a41fac82ffcf43e5c4a421d1d42c5f1bd856ad8d366b74c239d2a96e4ead001dfe93f18ca4632fd52d2b0#npm:0.3.3"],\
             ["@types/babel__core", null]\
           ],\
           "packagePeers": [\
@@ -20475,6 +20773,15 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           "linkType": "HARD"\
         }]\
       ]],\
+      ["classnames", [\
+        ["npm:2.3.2", {\
+          "packageLocation": "./.yarn/cache/classnames-npm-2.3.2-d2fdae468d-2c62199789.zip/node_modules/classnames/",\
+          "packageDependencies": [\
+            ["classnames", "npm:2.3.2"]\
+          ],\
+          "linkType": "HARD"\
+        }]\
+      ]],\
       ["clean-css", [\
         ["npm:4.2.4", {\
           "packageLocation": "./.yarn/cache/clean-css-npm-4.2.4-5d1d0f2f9b-045ff6fcf4.zip/node_modules/clean-css/",\
@@ -21381,10 +21688,10 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           ],\
           "linkType": "HARD"\
         }],\
-        ["virtual:ab95570ecb5e56351a67db0cd38dd92a78e81ab4e36d55981d09139cc1e46ae6b7e320de148e2bef3a97fe7cf008f084dffa159c7789cdeed343d16f768f9667#npm:4.3.4", {\
-          "packageLocation": "./.yarn/__virtual__/debug-virtual-cde43dfd47/0/cache/debug-npm-4.3.4-4513954577-3dbad3f94e.zip/node_modules/debug/",\
+        ["virtual:b08b10f9ef6b44cb622b46c0aa5b55a67d6fc9985e45c3549a6db474bd475d156db5b35e9ada7e31d0c3b94d4563c91a95e1859babe6b751a2e691f7f65e21c4#npm:4.3.4", {\
+          "packageLocation": "./.yarn/__virtual__/debug-virtual-2416980da9/0/cache/debug-npm-4.3.4-4513954577-3dbad3f94e.zip/node_modules/debug/",\
           "packageDependencies": [\
-            ["debug", "virtual:ab95570ecb5e56351a67db0cd38dd92a78e81ab4e36d55981d09139cc1e46ae6b7e320de148e2bef3a97fe7cf008f084dffa159c7789cdeed343d16f768f9667#npm:4.3.4"],\
+            ["debug", "virtual:b08b10f9ef6b44cb622b46c0aa5b55a67d6fc9985e45c3549a6db474bd475d156db5b35e9ada7e31d0c3b94d4563c91a95e1859babe6b751a2e691f7f65e21c4#npm:4.3.4"],\
             ["@types/supports-color", null],\
             ["ms", "npm:2.1.2"],\
             ["supports-color", "npm:7.2.0"]\
@@ -23067,7 +23374,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["ethereumjs-util", "npm:5.2.1"],\
             ["json-rpc-engine", "npm:5.4.0"],\
             ["json-stable-stringify", "npm:1.0.2"],\
-            ["node-fetch", "virtual:1811160047d7e0f7e43f371e07920c11204416dd6ae0b8461e04538b2f68e9167aca28b60b34dbd287674a5cdd52bd05be5797bbe2f7de916231958cb58055fb#npm:2.6.9"],\
+            ["node-fetch", "virtual:61603cf34c5b8986ec923b06f4e325301522f730e5d957d7af482457afba85b95019896d972cd5e9c35aa7e09b94d800af1b8fe7e62d13e3c7e7ebdfe8c78ba9#npm:2.6.9"],\
             ["pify", "npm:3.0.0"],\
             ["safe-event-emitter", "npm:1.0.1"]\
           ],\
@@ -25999,7 +26306,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           "packageLocation": "./.yarn/cache/isomorphic-fetch-npm-3.0.0-bce711adff-e5ab79a56c.zip/node_modules/isomorphic-fetch/",\
           "packageDependencies": [\
             ["isomorphic-fetch", "npm:3.0.0"],\
-            ["node-fetch", "virtual:1811160047d7e0f7e43f371e07920c11204416dd6ae0b8461e04538b2f68e9167aca28b60b34dbd287674a5cdd52bd05be5797bbe2f7de916231958cb58055fb#npm:2.6.9"],\
+            ["node-fetch", "virtual:61603cf34c5b8986ec923b06f4e325301522f730e5d957d7af482457afba85b95019896d972cd5e9c35aa7e09b94d800af1b8fe7e62d13e3c7e7ebdfe8c78ba9#npm:2.6.9"],\
             ["whatwg-fetch", "npm:3.6.2"]\
           ],\
           "linkType": "HARD"\
@@ -26019,7 +26326,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           "packageLocation": "./.yarn/cache/isomorphic-unfetch-npm-3.1.0-001a51c96c-82b92fe4ec.zip/node_modules/isomorphic-unfetch/",\
           "packageDependencies": [\
             ["isomorphic-unfetch", "npm:3.1.0"],\
-            ["node-fetch", "virtual:1811160047d7e0f7e43f371e07920c11204416dd6ae0b8461e04538b2f68e9167aca28b60b34dbd287674a5cdd52bd05be5797bbe2f7de916231958cb58055fb#npm:2.6.9"],\
+            ["node-fetch", "virtual:61603cf34c5b8986ec923b06f4e325301522f730e5d957d7af482457afba85b95019896d972cd5e9c35aa7e09b94d800af1b8fe7e62d13e3c7e7ebdfe8c78ba9#npm:2.6.9"],\
             ["unfetch", "npm:4.2.0"]\
           ],\
           "linkType": "HARD"\
@@ -28503,10 +28810,10 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           ],\
           "linkType": "SOFT"\
         }],\
-        ["virtual:1811160047d7e0f7e43f371e07920c11204416dd6ae0b8461e04538b2f68e9167aca28b60b34dbd287674a5cdd52bd05be5797bbe2f7de916231958cb58055fb#npm:2.6.9", {\
-          "packageLocation": "./.yarn/__virtual__/node-fetch-virtual-8dc7938f5c/0/cache/node-fetch-npm-2.6.9-9fc9a54529-acb04f9ce7.zip/node_modules/node-fetch/",\
+        ["virtual:61603cf34c5b8986ec923b06f4e325301522f730e5d957d7af482457afba85b95019896d972cd5e9c35aa7e09b94d800af1b8fe7e62d13e3c7e7ebdfe8c78ba9#npm:2.6.9", {\
+          "packageLocation": "./.yarn/__virtual__/node-fetch-virtual-3ab041d261/0/cache/node-fetch-npm-2.6.9-9fc9a54529-acb04f9ce7.zip/node_modules/node-fetch/",\
           "packageDependencies": [\
-            ["node-fetch", "virtual:1811160047d7e0f7e43f371e07920c11204416dd6ae0b8461e04538b2f68e9167aca28b60b34dbd287674a5cdd52bd05be5797bbe2f7de916231958cb58055fb#npm:2.6.9"],\
+            ["node-fetch", "virtual:61603cf34c5b8986ec923b06f4e325301522f730e5d957d7af482457afba85b95019896d972cd5e9c35aa7e09b94d800af1b8fe7e62d13e3c7e7ebdfe8c78ba9#npm:2.6.9"],\
             ["@types/encoding", null],\
             ["encoding", null],\
             ["whatwg-url", "npm:5.0.0"]\
@@ -30105,6 +30412,13 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["proxy-compare", "npm:2.4.0"]\
           ],\
           "linkType": "HARD"\
+        }],\
+        ["npm:2.5.0", {\
+          "packageLocation": "./.yarn/cache/proxy-compare-npm-2.5.0-2b8871e29d-81ef2a3990.zip/node_modules/proxy-compare/",\
+          "packageDependencies": [\
+            ["proxy-compare", "npm:2.5.0"]\
+          ],\
+          "linkType": "HARD"\
         }]\
       ]],\
       ["prr", [\
@@ -30543,6 +30857,21 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           ],\
           "linkType": "HARD"\
         }],\
+        ["virtual:8ab777df5b42e6214e907d3aa18e49fc42882b2d051cbc37cca2fcc0e6546c71784a22264e272321de287afe3741f275b28bbbc664cfa325935b33f2991a4aab#npm:18.2.0", {\
+          "packageLocation": "./.yarn/__virtual__/react-dom-virtual-c01eeab5cf/0/cache/react-dom-npm-18.2.0-dd675bca1c-7d323310be.zip/node_modules/react-dom/",\
+          "packageDependencies": [\
+            ["react-dom", "virtual:8ab777df5b42e6214e907d3aa18e49fc42882b2d051cbc37cca2fcc0e6546c71784a22264e272321de287afe3741f275b28bbbc664cfa325935b33f2991a4aab#npm:18.2.0"],\
+            ["@types/react", null],\
+            ["loose-envify", "npm:1.4.0"],\
+            ["react", "npm:17.0.2"],\
+            ["scheduler", "npm:0.23.0"]\
+          ],\
+          "packagePeers": [\
+            "@types/react",\
+            "react"\
+          ],\
+          "linkType": "HARD"\
+        }],\
         ["virtual:8f191641e0cdbd84e4a01ad170addc78a653eb7d13970d70246cdf4fc7af71c72aeec720060e6c99ced82e4f2806f7b8a3f121e32b5c16b21c5c6088ca42bdc1#npm:17.0.2", {\
           "packageLocation": "./.yarn/__virtual__/react-dom-virtual-266bcb0d26/0/cache/react-dom-npm-17.0.2-f551215af1-1c1eaa3bca.zip/node_modules/react-dom/",\
           "packageDependencies": [\
@@ -30558,6 +30887,22 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             "react"\
           ],\
           "linkType": "HARD"\
+        }],\
+        ["virtual:de90b27c3b2c23811fa58e9e481ffc1d1f28786d8f5f46be8505b189806b923d37bce9a4162a27463b6bcd006afdcfd150ccadd29a859b5f01a970f539f14bcf#npm:17.0.2", {\
+          "packageLocation": "./.yarn/__virtual__/react-dom-virtual-9a5bc04805/0/cache/react-dom-npm-17.0.2-f551215af1-1c1eaa3bca.zip/node_modules/react-dom/",\
+          "packageDependencies": [\
+            ["react-dom", "virtual:de90b27c3b2c23811fa58e9e481ffc1d1f28786d8f5f46be8505b189806b923d37bce9a4162a27463b6bcd006afdcfd150ccadd29a859b5f01a970f539f14bcf#npm:17.0.2"],\
+            ["@types/react", null],\
+            ["loose-envify", "npm:1.4.0"],\
+            ["object-assign", "npm:4.1.1"],\
+            ["react", "npm:17.0.2"],\
+            ["scheduler", "npm:0.20.2"]\
+          ],\
+          "packagePeers": [\
+            "@types/react",\
+            "react"\
+          ],\
+          "linkType": "HARD"\
         }]\
       ]],\
       ["react-element-to-jsx-string", [\
@@ -30677,6 +31022,24 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           ],\
           "linkType": "SOFT"\
         }],\
+        ["virtual:a6c595a58bc0cd5d404a0a4a9644cfc76a269809e7a73c66775bdb8951a437c74d5b7a9cdcdddaf9a40fc224e93fb85972154ac4e8b9ffd8989eab0be9847a30#npm:2.5.4", {\
+          "packageLocation": "./.yarn/__virtual__/react-remove-scroll-virtual-9079731e8b/0/cache/react-remove-scroll-npm-2.5.4-4f98bf8db3-01b0f65542.zip/node_modules/react-remove-scroll/",\
+          "packageDependencies": [\
+            ["react-remove-scroll", "virtual:a6c595a58bc0cd5d404a0a4a9644cfc76a269809e7a73c66775bdb8951a437c74d5b7a9cdcdddaf9a40fc224e93fb85972154ac4e8b9ffd8989eab0be9847a30#npm:2.5.4"],\
+            ["@types/react", null],\
+            ["react", "npm:17.0.2"],\
+            ["react-remove-scroll-bar", "virtual:9079731e8b73fb29598fc38d340cf81e1397a292b4c0f3903da042545b73a9ca17f6283028da974f0da2abe6376a8f8a746d8699ef452ab274dacb8af99f58ae#npm:2.3.4"],\
+            ["react-style-singleton", "virtual:9079731e8b73fb29598fc38d340cf81e1397a292b4c0f3903da042545b73a9ca17f6283028da974f0da2abe6376a8f8a746d8699ef452ab274dacb8af99f58ae#npm:2.2.1"],\
+            ["tslib", "npm:2.5.0"],\
+            ["use-callback-ref", "virtual:9079731e8b73fb29598fc38d340cf81e1397a292b4c0f3903da042545b73a9ca17f6283028da974f0da2abe6376a8f8a746d8699ef452ab274dacb8af99f58ae#npm:1.3.0"],\
+            ["use-sidecar", "virtual:9079731e8b73fb29598fc38d340cf81e1397a292b4c0f3903da042545b73a9ca17f6283028da974f0da2abe6376a8f8a746d8699ef452ab274dacb8af99f58ae#npm:1.1.2"]\
+          ],\
+          "packagePeers": [\
+            "@types/react",\
+            "react"\
+          ],\
+          "linkType": "HARD"\
+        }],\
         ["virtual:bf3772c477da077133db3eaa4c28e7349f8c2e3ee53af8c0640ba38490f2a31d047e0b232d9aa3e3d1993515bdc3c389181afdc6411e8b2fa92c2ff593d7a155#npm:2.5.4", {\
           "packageLocation": "./.yarn/__virtual__/react-remove-scroll-virtual-e6abb7e431/0/cache/react-remove-scroll-npm-2.5.4-4f98bf8db3-01b0f65542.zip/node_modules/react-remove-scroll/",\
           "packageDependencies": [\
@@ -30704,6 +31067,21 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           ],\
           "linkType": "SOFT"\
         }],\
+        ["virtual:9079731e8b73fb29598fc38d340cf81e1397a292b4c0f3903da042545b73a9ca17f6283028da974f0da2abe6376a8f8a746d8699ef452ab274dacb8af99f58ae#npm:2.3.4", {\
+          "packageLocation": "./.yarn/__virtual__/react-remove-scroll-bar-virtual-b6b800e2e6/0/cache/react-remove-scroll-bar-npm-2.3.4-7d25bbed45-b5ce5f2f98.zip/node_modules/react-remove-scroll-bar/",\
+          "packageDependencies": [\
+            ["react-remove-scroll-bar", "virtual:9079731e8b73fb29598fc38d340cf81e1397a292b4c0f3903da042545b73a9ca17f6283028da974f0da2abe6376a8f8a746d8699ef452ab274dacb8af99f58ae#npm:2.3.4"],\
+            ["@types/react", null],\
+            ["react", "npm:17.0.2"],\
+            ["react-style-singleton", "virtual:9079731e8b73fb29598fc38d340cf81e1397a292b4c0f3903da042545b73a9ca17f6283028da974f0da2abe6376a8f8a746d8699ef452ab274dacb8af99f58ae#npm:2.2.1"],\
+            ["tslib", "npm:2.5.0"]\
+          ],\
+          "packagePeers": [\
+            "@types/react",\
+            "react"\
+          ],\
+          "linkType": "HARD"\
+        }],\
         ["virtual:e6abb7e43183a55374f6e17a322aeeb101dab34e582d1a19d47387729a6564c36440f5c909cee92bfd75076f8a7cc159b73abf27cd1d81b96607739e1f425844#npm:2.3.4", {\
           "packageLocation": "./.yarn/__virtual__/react-remove-scroll-bar-virtual-90d9449950/0/cache/react-remove-scroll-bar-npm-2.3.4-7d25bbed45-b5ce5f2f98.zip/node_modules/react-remove-scroll-bar/",\
           "packageDependencies": [\
@@ -30728,6 +31106,13 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           ],\
           "linkType": "SOFT"\
         }],\
+        ["npm:6.8.2", {\
+          "packageLocation": "./.yarn/cache/react-router-npm-6.8.2-48f13a628a-9e98d03e1f.zip/node_modules/react-router/",\
+          "packageDependencies": [\
+            ["react-router", "npm:6.8.2"]\
+          ],\
+          "linkType": "SOFT"\
+        }],\
         ["virtual:0ecd0420b79d7b9f7f980ace1e6e657c31f58e56cb623a783cb6a66aa74451c3216e78a7650a740f6440bfdb995afb4447a91be269da91e3a8ec823e610bf7c2#npm:6.8.0", {\
           "packageLocation": "./.yarn/__virtual__/react-router-virtual-eae6efc981/0/cache/react-router-npm-6.8.0-180e3c23c7-6e258c47f6.zip/node_modules/react-router/",\
           "packageDependencies": [\
@@ -30741,6 +31126,20 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             "react"\
           ],\
           "linkType": "HARD"\
+        }],\
+        ["virtual:de90b27c3b2c23811fa58e9e481ffc1d1f28786d8f5f46be8505b189806b923d37bce9a4162a27463b6bcd006afdcfd150ccadd29a859b5f01a970f539f14bcf#npm:6.8.2", {\
+          "packageLocation": "./.yarn/__virtual__/react-router-virtual-f0bb9a4ea6/0/cache/react-router-npm-6.8.2-48f13a628a-9e98d03e1f.zip/node_modules/react-router/",\
+          "packageDependencies": [\
+            ["react-router", "virtual:de90b27c3b2c23811fa58e9e481ffc1d1f28786d8f5f46be8505b189806b923d37bce9a4162a27463b6bcd006afdcfd150ccadd29a859b5f01a970f539f14bcf#npm:6.8.2"],\
+            ["@remix-run/router", "npm:1.3.3"],\
+            ["@types/react", null],\
+            ["react", "npm:17.0.2"]\
+          ],\
+          "packagePeers": [\
+            "@types/react",\
+            "react"\
+          ],\
+          "linkType": "HARD"\
         }]\
       ]],\
       ["react-router-dom", [\
@@ -30751,6 +31150,13 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           ],\
           "linkType": "SOFT"\
         }],\
+        ["npm:6.8.2", {\
+          "packageLocation": "./.yarn/cache/react-router-dom-npm-6.8.2-9aed31c3b9-eddc8b88e2.zip/node_modules/react-router-dom/",\
+          "packageDependencies": [\
+            ["react-router-dom", "npm:6.8.2"]\
+          ],\
+          "linkType": "SOFT"\
+        }],\
         ["virtual:8f191641e0cdbd84e4a01ad170addc78a653eb7d13970d70246cdf4fc7af71c72aeec720060e6c99ced82e4f2806f7b8a3f121e32b5c16b21c5c6088ca42bdc1#npm:6.8.0", {\
           "packageLocation": "./.yarn/__virtual__/react-router-dom-virtual-0ecd0420b7/0/cache/react-router-dom-npm-6.8.0-ab0767e76f-a104190232.zip/node_modules/react-router-dom/",\
           "packageDependencies": [\
@@ -30769,6 +31175,25 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             "react"\
           ],\
           "linkType": "HARD"\
+        }],\
+        ["virtual:de90b27c3b2c23811fa58e9e481ffc1d1f28786d8f5f46be8505b189806b923d37bce9a4162a27463b6bcd006afdcfd150ccadd29a859b5f01a970f539f14bcf#npm:6.8.2", {\
+          "packageLocation": "./.yarn/__virtual__/react-router-dom-virtual-1f6caf9bd6/0/cache/react-router-dom-npm-6.8.2-9aed31c3b9-eddc8b88e2.zip/node_modules/react-router-dom/",\
+          "packageDependencies": [\
+            ["react-router-dom", "virtual:de90b27c3b2c23811fa58e9e481ffc1d1f28786d8f5f46be8505b189806b923d37bce9a4162a27463b6bcd006afdcfd150ccadd29a859b5f01a970f539f14bcf#npm:6.8.2"],\
+            ["@remix-run/router", "npm:1.3.3"],\
+            ["@types/react", null],\
+            ["@types/react-dom", null],\
+            ["react", "npm:17.0.2"],\
+            ["react-dom", "virtual:de90b27c3b2c23811fa58e9e481ffc1d1f28786d8f5f46be8505b189806b923d37bce9a4162a27463b6bcd006afdcfd150ccadd29a859b5f01a970f539f14bcf#npm:17.0.2"],\
+            ["react-router", "virtual:de90b27c3b2c23811fa58e9e481ffc1d1f28786d8f5f46be8505b189806b923d37bce9a4162a27463b6bcd006afdcfd150ccadd29a859b5f01a970f539f14bcf#npm:6.8.2"]\
+          ],\
+          "packagePeers": [\
+            "@types/react-dom",\
+            "@types/react",\
+            "react-dom",\
+            "react"\
+          ],\
+          "linkType": "HARD"\
         }]\
       ]],\
       ["react-style-singleton", [\
@@ -30779,6 +31204,22 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           ],\
           "linkType": "SOFT"\
         }],\
+        ["virtual:9079731e8b73fb29598fc38d340cf81e1397a292b4c0f3903da042545b73a9ca17f6283028da974f0da2abe6376a8f8a746d8699ef452ab274dacb8af99f58ae#npm:2.2.1", {\
+          "packageLocation": "./.yarn/__virtual__/react-style-singleton-virtual-ce6250b637/0/cache/react-style-singleton-npm-2.2.1-e45b97b153-7ee8ef3aab.zip/node_modules/react-style-singleton/",\
+          "packageDependencies": [\
+            ["react-style-singleton", "virtual:9079731e8b73fb29598fc38d340cf81e1397a292b4c0f3903da042545b73a9ca17f6283028da974f0da2abe6376a8f8a746d8699ef452ab274dacb8af99f58ae#npm:2.2.1"],\
+            ["@types/react", null],\
+            ["get-nonce", "npm:1.0.1"],\
+            ["invariant", "npm:2.2.4"],\
+            ["react", "npm:17.0.2"],\
+            ["tslib", "npm:2.5.0"]\
+          ],\
+          "packagePeers": [\
+            "@types/react",\
+            "react"\
+          ],\
+          "linkType": "HARD"\
+        }],\
         ["virtual:e6abb7e43183a55374f6e17a322aeeb101dab34e582d1a19d47387729a6564c36440f5c909cee92bfd75076f8a7cc159b73abf27cd1d81b96607739e1f425844#npm:2.2.1", {\
           "packageLocation": "./.yarn/__virtual__/react-style-singleton-virtual-315c0ce1e7/0/cache/react-style-singleton-npm-2.2.1-e45b97b153-7ee8ef3aab.zip/node_modules/react-style-singleton/",\
           "packageDependencies": [\
@@ -31569,6 +32010,16 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["source-map-js", "npm:1.0.2"]\
           ],\
           "linkType": "HARD"\
+        }],\
+        ["npm:1.58.3", {\
+          "packageLocation": "./.yarn/cache/sass-npm-1.58.3-8afd137ed0-35a2b98c03.zip/node_modules/sass/",\
+          "packageDependencies": [\
+            ["sass", "npm:1.58.3"],\
+            ["chokidar", "npm:3.5.3"],\
+            ["immutable", "npm:4.2.2"],\
+            ["source-map-js", "npm:1.0.2"]\
+          ],\
+          "linkType": "HARD"\
         }]\
       ]],\
       ["sax", [\
@@ -32252,16 +32703,16 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
       ]],\
       ["sqlite3", [\
         ["npm:5.1.4", {\
-          "packageLocation": "./.yarn/unplugged/sqlite3-virtual-ad1b05642a/node_modules/sqlite3/",\
+          "packageLocation": "./.yarn/unplugged/sqlite3-virtual-690b83b495/node_modules/sqlite3/",\
           "packageDependencies": [\
             ["sqlite3", "npm:5.1.4"]\
           ],\
           "linkType": "SOFT"\
         }],\
-        ["virtual:a0db642c9bc4c55592bf0729e4ee5107de76cd28d7bcb7f5bc443ce305a6eb440d99be5d25afe4058477f099a9b3ee0f702a94d05f6e55a6c41613100c1c0f32#npm:5.1.4", {\
-          "packageLocation": "./.yarn/unplugged/sqlite3-virtual-ad1b05642a/node_modules/sqlite3/",\
+        ["virtual:601d7e516bce35ed74c975ccecffd0f96d61a701b2d984d7b9b8f2404410306add3c1ccb393a168217d40de34c506816d1520865b52306b05e0970db2dda3cca#npm:5.1.4", {\
+          "packageLocation": "./.yarn/unplugged/sqlite3-virtual-690b83b495/node_modules/sqlite3/",\
           "packageDependencies": [\
-            ["sqlite3", "virtual:a0db642c9bc4c55592bf0729e4ee5107de76cd28d7bcb7f5bc443ce305a6eb440d99be5d25afe4058477f099a9b3ee0f702a94d05f6e55a6c41613100c1c0f32#npm:5.1.4"],\
+            ["sqlite3", "virtual:601d7e516bce35ed74c975ccecffd0f96d61a701b2d984d7b9b8f2404410306add3c1ccb393a168217d40de34c506816d1520865b52306b05e0970db2dda3cca#npm:5.1.4"],\
             ["@mapbox/node-pre-gyp", "npm:1.0.10"],\
             ["@types/node-gyp", null],\
             ["node-addon-api", "npm:4.3.0"],\
@@ -32713,6 +33164,13 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           ],\
           "linkType": "SOFT"\
         }],\
+        ["npm:3.3.1", {\
+          "packageLocation": "./.yarn/cache/style-loader-npm-3.3.1-4bbb6ec77f-470feef680.zip/node_modules/style-loader/",\
+          "packageDependencies": [\
+            ["style-loader", "npm:3.3.1"]\
+          ],\
+          "linkType": "SOFT"\
+        }],\
         ["virtual:6aea27df32bb77181d6f1336018732e506966b9a267fe990cc3c2f5b686a50b8509af4374e41b60bfb2239d9e8d39b53cf85da44cc5d4b32597d864cb16b4746#npm:1.3.0", {\
           "packageLocation": "./.yarn/__virtual__/style-loader-virtual-fdc4ef34d9/0/cache/style-loader-npm-1.3.0-2047b33843-1be9e87053.zip/node_modules/style-loader/",\
           "packageDependencies": [\
@@ -32727,6 +33185,19 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             "webpack"\
           ],\
           "linkType": "HARD"\
+        }],\
+        ["virtual:de90b27c3b2c23811fa58e9e481ffc1d1f28786d8f5f46be8505b189806b923d37bce9a4162a27463b6bcd006afdcfd150ccadd29a859b5f01a970f539f14bcf#npm:3.3.1", {\
+          "packageLocation": "./.yarn/__virtual__/style-loader-virtual-008bca036b/0/cache/style-loader-npm-3.3.1-4bbb6ec77f-470feef680.zip/node_modules/style-loader/",\
+          "packageDependencies": [\
+            ["style-loader", "virtual:de90b27c3b2c23811fa58e9e481ffc1d1f28786d8f5f46be8505b189806b923d37bce9a4162a27463b6bcd006afdcfd150ccadd29a859b5f01a970f539f14bcf#npm:3.3.1"],\
+            ["@types/webpack", null],\
+            ["webpack", null]\
+          ],\
+          "packagePeers": [\
+            "@types/webpack",\
+            "webpack"\
+          ],\
+          "linkType": "HARD"\
         }]\
       ]],\
       ["style-to-object", [\
@@ -33640,10 +34111,10 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           ],\
           "linkType": "SOFT"\
         }],\
-        ["virtual:a0db642c9bc4c55592bf0729e4ee5107de76cd28d7bcb7f5bc443ce305a6eb440d99be5d25afe4058477f099a9b3ee0f702a94d05f6e55a6c41613100c1c0f32#npm:0.3.11", {\
-          "packageLocation": "./.yarn/__virtual__/typeorm-virtual-84b9746296/0/cache/typeorm-npm-0.3.11-7d658f34a6-25aaeb50cf.zip/node_modules/typeorm/",\
+        ["virtual:601d7e516bce35ed74c975ccecffd0f96d61a701b2d984d7b9b8f2404410306add3c1ccb393a168217d40de34c506816d1520865b52306b05e0970db2dda3cca#npm:0.3.11", {\
+          "packageLocation": "./.yarn/__virtual__/typeorm-virtual-3f822eb264/0/cache/typeorm-npm-0.3.11-7d658f34a6-25aaeb50cf.zip/node_modules/typeorm/",\
           "packageDependencies": [\
-            ["typeorm", "virtual:a0db642c9bc4c55592bf0729e4ee5107de76cd28d7bcb7f5bc443ce305a6eb440d99be5d25afe4058477f099a9b3ee0f702a94d05f6e55a6c41613100c1c0f32#npm:0.3.11"],\
+            ["typeorm", "virtual:601d7e516bce35ed74c975ccecffd0f96d61a701b2d984d7b9b8f2404410306add3c1ccb393a168217d40de34c506816d1520865b52306b05e0970db2dda3cca#npm:0.3.11"],\
             ["@google-cloud/spanner", null],\
             ["@sap/hana-client", null],\
             ["@sqltools/formatter", "npm:1.2.5"],\
@@ -33688,7 +34159,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["reflect-metadata", "npm:0.1.13"],\
             ["sha.js", "npm:2.4.11"],\
             ["sql.js", null],\
-            ["sqlite3", "virtual:a0db642c9bc4c55592bf0729e4ee5107de76cd28d7bcb7f5bc443ce305a6eb440d99be5d25afe4058477f099a9b3ee0f702a94d05f6e55a6c41613100c1c0f32#npm:5.1.4"],\
+            ["sqlite3", "virtual:601d7e516bce35ed74c975ccecffd0f96d61a701b2d984d7b9b8f2404410306add3c1ccb393a168217d40de34c506816d1520865b52306b05e0970db2dda3cca#npm:5.1.4"],\
             ["ts-node", null],\
             ["tslib", "npm:2.5.0"],\
             ["typeorm-aurora-data-api-driver", null],\
@@ -34182,6 +34653,20 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           ],\
           "linkType": "SOFT"\
         }],\
+        ["virtual:9079731e8b73fb29598fc38d340cf81e1397a292b4c0f3903da042545b73a9ca17f6283028da974f0da2abe6376a8f8a746d8699ef452ab274dacb8af99f58ae#npm:1.3.0", {\
+          "packageLocation": "./.yarn/__virtual__/use-callback-ref-virtual-4a0026a337/0/cache/use-callback-ref-npm-1.3.0-6c0773783f-7913df383a.zip/node_modules/use-callback-ref/",\
+          "packageDependencies": [\
+            ["use-callback-ref", "virtual:9079731e8b73fb29598fc38d340cf81e1397a292b4c0f3903da042545b73a9ca17f6283028da974f0da2abe6376a8f8a746d8699ef452ab274dacb8af99f58ae#npm:1.3.0"],\
+            ["@types/react", null],\
+            ["react", "npm:17.0.2"],\
+            ["tslib", "npm:2.5.0"]\
+          ],\
+          "packagePeers": [\
+            "@types/react",\
+            "react"\
+          ],\
+          "linkType": "HARD"\
+        }],\
         ["virtual:e6abb7e43183a55374f6e17a322aeeb101dab34e582d1a19d47387729a6564c36440f5c909cee92bfd75076f8a7cc159b73abf27cd1d81b96607739e1f425844#npm:1.3.0", {\
           "packageLocation": "./.yarn/__virtual__/use-callback-ref-virtual-012bf9e383/0/cache/use-callback-ref-npm-1.3.0-6c0773783f-7913df383a.zip/node_modules/use-callback-ref/",\
           "packageDependencies": [\
@@ -34205,6 +34690,21 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           ],\
           "linkType": "SOFT"\
         }],\
+        ["virtual:9079731e8b73fb29598fc38d340cf81e1397a292b4c0f3903da042545b73a9ca17f6283028da974f0da2abe6376a8f8a746d8699ef452ab274dacb8af99f58ae#npm:1.1.2", {\
+          "packageLocation": "./.yarn/__virtual__/use-sidecar-virtual-b5b6406a2b/0/cache/use-sidecar-npm-1.1.2-dfc322e94a-925d1922f9.zip/node_modules/use-sidecar/",\
+          "packageDependencies": [\
+            ["use-sidecar", "virtual:9079731e8b73fb29598fc38d340cf81e1397a292b4c0f3903da042545b73a9ca17f6283028da974f0da2abe6376a8f8a746d8699ef452ab274dacb8af99f58ae#npm:1.1.2"],\
+            ["@types/react", null],\
+            ["detect-node-es", "npm:1.1.0"],\
+            ["react", "npm:17.0.2"],\
+            ["tslib", "npm:2.5.0"]\
+          ],\
+          "packagePeers": [\
+            "@types/react",\
+            "react"\
+          ],\
+          "linkType": "HARD"\
+        }],\
         ["virtual:e6abb7e43183a55374f6e17a322aeeb101dab34e582d1a19d47387729a6564c36440f5c909cee92bfd75076f8a7cc159b73abf27cd1d81b96607739e1f425844#npm:1.1.2", {\
           "packageLocation": "./.yarn/__virtual__/use-sidecar-virtual-7b23587697/0/cache/use-sidecar-npm-1.1.2-dfc322e94a-925d1922f9.zip/node_modules/use-sidecar/",\
           "packageDependencies": [\
@@ -34229,12 +34729,12 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           ],\
           "linkType": "SOFT"\
         }],\
-        ["virtual:610f9d13f78ca9194f92146ee16dc0c69bfb4b5bdfe717a100dfccf522acd59fb8f3e12111c9623aed74e5ac480388842d0f8ac9e4ad3f58c9b357aad0bc5b6e#npm:1.2.0", {\
-          "packageLocation": "./.yarn/__virtual__/use-sync-external-store-virtual-12114fa2f3/0/cache/use-sync-external-store-npm-1.2.0-44f75d2564-5c639e0f8d.zip/node_modules/use-sync-external-store/",\
+        ["virtual:6cb09374d2b90fffe420e4abf816eb39d562d92eb9df924d6fc0228c803c3fd76147728e70c57358bbaf0b9df88bf99fb5ec2d9df7fa3f96405438af8a31b1ab#npm:1.2.0", {\
+          "packageLocation": "./.yarn/__virtual__/use-sync-external-store-virtual-0e1cfd733f/0/cache/use-sync-external-store-npm-1.2.0-44f75d2564-5c639e0f8d.zip/node_modules/use-sync-external-store/",\
           "packageDependencies": [\
-            ["use-sync-external-store", "virtual:610f9d13f78ca9194f92146ee16dc0c69bfb4b5bdfe717a100dfccf522acd59fb8f3e12111c9623aed74e5ac480388842d0f8ac9e4ad3f58c9b357aad0bc5b6e#npm:1.2.0"],\
-            ["@types/react", null],\
-            ["react", null]\
+            ["use-sync-external-store", "virtual:6cb09374d2b90fffe420e4abf816eb39d562d92eb9df924d6fc0228c803c3fd76147728e70c57358bbaf0b9df88bf99fb5ec2d9df7fa3f96405438af8a31b1ab#npm:1.2.0"],\
+            ["@types/react", "npm:17.0.53"],\
+            ["react", "npm:17.0.2"]\
           ],\
           "packagePeers": [\
             "@types/react",\
@@ -34242,11 +34742,11 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           ],\
           "linkType": "HARD"\
         }],\
-        ["virtual:6cb09374d2b90fffe420e4abf816eb39d562d92eb9df924d6fc0228c803c3fd76147728e70c57358bbaf0b9df88bf99fb5ec2d9df7fa3f96405438af8a31b1ab#npm:1.2.0", {\
-          "packageLocation": "./.yarn/__virtual__/use-sync-external-store-virtual-0e1cfd733f/0/cache/use-sync-external-store-npm-1.2.0-44f75d2564-5c639e0f8d.zip/node_modules/use-sync-external-store/",\
+        ["virtual:8ab777df5b42e6214e907d3aa18e49fc42882b2d051cbc37cca2fcc0e6546c71784a22264e272321de287afe3741f275b28bbbc664cfa325935b33f2991a4aab#npm:1.2.0", {\
+          "packageLocation": "./.yarn/__virtual__/use-sync-external-store-virtual-dff31810a5/0/cache/use-sync-external-store-npm-1.2.0-44f75d2564-5c639e0f8d.zip/node_modules/use-sync-external-store/",\
           "packageDependencies": [\
-            ["use-sync-external-store", "virtual:6cb09374d2b90fffe420e4abf816eb39d562d92eb9df924d6fc0228c803c3fd76147728e70c57358bbaf0b9df88bf99fb5ec2d9df7fa3f96405438af8a31b1ab#npm:1.2.0"],\
-            ["@types/react", "npm:17.0.53"],\
+            ["use-sync-external-store", "virtual:8ab777df5b42e6214e907d3aa18e49fc42882b2d051cbc37cca2fcc0e6546c71784a22264e272321de287afe3741f275b28bbbc664cfa325935b33f2991a4aab#npm:1.2.0"],\
+            ["@types/react", null],\
             ["react", "npm:17.0.2"]\
           ],\
           "packagePeers": [\
@@ -34254,6 +34754,19 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             "react"\
           ],\
           "linkType": "HARD"\
+        }],\
+        ["virtual:9edb289c136fc0147cd5177782b6def3bd1001c11a1887caea0f6738f36f3f133b3aaf80b11acdc409d8aaf4b13299fa901358922452a4fa9e167e29df4026df#npm:1.2.0", {\
+          "packageLocation": "./.yarn/__virtual__/use-sync-external-store-virtual-41c00da3d5/0/cache/use-sync-external-store-npm-1.2.0-44f75d2564-5c639e0f8d.zip/node_modules/use-sync-external-store/",\
+          "packageDependencies": [\
+            ["use-sync-external-store", "virtual:9edb289c136fc0147cd5177782b6def3bd1001c11a1887caea0f6738f36f3f133b3aaf80b11acdc409d8aaf4b13299fa901358922452a4fa9e167e29df4026df#npm:1.2.0"],\
+            ["@types/react", null],\
+            ["react", null]\
+          ],\
+          "packagePeers": [\
+            "@types/react",\
+            "react"\
+          ],\
+          "linkType": "HARD"\
         }]\
       ]],\
       ["utf-8-validate", [\
@@ -34402,6 +34915,13 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
         }]\
       ]],\
       ["valtio", [\
+        ["npm:1.10.2", {\
+          "packageLocation": "./.yarn/cache/valtio-npm-1.10.2-fa464b34da-3fe6b6d5b7.zip/node_modules/valtio/",\
+          "packageDependencies": [\
+            ["valtio", "npm:1.10.2"]\
+          ],\
+          "linkType": "SOFT"\
+        }],\
         ["npm:1.9.0", {\
           "packageLocation": "./.yarn/cache/valtio-npm-1.9.0-ab3ea88df8-baf07b9130.zip/node_modules/valtio/",\
           "packageDependencies": [\
@@ -34409,6 +34929,21 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           ],\
           "linkType": "SOFT"\
         }],\
+        ["virtual:2b132e52bd0250f3b1130350b9c3412384b7759e979468ef79d6a9c7194be03dc49c8abe686ec9c1c076deab905eac9ebe7dab16613148b52101443609061312#npm:1.10.2", {\
+          "packageLocation": "./.yarn/__virtual__/valtio-virtual-9edb289c13/0/cache/valtio-npm-1.10.2-fa464b34da-3fe6b6d5b7.zip/node_modules/valtio/",\
+          "packageDependencies": [\
+            ["valtio", "virtual:2b132e52bd0250f3b1130350b9c3412384b7759e979468ef79d6a9c7194be03dc49c8abe686ec9c1c076deab905eac9ebe7dab16613148b52101443609061312#npm:1.10.2"],\
+            ["@types/react", null],\
+            ["proxy-compare", "npm:2.5.0"],\
+            ["react", null],\
+            ["use-sync-external-store", "virtual:9edb289c136fc0147cd5177782b6def3bd1001c11a1887caea0f6738f36f3f133b3aaf80b11acdc409d8aaf4b13299fa901358922452a4fa9e167e29df4026df#npm:1.2.0"]\
+          ],\
+          "packagePeers": [\
+            "@types/react",\
+            "react"\
+          ],\
+          "linkType": "HARD"\
+        }],\
         ["virtual:6eb7156e1f08b2343ca23bf0e89ecfbf9b6e9b8820249a88b660c8de5c7a65113e5cd31642bda75aa796cbeb2afd8f6a8e7eda03249938987c639fcd3e4c73c0#npm:1.9.0", {\
           "packageLocation": "./.yarn/__virtual__/valtio-virtual-610f9d13f7/0/cache/valtio-npm-1.9.0-ab3ea88df8-baf07b9130.zip/node_modules/valtio/",\
           "packageDependencies": [\
@@ -34416,7 +34951,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             ["@types/react", null],\
             ["proxy-compare", "npm:2.4.0"],\
             ["react", null],\
-            ["use-sync-external-store", "virtual:610f9d13f78ca9194f92146ee16dc0c69bfb4b5bdfe717a100dfccf522acd59fb8f3e12111c9623aed74e5ac480388842d0f8ac9e4ad3f58c9b357aad0bc5b6e#npm:1.2.0"]\
+            ["use-sync-external-store", "virtual:9edb289c136fc0147cd5177782b6def3bd1001c11a1887caea0f6738f36f3f133b3aaf80b11acdc409d8aaf4b13299fa901358922452a4fa9e167e29df4026df#npm:1.2.0"]\
           ],\
           "packagePeers": [\
             "@types/react",\
@@ -34624,6 +35159,13 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           ],\
           "linkType": "SOFT"\
         }],\
+        ["npm:0.11.7", {\
+          "packageLocation": "./.yarn/cache/wagmi-npm-0.11.7-202f018c13-dd275f7e4f.zip/node_modules/wagmi/",\
+          "packageDependencies": [\
+            ["wagmi", "npm:0.11.7"]\
+          ],\
+          "linkType": "SOFT"\
+        }],\
         ["virtual:8f191641e0cdbd84e4a01ad170addc78a653eb7d13970d70246cdf4fc7af71c72aeec720060e6c99ced82e4f2806f7b8a3f121e32b5c16b21c5c6088ca42bdc1#npm:0.11.2", {\
           "packageLocation": "./.yarn/__virtual__/wagmi-virtual-6cb09374d2/0/cache/wagmi-npm-0.11.2-2ee28dd04c-f355f7ecde.zip/node_modules/wagmi/",\
           "packageDependencies": [\
@@ -34651,6 +35193,34 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
             "typescript"\
           ],\
           "linkType": "HARD"\
+        }],\
+        ["virtual:de90b27c3b2c23811fa58e9e481ffc1d1f28786d8f5f46be8505b189806b923d37bce9a4162a27463b6bcd006afdcfd150ccadd29a859b5f01a970f539f14bcf#npm:0.11.7", {\
+          "packageLocation": "./.yarn/__virtual__/wagmi-virtual-8ab777df5b/0/cache/wagmi-npm-0.11.7-202f018c13-dd275f7e4f.zip/node_modules/wagmi/",\
+          "packageDependencies": [\
+            ["wagmi", "virtual:de90b27c3b2c23811fa58e9e481ffc1d1f28786d8f5f46be8505b189806b923d37bce9a4162a27463b6bcd006afdcfd150ccadd29a859b5f01a970f539f14bcf#npm:0.11.7"],\
+            ["@tanstack/query-sync-storage-persister", "npm:4.24.4"],\
+            ["@tanstack/react-query", "virtual:8ab777df5b42e6214e907d3aa18e49fc42882b2d051cbc37cca2fcc0e6546c71784a22264e272321de287afe3741f275b28bbbc664cfa325935b33f2991a4aab#npm:4.24.4"],\
+            ["@tanstack/react-query-persist-client", "virtual:8ab777df5b42e6214e907d3aa18e49fc42882b2d051cbc37cca2fcc0e6546c71784a22264e272321de287afe3741f275b28bbbc664cfa325935b33f2991a4aab#npm:4.24.4"],\
+            ["@types/ethers", null],\
+            ["@types/react", null],\
+            ["@types/typescript", null],\
+            ["@wagmi/core", "virtual:8ab777df5b42e6214e907d3aa18e49fc42882b2d051cbc37cca2fcc0e6546c71784a22264e272321de287afe3741f275b28bbbc664cfa325935b33f2991a4aab#npm:0.9.7"],\
+            ["abitype", "virtual:8ab777df5b42e6214e907d3aa18e49fc42882b2d051cbc37cca2fcc0e6546c71784a22264e272321de287afe3741f275b28bbbc664cfa325935b33f2991a4aab#npm:0.3.0"],\
+            ["ethers", null],\
+            ["react", "npm:17.0.2"],\
+            ["react-dom", "virtual:8ab777df5b42e6214e907d3aa18e49fc42882b2d051cbc37cca2fcc0e6546c71784a22264e272321de287afe3741f275b28bbbc664cfa325935b33f2991a4aab#npm:18.2.0"],\
+            ["typescript", null],\
+            ["use-sync-external-store", "virtual:8ab777df5b42e6214e907d3aa18e49fc42882b2d051cbc37cca2fcc0e6546c71784a22264e272321de287afe3741f275b28bbbc664cfa325935b33f2991a4aab#npm:1.2.0"]\
+          ],\
+          "packagePeers": [\
+            "@types/ethers",\
+            "@types/react",\
+            "@types/typescript",\
+            "ethers",\
+            "react",\
+            "typescript"\
+          ],\
+          "linkType": "HARD"\
         }]\
       ]],\
       ["walker", [\
@@ -35542,7 +36112,8 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           "packageLocation": "./",\
           "packageDependencies": [\
             ["zk.money", "workspace:."],\
-            ["@aztec/sdk", "npm:2.1.81"],\
+            ["@aztec/aztec-ui", "npm:0.1.14"],\
+            ["@aztec/sdk", "npm:2.1.0-testnet.119"],\
             ["@ethersproject/abi", "npm:5.7.0"],\
             ["@ethersproject/abstract-signer", "npm:5.7.0"],\
             ["@ethersproject/contracts", "npm:5.7.0"],\
@@ -35628,15 +36199,15 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           ],\
           "linkType": "SOFT"\
         }],\
-        ["virtual:18d7dda5915109afdc1dec79a0856410ff7f87113495e1bea7193ab2d098c257479e357910aa18004780bbd83e05657809c4cd9d715416c26ba13e3382e8814c#npm:4.3.2", {\
-          "packageLocation": "./.yarn/__virtual__/zustand-virtual-bb0749acb4/0/cache/zustand-npm-4.3.2-99ceed0a38-fc443abf5b.zip/node_modules/zustand/",\
+        ["virtual:39d2a71f509a88d3d47f9784bbcfbc8ed8086b4388629956221398746467e3be2097cff18616ab0a2f9ba90965be3c2813d1a9c6c0fd83e554e4a6d08f506663#npm:4.3.2", {\
+          "packageLocation": "./.yarn/__virtual__/zustand-virtual-e2800bf052/0/cache/zustand-npm-4.3.2-99ceed0a38-fc443abf5b.zip/node_modules/zustand/",\
           "packageDependencies": [\
-            ["zustand", "virtual:18d7dda5915109afdc1dec79a0856410ff7f87113495e1bea7193ab2d098c257479e357910aa18004780bbd83e05657809c4cd9d715416c26ba13e3382e8814c#npm:4.3.2"],\
+            ["zustand", "virtual:39d2a71f509a88d3d47f9784bbcfbc8ed8086b4388629956221398746467e3be2097cff18616ab0a2f9ba90965be3c2813d1a9c6c0fd83e554e4a6d08f506663#npm:4.3.2"],\
             ["@types/immer", null],\
             ["@types/react", null],\
             ["immer", null],\
             ["react", null],\
-            ["use-sync-external-store", "virtual:610f9d13f78ca9194f92146ee16dc0c69bfb4b5bdfe717a100dfccf522acd59fb8f3e12111c9623aed74e5ac480388842d0f8ac9e4ad3f58c9b357aad0bc5b6e#npm:1.2.0"]\
+            ["use-sync-external-store", "virtual:9edb289c136fc0147cd5177782b6def3bd1001c11a1887caea0f6738f36f3f133b3aaf80b11acdc409d8aaf4b13299fa901358922452a4fa9e167e29df4026df#npm:1.2.0"]\
           ],\
           "packagePeers": [\
             "@types/immer",\
diff --git a/package.json b/package.json
index b0d52012..e79ab4a5 100644
--- a/package.json
+++ b/package.json
@@ -7,7 +7,7 @@
   },
   "type": "module",
   "dependencies": {
-    "@aztec/aztec-ui": "^0.1.13",
+    "@aztec/aztec-ui": "^0.1.14",
     "@aztec/sdk": "2.1.0-testnet.119",
     "@rainbow-me/rainbowkit": "^0.8.1",
     "@types/jsan": "^3.1.2",
diff --git a/src/ui-components/components/dropdown/dropdown.module.scss b/src/ui-components/components/dropdown/dropdown.module.scss
deleted file mode 100644
index 18bd40b3..00000000
--- a/src/ui-components/components/dropdown/dropdown.module.scss
+++ /dev/null
@@ -1,68 +0,0 @@
-.dropdownWrapper {
-  position: absolute;
-  top: 60px;
-  right: 0px;
-  border-radius: 10px;
-  display: flex;
-  overflow: hidden;
-  flex-direction: column;
-  gap: 1px;
-  border: 1px solid #ebeaea;
-  background-color: #ebeaea;
-  z-index: 1;
-}
-
-.dropdownOptionBackground {
-  background-color: white;
-}
-
-.dropdownOption {
-  font-size: 14px;
-  padding: 10px 25px;
-  white-space: nowrap;
-  cursor: pointer;
-  font-weight: 600;
-  justify-content: space-between;
-  letter-spacing: 0.5px;
-  display: flex;
-}
-
-.singleOption {
-  text-align: center;
-  align-items: center;
-  justify-content: center;
-}
-
-.dropdownOption.disabled {
-  background-image: initial;
-  cursor: default;
-  background-color: #c4c4c4;
-}
-
-.dropdownOptionBackground:hover {
-  background-color: #ebeaea;
-}
-
-.dropdownOptionBackground.disabled:hover {
-  background-color: white;
-}
-
-.sublabel {
-  text-align: right;
-}
-
-.sublabels {
-  display: flex;
-  flex-direction: row;
-  font-weight: 450;
-}
-
-.feeOption {
-  gap: 5px;
-  display: flex;
-  flex-direction: column;
-}
-
-.label {
-  color: #2f1f49;
-}
diff --git a/src/ui-components/components/dropdown/dropdown.stories.tsx b/src/ui-components/components/dropdown/dropdown.stories.tsx
deleted file mode 100644
index 162295cd..00000000
--- a/src/ui-components/components/dropdown/dropdown.stories.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import centered from '@storybook/addon-centered/react';
-import { ComponentStory, ComponentMeta } from '@storybook/react';
-import { Dropdown } from './dropdown';
-
-export default {
-  title: 'Dropdown',
-  component: Dropdown,
-  decorators: [centered],
-} as ComponentMeta<typeof Dropdown>;
-
-const Template: ComponentStory<typeof Dropdown> = args => <Dropdown {...args} />;
-
-export const Options = Template.bind({});
-Options.args = {};
diff --git a/src/ui-components/components/dropdown/dropdown.tsx b/src/ui-components/components/dropdown/dropdown.tsx
deleted file mode 100644
index d9db768b..00000000
--- a/src/ui-components/components/dropdown/dropdown.tsx
+++ /dev/null
@@ -1,82 +0,0 @@
-// TODO: Move this to UI component once we no longer have issues w hooks
-
-import { useRef } from 'react';
-import { bindStyle } from '../../util/classnames.js';
-import { useOutsideAlerter } from './helpers.js';
-import style from './dropdown.module.scss';
-
-const cx = bindStyle(style);
-
-export enum DropdownType {
-  Simple = 'Simple',
-  Fees = 'Fees',
-}
-
-interface DropdownProps<T> {
-  options: DropdownOption<T>[];
-  dropdownType?: DropdownType;
-  isOpen?: boolean;
-  className?: string;
-  onClose?: () => void;
-  onClick?: (option: DropdownOption<T>) => void;
-}
-
-export interface DropdownOption<T> {
-  value: T;
-  label: string;
-  sublabel?: string;
-  image?: string;
-  disabled?: boolean;
-}
-
-export function Dropdown<T>(props: DropdownProps<T>) {
-  const { dropdownType = DropdownType.Simple } = props;
-  const wrapperRef = useRef(null);
-  useOutsideAlerter(wrapperRef, () => props.onClose && props.onClose());
-
-  if (!props.isOpen) {
-    return null;
-  }
-
-  const handleClick = (option: DropdownOption<T>) => {
-    if (option.disabled) {
-      return;
-    }
-    if (props.onClick) {
-      props.onClick(option);
-    }
-    if (props.onClose) {
-      props.onClose();
-    }
-  };
-
-  return (
-    <div ref={wrapperRef} className={cx(style.dropdownWrapper, props.className)}>
-      {props.options.map((option: DropdownOption<T>) => (
-        <div
-          className={cx(style.dropdownOptionBackground, option.disabled && style.disabled)}
-          onClick={() => handleClick(option)}
-          key={option.label}
-        >
-          {dropdownType === DropdownType.Simple && (
-            <div className={cx(style.dropdownOption, style.singleOption, option.disabled && style.disabled)}>
-              {option.image && <img src={option.image} alt={option.label} />}
-              <div className={style.label}>{option.label}</div>
-            </div>
-          )}
-          {dropdownType === DropdownType.Fees && (
-            <div className={cx(style.dropdownOption, style.feeOption, option.disabled && style.disabled)}>
-              {option.image && <img src={option.image} alt={option.label} />}
-              <div className={cx(style.label, option.sublabel && style.title)}>{option.label}</div>
-              {option.sublabel && (
-                <div className={style.sublabels}>
-                  <div className={style.sublabel}>{option.sublabel}</div>
-                </div>
-              )}
-            </div>
-          )}
-        </div>
-      ))}
-    </div>
-  );
-}
diff --git a/src/ui-components/components/dropdown/helpers.ts b/src/ui-components/components/dropdown/helpers.ts
deleted file mode 100644
index a675608b..00000000
--- a/src/ui-components/components/dropdown/helpers.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { useEffect } from 'react';
-
-/**
- * Hook that alerts clicks outside of the passed ref
- */
-export function useOutsideAlerter(ref: any, cb: any) {
-  useEffect(() => {
-    /**
-     * Alert if clicked on outside of element
-     */
-    function handleClickOutside(event: any) {
-      if (ref.current && !ref.current.contains(event.target)) {
-        cb('You clicked outside of me!');
-      }
-    }
-
-    // Bind the event listener
-    document.addEventListener('mousedown', handleClickOutside);
-    return () => {
-      // Unbind the event listener on clean up
-      document.removeEventListener('mousedown', handleClickOutside);
-    };
-  }, [ref, cb]);
-}
diff --git a/src/ui-components/components/dropdown/index.ts b/src/ui-components/components/dropdown/index.ts
deleted file mode 100644
index c5146111..00000000
--- a/src/ui-components/components/dropdown/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './dropdown.js';
diff --git a/src/ui-components/components/fee_selector/fee_selector.tsx b/src/ui-components/components/fee_selector/fee_selector.tsx
index 73b67df4..62ada2e4 100644
--- a/src/ui-components/components/fee_selector/fee_selector.tsx
+++ b/src/ui-components/components/fee_selector/fee_selector.tsx
@@ -1,4 +1,4 @@
-import { DropdownType, Select } from '../../index.js';
+import { DropdownType, Select } from '@aztec/aztec-ui';
 import { bindStyle } from '../../util/classnames.js';
 import successIcon from '../../images/success.svg';
 import errorIcon from '../../images/error.svg';
diff --git a/src/ui-components/components/field/field.tsx b/src/ui-components/components/field/field.tsx
index 167c3387..f3862015 100644
--- a/src/ui-components/components/field/field.tsx
+++ b/src/ui-components/components/field/field.tsx
@@ -1,6 +1,5 @@
 import React, { createRef, useState } from 'react';
-import { BalanceIndicator } from '@aztec/aztec-ui';
-import { DropdownOption, Select } from '../../index.js';
+import { BalanceIndicator, DropdownOption, Select } from '@aztec/aztec-ui';
 import { bindStyle } from '../../util/classnames.js';
 import successIcon from '../../images/success.svg';
 import errorIcon from '../../images/error.svg';
diff --git a/src/ui-components/components/index.ts b/src/ui-components/components/index.ts
index 5e06a477..16326937 100644
--- a/src/ui-components/components/index.ts
+++ b/src/ui-components/components/index.ts
@@ -1,6 +1,5 @@
 export * from './step_status_indicator/index.js';
 export * from './progress_bar/index.js';
-export * from './dropdown/index.js';
 export * from './section_title/index.js';
 export * from './toast/index.js';
 export * from './toast_group/index.js';
@@ -21,7 +20,6 @@ export * from './search_input/index.js';
 export * from './navbar/index.js';
 export * from './faq_hint/index.js';
 export * from './hyperlink/index.js';
-export * from './select/index.js';
 export * from './icons/index.js';
 export * from './icon_buttons/index.js';
 export * from './text/index.js';
diff --git a/src/ui-components/components/select/index.ts b/src/ui-components/components/select/index.ts
deleted file mode 100644
index 41124568..00000000
--- a/src/ui-components/components/select/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './select.js';
diff --git a/src/ui-components/components/select/select.module.scss b/src/ui-components/components/select/select.module.scss
deleted file mode 100644
index 0d68d946..00000000
--- a/src/ui-components/components/select/select.module.scss
+++ /dev/null
@@ -1,64 +0,0 @@
-.selectBox {
-  border-radius: 10px;
-  background-color: white;
-  position: relative;
-  font-size: 16px;
-  height: 45px;
-  cursor: pointer;
-  font-weight: 450;
-
-  @media (max-width: 480px) {
-    margin: 0;
-  }
-}
-
-.icon {
-  min-width: 12px;
-}
-
-.border {
-  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.1);
-}
-
-.innerFrame {
-  height: 45px;
-  padding: 0 15px;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  overflow: hidden;
-  gap: 10px;
-}
-
-.innerFrameWithButton {
-  padding-right: 0px;
-}
-
-.value {
-  white-space: nowrap;
-}
-
-.dropdown {
-  top: 45px;
-  left: 0%;
-  min-width: 130px;
-  width: 100%;
-}
-
-.closeButton {
-  height: 30px;
-  padding: 15px 15px 15px 5px;
-  display: flex;
-  justify-content: flex-end;
-  align-items: center;
-}
-
-.disabled {
-  background-color: rgba(239, 239, 239, 0.3);
-  color: #4a4a4a;
-  cursor: not-allowed;
-}
-
-.placeholder {
-  color: #757575;
-}
diff --git a/src/ui-components/components/select/select.stories.tsx b/src/ui-components/components/select/select.stories.tsx
deleted file mode 100644
index c503b35c..00000000
--- a/src/ui-components/components/select/select.stories.tsx
+++ /dev/null
@@ -1,53 +0,0 @@
-import { ComponentStory, ComponentMeta } from '@storybook/react';
-import centered from '@storybook/addon-centered/react';
-import { Select } from './select';
-
-export default {
-  title: 'Select',
-  component: Select,
-  decorators: [centered],
-} as ComponentMeta<typeof Select>;
-
-const Template: ComponentStory<typeof Select> = args => <Select {...args} />;
-
-export const Example = Template.bind({});
-Example.args = {
-  options: [
-    { label: 'Option #1', value: 1 },
-    { label: 'Option #2', value: 2 },
-    { label: 'Option #3', value: 3 },
-  ],
-  placeholder: 'Please select an option',
-};
-
-export const Selected = Template.bind({});
-Selected.args = {
-  options: [
-    { label: 'Option #1', value: 1 },
-    { label: 'Option #2', value: 2 },
-    { label: 'Option #3', value: 3 },
-  ],
-  value: 2,
-};
-
-export const Disabled = Template.bind({});
-Disabled.args = {
-  options: [
-    { label: 'Option #1', value: 1 },
-    { label: 'Option #2', value: 2 },
-    { label: 'Option #3', value: 3 },
-  ],
-  disabled: true,
-  value: 2,
-};
-
-export const WithoutBorder = Template.bind({});
-WithoutBorder.args = {
-  options: [
-    { label: 'Option #1', value: 1 },
-    { label: 'Option #2', value: 2 },
-    { label: 'Option #3', value: 3 },
-  ],
-  value: 2,
-  showBorder: false,
-};
diff --git a/src/ui-components/components/select/select.tsx b/src/ui-components/components/select/select.tsx
deleted file mode 100644
index 9d6aaa26..00000000
--- a/src/ui-components/components/select/select.tsx
+++ /dev/null
@@ -1,95 +0,0 @@
-import { useState, useEffect, useRef } from 'react';
-import { bindStyle } from '../../util/classnames.js';
-import { CloseMiniIcon } from '../icons/close_mini_icon.js';
-import { GradientDisclosureIcon } from '../icons/gradient_disclosure_icon.js';
-import { DropdownOption, DropdownType, Dropdown } from '../index.js';
-import style from './select.module.scss';
-
-const cx = bindStyle(style);
-
-interface SelectProps<T> {
-  options: DropdownOption<T>[];
-  dropdownType?: DropdownType;
-  showBorder?: boolean;
-  allowEmptyValue?: boolean;
-  disabled?: boolean;
-  placeholder?: string;
-  className?: string;
-  value?: T;
-  onChange?: (value?: T) => void;
-}
-
-function useOutsideAlerter(ref, setIsOpen) {
-  useEffect(() => {
-    function handleClickOutside(event) {
-      if (ref.current && !ref.current.contains(event.target)) {
-        setIsOpen(false);
-      }
-    }
-    document.addEventListener('mousedown', handleClickOutside);
-    return () => {
-      document.removeEventListener('mousedown', handleClickOutside);
-    };
-  }, [ref, setIsOpen]);
-}
-
-export function Select<T>(props: SelectProps<T>) {
-  const { showBorder = true, dropdownType = DropdownType.Simple } = props;
-  const [isOpen, setIsOpen] = useState(false);
-  const wrapperRef = useRef(null);
-
-  useOutsideAlerter(wrapperRef, setIsOpen);
-
-  useEffect(() => {
-    setIsOpen(false);
-  }, [props.value]);
-
-  const handleTriggerDropdown = () => {
-    if (props.disabled) return;
-    setIsOpen(prevValue => !prevValue);
-  };
-
-  const handleOptionSelect = (option: DropdownOption<T>) => {
-    handleChange(option.value);
-    setIsOpen(false);
-  };
-
-  const handleOptionUnselect = () => {
-    handleChange(undefined);
-    setIsOpen(false);
-  };
-
-  const handleChange = (value?: T) => {
-    if (props.onChange) {
-      props.onChange(value);
-    }
-  };
-
-  const hasButton = props.value && props.allowEmptyValue;
-  const activeLabel = props.options.find(x => x.value === props.value)?.label;
-
-  return (
-    <div
-      ref={wrapperRef}
-      className={cx(style.selectBox, showBorder && style.border, props.disabled && style.disabled, props.className)}
-      onClick={handleTriggerDropdown}
-    >
-      <div className={cx(style.innerFrame, hasButton && style.innerFrameWithButton)}>
-        <GradientDisclosureIcon className={style.icon} opacity={props.disabled ? 0 : 1} />
-        <span className={cx(style.value, !activeLabel && style.placeholder)}>{activeLabel || props.placeholder}</span>
-        {hasButton ? (
-          <div className={style.closeButton} onClick={handleOptionUnselect}>
-            <CloseMiniIcon />
-          </div>
-        ) : null}
-        <Dropdown
-          className={style.dropdown}
-          dropdownType={dropdownType}
-          isOpen={isOpen}
-          options={props.options}
-          onClick={handleOptionSelect}
-        />
-      </div>
-    </div>
-  );
-}
diff --git a/src/views/account/dashboard/defi_cards_list.tsx b/src/views/account/dashboard/defi_cards_list.tsx
index 1d0cd4c8..036bab86 100644
--- a/src/views/account/dashboard/defi_cards_list.tsx
+++ b/src/views/account/dashboard/defi_cards_list.tsx
@@ -1,6 +1,6 @@
 import { useMemo } from 'react';
 import { useNavigate } from 'react-router-dom';
-import { Section, SectionTitle, SearchInput, Select } from '../../../ui-components/index.js';
+import { Section, SectionTitle, SearchInput, Select } from '@aztec/aztec-ui';
 import { Obs, useMaybeObs } from '../../../app/util/index.js';
 import { DefiCard } from '../../../components/index.js';
 import { DefiRecipe } from '../../../alt-model/defi/types.js';
diff --git a/src/views/account/dashboard/modals/defi_modal/customisation_popup/customisation_popup.tsx b/src/views/account/dashboard/modals/defi_modal/customisation_popup/customisation_popup.tsx
index 8afcbe53..5bf8b207 100644
--- a/src/views/account/dashboard/modals/defi_modal/customisation_popup/customisation_popup.tsx
+++ b/src/views/account/dashboard/modals/defi_modal/customisation_popup/customisation_popup.tsx
@@ -1,5 +1,4 @@
 import { useRef, useState } from 'react';
-import { useOutsideAlerter } from '../../../../../../ui-components/components/dropdown/helpers.js';
 import { bindStyle, CogIcon } from '../../../../../../ui-components/index.js';
 import style from './customisation_popup.module.scss';
 
diff --git a/yarn.lock b/yarn.lock
index 562b8a4d..b1cd250e 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -29,9 +29,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@aztec/aztec-ui@npm:^0.1.13":
-  version: 0.1.13
-  resolution: "@aztec/aztec-ui@npm:0.1.13"
+"@aztec/aztec-ui@npm:^0.1.14":
+  version: 0.1.14
+  resolution: "@aztec/aztec-ui@npm:0.1.14"
   dependencies:
     "@rainbow-me/rainbowkit": ^0.8.1
     classnames: ^2.3.2
@@ -44,7 +44,7 @@ __metadata:
     sass: ^1.58.0
     style-loader: ^3.3.1
     wagmi: ^0.11.2
-  checksum: 2c2c986bc09865e23b91814073d9a7f5fe8972d054ebc82766f344f029a1b83ffb21549a6d92b1d275b08bf763ea2b0184ce07ec6556d163c410606e9fd3678d
+  checksum: c5d2c81cc12b042d33baf94c0eb3d0d3e41f671fadca4183a0b569e958bf19d2b2c2ab27c3d7c3eb2a368094bde064afe42b49fd2be9991f2d6a2ec2da4b6378
   languageName: node
   linkType: hard
 
@@ -22275,7 +22275,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "zk.money@workspace:."
   dependencies:
-    "@aztec/aztec-ui": ^0.1.13
+    "@aztec/aztec-ui": ^0.1.14
     "@aztec/sdk": 2.1.0-testnet.119
     "@ethersproject/abi": ^5.7.0
     "@ethersproject/abstract-signer": ^5.7.0