diff --git a/.github/workflows/react-widget.yml b/.github/workflows/react-widget.yml
index 8b62e8a5..c8344282 100644
--- a/.github/workflows/react-widget.yml
+++ b/.github/workflows/react-widget.yml
@@ -15,7 +15,7 @@ jobs:
     runs-on: ubuntu-latest
     if: github.event_name == 'push' && github.ref == 'refs/heads/main'
     steps:
-        # you should probably do this after your regular CI checks passes
+      # you should probably do this after your regular CI checks passes
       - uses: google-github-actions/release-please-action@v3 # it will analyze commits and create PR with new version and updated CHANGELOG:md file. On merging it will create github release page with changelog
         id: release
         with:
@@ -44,7 +44,7 @@ jobs:
       - name: Enable corepack
         run: corepack enable
         if: ${{ steps.release.outputs.releases_created }}
-      
+
       - name: Install yarn
         run: yarn set version stable
         if: ${{ steps.release.outputs.releases_created }}
@@ -52,7 +52,7 @@ jobs:
       - name: Install dependencies
         run: yarn install
         if: ${{ steps.release.outputs.releases_created }}
-        
+
       - name: Build all packages
         run: yarn build:all
         if: ${{ steps.release.outputs.releases_created }}
diff --git a/.github/workflows/sdk-manager.yml b/.github/workflows/sdk-manager.yml
index 81916992..27a6f497 100644
--- a/.github/workflows/sdk-manager.yml
+++ b/.github/workflows/sdk-manager.yml
@@ -14,7 +14,7 @@ jobs:
     runs-on: ubuntu-latest
     if: github.event_name == 'push' && github.ref == 'refs/heads/main'
     steps:
-        # you should probably do this after your regular CI checks passes
+      # you should probably do this after your regular CI checks passes
       - uses: google-github-actions/release-please-action@v3 # it will analyze commits and create PR with new version and updated CHANGELOG:md file. On merging it will create github release page with changelog
         id: release
         with:
@@ -23,7 +23,7 @@ jobs:
           path: packages/sdk-manager
           monorepo-tags: true
           default-branch: main
-          package-name: '@buildwithsygma/sdk-manager'
+          package-name: '@buildwithsygma/sygmaprotocol-sdk-manager'
           changelog-types: '[{"type":"feat","section":"Features","hidden":false},{"type":"fix","section":"Bug Fixes","hidden":false},{"type":"chore","section":"Miscellaneous","hidden":false},{"type":"revert","hidden":true}]'
 
       - uses: actions/checkout@v3
@@ -43,7 +43,7 @@ jobs:
       - name: Enable corepack
         run: corepack enable
         if: ${{ steps.release.outputs.releases_created }}
-      
+
       - name: Install yarn
         run: yarn set version stable
         if: ${{ steps.release.outputs.releases_created }}
@@ -60,4 +60,3 @@ jobs:
         env:
           NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
         if: ${{ steps.release.outputs.releases_created }}
-
diff --git a/.github/workflows/wallet-manager.yml b/.github/workflows/wallet-manager.yml
index 460253ab..d782c10a 100644
--- a/.github/workflows/wallet-manager.yml
+++ b/.github/workflows/wallet-manager.yml
@@ -14,7 +14,7 @@ jobs:
     runs-on: ubuntu-latest
     if: github.event_name == 'push' && github.ref == 'refs/heads/main'
     steps:
-        # you should probably do this after your regular CI checks passes
+      # you should probably do this after your regular CI checks passes
       - uses: google-github-actions/release-please-action@v3 # it will analyze commits and create PR with new version and updated CHANGELOG:md file. On merging it will create github release page with changelog
         id: release
         with:
@@ -23,7 +23,7 @@ jobs:
           path: packages/wallet-manager
           monorepo-tags: true
           default-branch: main
-          package-name: '@buildwithsygma/wallet-manager'
+          package-name: '@buildwithsygma/sygmaprotocol-wallet-manager'
           changelog-types: '[{"type":"feat","section":"Features","hidden":false},{"type":"fix","section":"Bug Fixes","hidden":false},{"type":"chore","section":"Miscellaneous","hidden":false},{"type":"revert","hidden":true}]'
 
       - uses: actions/checkout@v3
@@ -43,7 +43,7 @@ jobs:
       - name: Enable corepack
         run: corepack enable
         if: ${{ steps.release.outputs.releases_created }}
-      
+
       - name: Install yarn
         run: yarn set version stable
         if: ${{ steps.release.outputs.releases_created }}
@@ -60,4 +60,3 @@ jobs:
         env:
           NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
         if: ${{ steps.release.outputs.releases_created }}
-
diff --git a/.yarnrc.yml b/.yarnrc.yml
index 3cad4ea2..d00f6b19 100644
--- a/.yarnrc.yml
+++ b/.yarnrc.yml
@@ -6,4 +6,4 @@ nodeLinker: node-modules
 
 yarnPath: .yarn/releases/yarn-4.0.1.cjs
 
-checksumBehavior: update
\ No newline at end of file
+checksumBehavior: update
diff --git a/packages/sdk-manager/.npmignore b/packages/sdk-manager/.npmignore
index 04079163..9500451d 100644
--- a/packages/sdk-manager/.npmignore
+++ b/packages/sdk-manager/.npmignore
@@ -1,4 +1,5 @@
 tsconfig.json
 .DS_Store
 node_modules/**
-src/**
\ No newline at end of file
+src/**
+./vite.config.ts
\ No newline at end of file
diff --git a/packages/sdk-manager/package.json b/packages/sdk-manager/package.json
index a0c3a3ec..ffa043b3 100644
--- a/packages/sdk-manager/package.json
+++ b/packages/sdk-manager/package.json
@@ -6,6 +6,7 @@
   "module": "build/index.js",
   "license": "LGPL-3.0-or-later",
   "type": "module",
+  "types": "./build/index.d.ts",
   "scripts": {
     "build": "tsc --build --clean && tsc --build ./tsconfig.json",
     "dev": "tsc --build --clean && tsc --build ./tsconfig.json --watch",
@@ -15,10 +16,12 @@
   },
   "author": "Sygmaprotocol Product Team",
   "dependencies": {
-    "@buildwithsygma/sygma-sdk-core": "^2.2.0",
+    "@buildwithsygma/sygma-sdk-core": "2.4.0",
     "@ethersproject/contracts": "^5.7.0",
     "@ethersproject/transactions": "^5.7.0",
-    "@polkadot/api": "10.7.2"
+    "@lit/context": "1.0.0",
+    "@polkadot/api": "10.7.2",
+    "lit": "3.0.0"
   },
   "devDependencies": {
     "@polkadot/types": "10.7.2",
diff --git a/packages/sdk-manager/src/SdkManager.ts b/packages/sdk-manager/src/SdkManager.ts
new file mode 100644
index 00000000..1a2a36ec
--- /dev/null
+++ b/packages/sdk-manager/src/SdkManager.ts
@@ -0,0 +1,126 @@
+import {
+  EVMAssetTransfer,
+  Environment,
+  EvmFee,
+  Fungible,
+  Transfer
+} from '@buildwithsygma/sygma-sdk-core';
+import { BaseProvider, TransactionRequest } from '@ethersproject/providers';
+import { Signer } from 'ethers';
+import { UnsignedTransaction } from '@ethersproject/transactions';
+import { SdkManagerState, SdkManagerStatus } from './types';
+
+export class SdkManager implements SdkManagerState {
+  assetTransfer: EVMAssetTransfer;
+  status: SdkManagerStatus;
+  transfer?: Transfer<Fungible>;
+  fee?: EvmFee;
+  approvalTxs?: UnsignedTransaction[];
+  depositTx?: UnsignedTransaction;
+
+  constructor() {
+    this.assetTransfer = new EVMAssetTransfer();
+    this.status = 'idle';
+  }
+
+  async checkSourceNetwork(provider: BaseProvider) {
+    const providerChainId = (await provider.getNetwork()).chainId;
+    const validEnvDomains = this.assetTransfer.config
+      .getDomains()
+      .map((domain) => domain.chainId);
+
+    if (!validEnvDomains.includes(providerChainId)) {
+      this.status = 'invalidSourceNetwork';
+    } else {
+      this.status = 'initialized';
+    }
+  }
+
+  async initializeSdk(
+    provider: BaseProvider,
+    env: Environment = Environment.MAINNET
+  ) {
+    await this.assetTransfer.init(provider, env);
+    await this.checkSourceNetwork(provider);
+  }
+
+  async initializeTransfer(
+    fromAddress: string,
+    destinationChainId: number,
+    destinationAddress: string,
+    resourceId: string,
+    amount: string
+  ) {
+    const transfer = await this.assetTransfer.createFungibleTransfer(
+      fromAddress,
+      destinationChainId,
+      destinationAddress,
+      resourceId,
+      amount
+    );
+
+    const fee = await this.assetTransfer.getFee(transfer);
+
+    const approvals = await this.assetTransfer.buildApprovals(transfer, fee);
+
+    this.transfer = transfer;
+    this.fee = fee;
+    this.approvalTxs = approvals;
+    this.status =
+      approvals.length > 0 ? 'transferCreated' : 'approvalsCompleted';
+
+    this.depositTx = await this.assetTransfer.buildTransferTransaction(
+      transfer,
+      fee
+    );
+  }
+
+  async performApprovals(signer: Signer) {
+    if (!this.transfer) {
+      throw new Error('No transfer');
+    }
+
+    if (!this.approvalTxs) {
+      throw new Error('No approvals');
+    }
+
+    if (!this.fee) {
+      throw new Error('No fee');
+    }
+
+    for (const approval of this.approvalTxs) {
+      await (
+        await signer.sendTransaction(approval as TransactionRequest)
+      ).wait();
+    }
+
+    const approvals = await this.assetTransfer.buildApprovals(
+      this.transfer,
+      this.fee
+    );
+
+    this.approvalTxs = approvals;
+    if (!approvals?.length) {
+      this.status = 'approvalsCompleted';
+      this.depositTx = await this.assetTransfer.buildTransferTransaction(
+        this.transfer,
+        this.fee
+      );
+    }
+  }
+
+  async performDeposit(signer: Signer) {
+    if (!this.transfer) {
+      throw new Error('No transfer');
+    }
+
+    if (!this.depositTx) {
+      throw new Error('No deposit');
+    }
+
+    await (
+      await signer.sendTransaction(this.depositTx as TransactionRequest)
+    ).wait();
+    this.status = 'deposited';
+  }
+}
diff --git a/packages/sdk-manager/src/SdkManagerContextProvider.ts b/packages/sdk-manager/src/SdkManagerContextProvider.ts
new file mode 100644
index 00000000..a9688113
--- /dev/null
+++ b/packages/sdk-manager/src/SdkManagerContextProvider.ts
@@ -0,0 +1,100 @@
+import { Environment } from '@buildwithsygma/sygma-sdk-core';
+import { consume, createContext, provide } from '@lit/context';
+import { LitElement, html } from 'lit';
+import { customElement, state } from 'lit/decorators.js';
+import {
+  WalletManagerContext,
+  WalletManagerController
+} from '@buildwithsygma/sygmaprotocol-wallet-manager';
+import { SdkManagerState } from './types';
+import { SdkManager } from './SdkManager';
+
+export const SdkManagerContext = createContext<SdkManagerState | undefined>(
+  'sdk-context'
+);
+
+/**
+ * @name SdkManagerContextProvider
+ * @description This component is responsible for providing the SdkManagerController as a context to all its children.
+ *
+ * @example
+ * For you to consume the context objects, you need to wrap up your component with the sdk-manager-context on your render method.
+ *
+ * <wallet-manager-context>
+ *   <sdk-manager-context-provider>
+ *     <your-component></your-component>
+ *   </sdk-manager-context-provider>
+ * </wallet-manager-context>
+ */
+
+@customElement('sdk-manager-context-provider')
+export class SdkManagerContextProvider extends LitElement {
+  @consume({ context: WalletManagerContext, subscribe: true })
+  @state()
+  walletManager?: WalletManagerController;
+
+  @provide({ context: SdkManagerContext })
+  @state()
+  sdkManager?: SdkManager;
+
+  constructor() {
+    super();
+    this.sdkManager = new SdkManager();
+  }
+
+  async initializeSdk(env?: Environment) {
+    if (!this.walletManager?.provider) {
+      throw new Error('No wallet connected');
+    }
+
+    await this.sdkManager?.initializeSdk(this.walletManager.provider, env);
+  }
+
+  async initializeTransfer(
+    fromAddress: string,
+    destinationChainId: number,
+    destinationAddress: string,
+    resourceId: string,
+    amount: string
+  ) {
+    if (!this.walletManager?.provider) {
+      throw new Error('No wallet connected');
+    }
+
+    if (!this.sdkManager) {
+      throw new Error('SdkManager not initialized');
+    }
+
+    if (this.sdkManager.status !== 'initialized') {
+      throw new Error('SdkManager not initialized');
+    }
+
+    await this.sdkManager.initializeTransfer(
+      fromAddress,
+      destinationChainId,
+      destinationAddress,
+      resourceId,
+      amount
+    );
+  }
+
+  async connectedCallback(): Promise<void> {
+    super.connectedCallback();
+
+    this.walletManager?.addAccountChangedEventListener(() => {
+      this.requestUpdate();
+    });
+
+    this.walletManager?.addChainChangedEventListener(async () => {
+      const provider = this.walletManager?.evmWallet?.web3Provider;
+      if (provider) {
+        this.sdkManager?.checkSourceNetwork(provider);
+      }
+      this.requestUpdate();
+    });
+  }
+
+  render() {
+    return html`<slot></slot>`;
+  }
+}
diff --git a/packages/sdk-manager/src/index.ts b/packages/sdk-manager/src/index.ts
index e69de29b..97cf66a1 100644
--- a/packages/sdk-manager/src/index.ts
+++ b/packages/sdk-manager/src/index.ts
@@ -0,0 +1,8 @@
+export {
+  SdkManagerContext,
+  SdkManagerContextProvider
+} from './SdkManagerContextProvider';
+
+export { SdkManager } from './SdkManager';
+
+export type { SdkManagerState, SdkManagerStatus } from './types/index';
diff --git a/packages/sdk-manager/src/types/SdkManagerState.ts b/packages/sdk-manager/src/types/SdkManagerState.ts
new file mode 100644
index 00000000..38c4ef70
--- /dev/null
+++ b/packages/sdk-manager/src/types/SdkManagerState.ts
@@ -0,0 +1,33 @@
+import {
+  EVMAssetTransfer,
+  Environment,
+  EvmFee,
+  Fungible,
+  Transfer
+} from '@buildwithsygma/sygma-sdk-core';
+import { UnsignedTransaction } from '@ethersproject/transactions';
+import { SdkManagerStatus } from './SdkManagerStatus';
+import { BaseProvider } from '@ethersproject/providers';
+import { Signer } from 'ethers';
+
+export type SdkManagerState = {
+  assetTransfer: EVMAssetTransfer;
+  status: SdkManagerStatus;
+  transfer?: Transfer<Fungible>;
+  fee?: EvmFee;
+  approvalTxs?: UnsignedTransaction[];
+  depositTx?: UnsignedTransaction;
+
+  initializeSdk: (provider: BaseProvider, env?: Environment) => Promise<void>;
+  initializeTransfer: (
+    fromAddress: string,
+    destinationChainId: number,
+    destinationAddress: string,
+    resourceId: string,
+    amount: string
+  ) => Promise<void>;
+
+  performApprovals(signer: Signer): Promise<void>;
+  performDeposit(signer: Signer): Promise<void>;
+  checkSourceNetwork(provider: BaseProvider): Promise<void>;
+};
diff --git a/packages/sdk-manager/src/types/SdkManagerStatus.ts b/packages/sdk-manager/src/types/SdkManagerStatus.ts
new file mode 100644
index 00000000..ddbfe0af
--- /dev/null
+++ b/packages/sdk-manager/src/types/SdkManagerStatus.ts
@@ -0,0 +1,8 @@
+export type SdkManagerStatus =
+  | 'idle'
+  | 'invalidSourceNetwork'
+  | 'initialized'
+  | 'transferCreated'
+  | 'approvalsCompleted'
+  | 'deposited'
+  | 'completed';
diff --git a/packages/sdk-manager/src/types/index.ts b/packages/sdk-manager/src/types/index.ts
new file mode 100644
index 00000000..59ba173d
--- /dev/null
+++ b/packages/sdk-manager/src/types/index.ts
@@ -0,0 +1,2 @@
+export type { SdkManagerState } from './SdkManagerState';
+export type { SdkManagerStatus } from './SdkManagerStatus';
diff --git a/packages/sdk-manager/vite.config.ts b/packages/sdk-manager/vite.config.ts
new file mode 100644
index 00000000..0f492924
--- /dev/null
+++ b/packages/sdk-manager/vite.config.ts
@@ -0,0 +1,30 @@
+import { PluginOption, defineConfig } from 'vite';
+import { resolve } from 'path';
+import { visualizer } from "rollup-plugin-visualizer";
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  base: '/',
+  build: {
+    outDir: 'build',
+    lib: {
+      entry: 'src/index.ts',
+      formats: ['es']
+    },
+    manifest: true,
+    rollupOptions: {
+      input: {
+        main: resolve(__dirname, 'index.html')
+      },
+      plugins: [
+        visualizer({
+          template: 'sunburst', // or sunburst
+          open: false,
+          gzipSize: true,
+          brotliSize: true,
+          filename: 'bundle/analyse.html' // will be saved in project's root
+        }) as PluginOption
+      ]
+    }
+  }
+});
diff --git a/packages/wallet-manager/.npmignore b/packages/wallet-manager/.npmignore
index 04079163..9500451d 100644
--- a/packages/wallet-manager/.npmignore
+++ b/packages/wallet-manager/.npmignore
@@ -1,4 +1,5 @@
 tsconfig.json
 .DS_Store
 node_modules/**
-src/**
\ No newline at end of file
+src/**
+./vite.config.ts
\ No newline at end of file
diff --git a/packages/wallet-manager/package.json b/packages/wallet-manager/package.json
index c4311ad3..7d3fc348 100644
--- a/packages/wallet-manager/package.json
+++ b/packages/wallet-manager/package.json
@@ -6,6 +6,7 @@
   "module": "build/index.js",
   "license": "LGPL-3.0-or-later",
   "type": "module",
+  "types": "./build/index.d.ts",
   "scripts": {
     "build": "tsc --build --clean && tsc --build ./tsconfig.json",
     "dev": "tsc --build --clean && tsc --build ./tsconfig.json --watch",
@@ -29,6 +30,7 @@
     "lit": "3.0.0"
   },
   "peerDependencies": {
-    "ethers": "*"
+    "ethers": "*",
+    "events": "*"
   }
 }
diff --git a/packages/wallet-manager/src/index.ts b/packages/wallet-manager/src/index.ts
index 9b479cb2..98f7052f 100644
--- a/packages/wallet-manager/src/index.ts
+++ b/packages/wallet-manager/src/index.ts
@@ -6,5 +6,5 @@ export {
   AccountContext
 } from './WalletManagerContext';
 
-export { type SyntheticEventCreator } from './types';
+export { type SyntheticEventCreator, Network } from './types';
 export { syntheticEventCreator } from './utils';
diff --git a/packages/widget/.gitignore b/packages/widget/.gitignore
index 5d7b14bf..628db8f3 100644
--- a/packages/widget/.gitignore
+++ b/packages/widget/.gitignore
@@ -23,3 +23,6 @@ build
 *.njsproj
 *.sln
 *.sw?
+
+/bundle
+/bundle/*
\ No newline at end of file
diff --git a/packages/widget/index.html b/packages/widget/index.html
new file mode 100644
index 00000000..7d24b7f5
--- /dev/null
+++ b/packages/widget/index.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8" />
+  <link rel="icon" type="image/svg+xml" href="src/favicon.svg" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Sygma Widget</title>
+  <script type="module" src="/src/index.ts"></script>
+</head>
+
+<body>
+  <widget-root>
+  </widget-root>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/packages/widget/package.json b/packages/widget/package.json
index b5f61bb4..c99a4eb7 100644
--- a/packages/widget/package.json
+++ b/packages/widget/package.json
@@ -7,16 +7,35 @@
   "license": "LGPL-3.0-or-later",
   "type": "module",
   "scripts": {
-    "build": "tsc --build --clean && tsc --build ./tsconfig.json",
-    "dev": "tsc --build --clean && tsc --build ./tsconfig.json --watch",
+    "start": "npm run dev",
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "serve": "tsc && vite preview",
     "clean": "rm -rf ./build",
     "lint": "eslint 'src/**/*.ts'",
     "lint:fix": "yarn run lint --fix"
   },
   "author": "Sygmaprotocol Product Team",
   "dependencies": {
-    "@buildwithsygma/sygma-sdk-core": "^2.2.0",
+    "@buildwithsygma/sygmaprotocol-sdk-manager": "*",
+    "@buildwithsygma/sygmaprotocol-wallet-manager": "*",
+    "@lit/context": "1.0.0",
+    "@lit/reactive-element": "2.0.0",
     "ethers": "5.7.2",
-    "lit": "^2.8.0"
+    "events": "^3.3.0",
+    "lit": "3.0.0",
+    "lit-html": "3.0.0"
+  },
+  "devDependencies": {
+    "@types/node": "20.8.4",
+    "eslint": "^8.48.0",
+    "eslint-config-prettier": "^9.0.0",
+    "eslint-plugin-import": "^2.28.1",
+    "eslint-plugin-lit": "^1.9.1",
+    "eslint-plugin-prettier": "^5.0.0",
+    "eslint-plugin-wc": "^2.0.2",
+    "rollup-plugin-visualizer": "^5.9.2",
+    "typescript": "5.2.2",
+    "vite": "4.4.11"
   }
 }
diff --git a/packages/widget/src/connect.ts b/packages/widget/src/connect.ts
new file mode 100644
index 00000000..a4a22f33
--- /dev/null
+++ b/packages/widget/src/connect.ts
@@ -0,0 +1,129 @@
+import { consume } from '@lit/context';
+import { LitElement, html } from 'lit';
+import { customElement, state } from 'lit/decorators.js';
+import {
+  WalletManagerContext,
+  WalletManagerController
+} from '@buildwithsygma/sygmaprotocol-wallet-manager';
+
+import {
+  SdkManagerContext,
+  SdkManager
+} from '@buildwithsygma/sygmaprotocol-sdk-manager';
+
+import { Environment } from '@buildwithsygma/sygma-sdk-core';
+
+@customElement('connect-dialog')
+class ConnectDialog extends LitElement {
+  @consume({ context: WalletManagerContext, subscribe: true })
+  @state()
+  walletManager?: WalletManagerController;
+
+  @consume({ context: SdkManagerContext, subscribe: true })
+  @state()
+  sdkManager?: SdkManager;
+
+  @state()
+  chainId?: number;
+
+  async connectedCallback(): Promise<void> {
+    super.connectedCallback();
+    this.chainId = (
+      await this.walletManager?.evmWallet?.web3Provider?.getNetwork()
+    )?.chainId;
+
+    this.walletManager?.addAccountChangedEventListener(() => {
+      this.requestUpdate();
+    });
+    this.walletManager?.addChainChangedEventListener(async () => {
+      this.chainId = (
+        await this.walletManager?.evmWallet?.web3Provider?.getNetwork()
+      )?.chainId;
+
+      this.requestUpdate();
+    });
+  }
+
+  async connect() {
+    await this.walletManager?.connectEvmWallet();
+    this.requestUpdate();
+  }
+
+  async initSdk() {
+    if (!this.walletManager?.evmWallet?.web3Provider) {
+      throw new Error('No provider');
+    }
+    await this.sdkManager?.initializeSdk(
+      this.walletManager.evmWallet?.web3Provider,
+      Environment.TESTNET
+    );
+    this.requestUpdate();
+  }
+
+  async createTransfer() {
+    if (!this.walletManager?.evmWallet?.address) {
+      throw new Error('No wallet connected');
+    }
+    await this.sdkManager?.initializeTransfer(
+      this.walletManager.evmWallet.address,
+      this.chainId === 11155111 ? 5 : 11155111,
+      this.walletManager.evmWallet.address,
+      '0x0000000000000000000000000000000000000000000000000000000000000300',
+      '5000000000000000000' // 18 decimal places
+    );
+    this.requestUpdate();
+  }
+
+  async approveTokens() {
+    if (!this.sdkManager) {
+      throw new Error('SDK Manager not initialized');
+    }
+    if (!this.walletManager?.evmWallet?.signer) {
+      throw new Error('No wallet connected');
+    }
+    await this.sdkManager.performApprovals(this.walletManager.evmWallet.signer);
+    this.requestUpdate();
+  }
+
+  async performDeposit() {
+    if (!this.sdkManager) {
+      throw new Error('SDK Manager not initialized');
+    }
+    if (!this.walletManager?.evmWallet?.signer) {
+      throw new Error('No wallet connected');
+    }
+    await this.sdkManager.performDeposit(this.walletManager.evmWallet.signer);
+    this.requestUpdate();
+  }
+
+  render() {
+    if (!this.walletManager || !this.walletManager.accountData) {
+      return html`<button @click=${this.connect}>Connect</button> `;
+    } else {
+      return html`<div>
+        <p>EVM Account: ${this.walletManager.accountData}</p>
+        <p>Network: ${this.chainId}</p>
+        <p>SDK Status: ${this.sdkManager?.status}</p>
+        ${this.sdkManager?.status === 'idle'
+          ? html`<button @click=${this.initSdk}>initialize sdk</button>`
+          : undefined}
+        ${this.sdkManager && this.sdkManager.status === 'initialized'
+          ? html`<button @click=${this.createTransfer}>create transfer</button>`
+          : undefined}
+        ${this.sdkManager &&
+        this.sdkManager.status === 'transferCreated' &&
+        this.sdkManager.approvalTxs &&
+        this.sdkManager.approvalTxs.length > 0
+          ? html`<button @click=${this.approveTokens}>approve</button>`
+          : undefined}
+        ${this.sdkManager &&
+        this.sdkManager.status === 'approvalsCompleted' &&
+        this.sdkManager.depositTx
+          ? html`<button @click=${this.performDeposit}>Transfer</button>`
+          : undefined}
+      </div>`;
+    }
+  }
+}
+
+export { ConnectDialog };
diff --git a/packages/widget/src/index.ts b/packages/widget/src/index.ts
index e69de29b..b03533a9 100644
--- a/packages/widget/src/index.ts
+++ b/packages/widget/src/index.ts
@@ -0,0 +1 @@
+export { WidgetRoot } from './widget-root';
diff --git a/packages/widget/src/widget-root.ts b/packages/widget/src/widget-root.ts
new file mode 100644
index 00000000..5471e4e3
--- /dev/null
+++ b/packages/widget/src/widget-root.ts
@@ -0,0 +1,19 @@
+import { LitElement, html } from 'lit';
+import { customElement } from 'lit/decorators.js';
+import '@buildwithsygma/sygmaprotocol-wallet-manager';
+import '@buildwithsygma/sygmaprotocol-sdk-manager';
+import './connect';
+import { Network } from '@buildwithsygma/sygmaprotocol-wallet-manager';
+
+@customElement('widget-root')
+class WidgetRoot extends LitElement {
+  render() {
+    return html`<wallet-manager-context-provider .network=${Network.EVM}>
+      <sdk-manager-context-provider>
+        <connect-dialog></connect-dialog>
+      </sdk-manager-context-provider>
+    </wallet-manager-context-provider>`;
+  }
+}
+
+export { WidgetRoot };
diff --git a/packages/widget/vite.config.ts b/packages/widget/vite.config.ts
new file mode 100644
index 00000000..0f492924
--- /dev/null
+++ b/packages/widget/vite.config.ts
@@ -0,0 +1,30 @@
+import { PluginOption, defineConfig } from 'vite';
+import { resolve } from 'path';
+import { visualizer } from "rollup-plugin-visualizer";
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  base: '/',
+  build: {
+    outDir: 'build',
+    lib: {
+      entry: 'src/index.ts',
+      formats: ['es']
+    },
+    manifest: true,
+    rollupOptions: {
+      input: {
+        main: resolve(__dirname, 'index.html')
+      },
+      plugins: [
+        visualizer({
+          template: 'sunburst', // or sunburst
+          open: false,
+          gzipSize: true,
+          brotliSize: true,
+          filename: 'bundle/analyse.html' // will be saved in project's root
+        }) as PluginOption
+      ]
+    }
+  }
+});
diff --git a/yarn.lock b/yarn.lock
index 6c0f16a4..bc3d40b5 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -306,9 +306,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@buildwithsygma/sygma-sdk-core@npm:^2.2.0":
-  version: 2.3.0
-  resolution: "@buildwithsygma/sygma-sdk-core@npm:2.3.0"
+"@buildwithsygma/sygma-sdk-core@npm:2.4.0":
+  version: 2.4.0
+  resolution: "@buildwithsygma/sygma-sdk-core@npm:2.4.0"
   dependencies:
     "@buildwithsygma/sygma-contracts": "npm:2.4.1"
     "@ethersproject/abi": "npm:^5.7.0"
@@ -326,7 +326,7 @@ __metadata:
     axios: "npm:^1.4.0"
     cross-fetch: "npm:^3.1.5"
     ethers: "npm:5.6.2"
-  checksum: c83d49ca66335bb4a8c3088b2ff8715203bea3dae372ba61eb47c856306092688616c435e5cb098a4281de66a69da05f0d113430879b65a07adfb58629aeb15c
+  checksum: b9d71dde944fab46e293367ee185d9f00c0a9df9593c86cf2274276755f355239fdfd24b890dd670a7ba1fae7988a7c24340dcb5f818e9fde09f859028d7c5b0
   languageName: node
   linkType: hard
 
@@ -359,20 +359,22 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@buildwithsygma/sygmaprotocol-sdk-manager@workspace:packages/sdk-manager":
+"@buildwithsygma/sygmaprotocol-sdk-manager@npm:*, @buildwithsygma/sygmaprotocol-sdk-manager@workspace:packages/sdk-manager":
   version: 0.0.0-use.local
   resolution: "@buildwithsygma/sygmaprotocol-sdk-manager@workspace:packages/sdk-manager"
   dependencies:
-    "@buildwithsygma/sygma-sdk-core": "npm:^2.2.0"
+    "@buildwithsygma/sygma-sdk-core": "npm:2.4.0"
     "@ethersproject/contracts": "npm:^5.7.0"
     "@ethersproject/transactions": "npm:^5.7.0"
+    "@lit/context": "npm:1.0.0"
     "@polkadot/api": "npm:10.7.2"
     "@polkadot/types": "npm:10.7.2"
+    lit: "npm:3.0.0"
     typescript: "npm:^5.2.2"
   languageName: unknown
   linkType: soft
 
-"@buildwithsygma/sygmaprotocol-wallet-manager@workspace:packages/wallet-manager":
+"@buildwithsygma/sygmaprotocol-wallet-manager@npm:*, @buildwithsygma/sygmaprotocol-wallet-manager@workspace:packages/wallet-manager":
   version: 0.0.0-use.local
   resolution: "@buildwithsygma/sygmaprotocol-wallet-manager@workspace:packages/wallet-manager"
   dependencies:
@@ -387,6 +389,7 @@ __metadata:
     vitest: "npm:^0.34.5"
   peerDependencies:
     ethers: "*"
+    events: "*"
   languageName: unknown
   linkType: soft
 
@@ -394,12 +397,34 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@buildwithsygma/sygmaprotocol-widget@workspace:packages/widget"
   dependencies:
-    "@buildwithsygma/sygma-sdk-core": "npm:^2.2.0"
+    "@buildwithsygma/sygmaprotocol-sdk-manager": "npm:*"
+    "@buildwithsygma/sygmaprotocol-wallet-manager": "npm:*"
+    "@lit/context": "npm:1.0.0"
+    "@lit/reactive-element": "npm:2.0.0"
+    "@types/node": "npm:20.8.4"
+    eslint: "npm:^8.48.0"
+    eslint-config-prettier: "npm:^9.0.0"
+    eslint-plugin-import: "npm:^2.28.1"
+    eslint-plugin-lit: "npm:^1.9.1"
+    eslint-plugin-prettier: "npm:^5.0.0"
+    eslint-plugin-wc: "npm:^2.0.2"
     ethers: "npm:5.7.2"
-    lit: "npm:^2.8.0"
+    events: "npm:^3.3.0"
+    lit: "npm:3.0.0"
+    lit-html: "npm:3.0.0"
+    rollup-plugin-visualizer: "npm:^5.9.2"
+    typescript: "npm:5.2.2"
+    vite: "npm:4.4.11"
   languageName: unknown
   linkType: soft
 
+"@esbuild/android-arm64@npm:0.18.20":
+  version: 0.18.20
+  resolution: "@esbuild/android-arm64@npm:0.18.20"
+  conditions: os=android & cpu=arm64
+  languageName: node
+  linkType: hard
+
 "@esbuild/android-arm64@npm:0.19.5":
   version: 0.19.5
   resolution: "@esbuild/android-arm64@npm:0.19.5"
@@ -407,6 +432,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@esbuild/android-arm@npm:0.18.20":
+  version: 0.18.20
+  resolution: "@esbuild/android-arm@npm:0.18.20"
+  conditions: os=android & cpu=arm
+  languageName: node
+  linkType: hard
+
 "@esbuild/android-arm@npm:0.19.5":
   version: 0.19.5
   resolution: "@esbuild/android-arm@npm:0.19.5"
@@ -414,6 +446,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@esbuild/android-x64@npm:0.18.20":
+  version: 0.18.20
+  resolution: "@esbuild/android-x64@npm:0.18.20"
+  conditions: os=android & cpu=x64
+  languageName: node
+  linkType: hard
+
 "@esbuild/android-x64@npm:0.19.5":
   version: 0.19.5
   resolution: "@esbuild/android-x64@npm:0.19.5"
@@ -421,6 +460,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@esbuild/darwin-arm64@npm:0.18.20":
+  version: 0.18.20
+  resolution: "@esbuild/darwin-arm64@npm:0.18.20"
+  conditions: os=darwin & cpu=arm64
+  languageName: node
+  linkType: hard
+
 "@esbuild/darwin-arm64@npm:0.19.5":
   version: 0.19.5
   resolution: "@esbuild/darwin-arm64@npm:0.19.5"
@@ -428,6 +474,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@esbuild/darwin-x64@npm:0.18.20":
+  version: 0.18.20
+  resolution: "@esbuild/darwin-x64@npm:0.18.20"
+  conditions: os=darwin & cpu=x64
+  languageName: node
+  linkType: hard
+
 "@esbuild/darwin-x64@npm:0.19.5":
   version: 0.19.5
   resolution: "@esbuild/darwin-x64@npm:0.19.5"
@@ -435,6 +488,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@esbuild/freebsd-arm64@npm:0.18.20":
+  version: 0.18.20
+  resolution: "@esbuild/freebsd-arm64@npm:0.18.20"
+  conditions: os=freebsd & cpu=arm64
+  languageName: node
+  linkType: hard
+
 "@esbuild/freebsd-arm64@npm:0.19.5":
   version: 0.19.5
   resolution: "@esbuild/freebsd-arm64@npm:0.19.5"
@@ -442,6 +502,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@esbuild/freebsd-x64@npm:0.18.20":
+  version: 0.18.20
+  resolution: "@esbuild/freebsd-x64@npm:0.18.20"
+  conditions: os=freebsd & cpu=x64
+  languageName: node
+  linkType: hard
+
 "@esbuild/freebsd-x64@npm:0.19.5":
   version: 0.19.5
   resolution: "@esbuild/freebsd-x64@npm:0.19.5"
@@ -449,6 +516,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@esbuild/linux-arm64@npm:0.18.20":
+  version: 0.18.20
+  resolution: "@esbuild/linux-arm64@npm:0.18.20"
+  conditions: os=linux & cpu=arm64
+  languageName: node
+  linkType: hard
+
 "@esbuild/linux-arm64@npm:0.19.5":
   version: 0.19.5
   resolution: "@esbuild/linux-arm64@npm:0.19.5"
@@ -456,6 +530,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@esbuild/linux-arm@npm:0.18.20":
+  version: 0.18.20
+  resolution: "@esbuild/linux-arm@npm:0.18.20"
+  conditions: os=linux & cpu=arm
+  languageName: node
+  linkType: hard
+
 "@esbuild/linux-arm@npm:0.19.5":
   version: 0.19.5
   resolution: "@esbuild/linux-arm@npm:0.19.5"
@@ -463,6 +544,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@esbuild/linux-ia32@npm:0.18.20":
+  version: 0.18.20
+  resolution: "@esbuild/linux-ia32@npm:0.18.20"
+  conditions: os=linux & cpu=ia32
+  languageName: node
+  linkType: hard
+
 "@esbuild/linux-ia32@npm:0.19.5":
   version: 0.19.5
   resolution: "@esbuild/linux-ia32@npm:0.19.5"
@@ -470,6 +558,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@esbuild/linux-loong64@npm:0.18.20":
+  version: 0.18.20
+  resolution: "@esbuild/linux-loong64@npm:0.18.20"
+  conditions: os=linux & cpu=loong64
+  languageName: node
+  linkType: hard
+
 "@esbuild/linux-loong64@npm:0.19.5":
   version: 0.19.5
   resolution: "@esbuild/linux-loong64@npm:0.19.5"
@@ -477,6 +572,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@esbuild/linux-mips64el@npm:0.18.20":
+  version: 0.18.20
+  resolution: "@esbuild/linux-mips64el@npm:0.18.20"
+  conditions: os=linux & cpu=mips64el
+  languageName: node
+  linkType: hard
+
 "@esbuild/linux-mips64el@npm:0.19.5":
   version: 0.19.5
   resolution: "@esbuild/linux-mips64el@npm:0.19.5"
@@ -484,6 +586,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@esbuild/linux-ppc64@npm:0.18.20":
+  version: 0.18.20
+  resolution: "@esbuild/linux-ppc64@npm:0.18.20"
+  conditions: os=linux & cpu=ppc64
+  languageName: node
+  linkType: hard
+
 "@esbuild/linux-ppc64@npm:0.19.5":
   version: 0.19.5
   resolution: "@esbuild/linux-ppc64@npm:0.19.5"
@@ -491,6 +600,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@esbuild/linux-riscv64@npm:0.18.20":
+  version: 0.18.20
+  resolution: "@esbuild/linux-riscv64@npm:0.18.20"
+  conditions: os=linux & cpu=riscv64
+  languageName: node
+  linkType: hard
+
 "@esbuild/linux-riscv64@npm:0.19.5":
   version: 0.19.5
   resolution: "@esbuild/linux-riscv64@npm:0.19.5"
@@ -498,6 +614,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@esbuild/linux-s390x@npm:0.18.20":
+  version: 0.18.20
+  resolution: "@esbuild/linux-s390x@npm:0.18.20"
+  conditions: os=linux & cpu=s390x
+  languageName: node
+  linkType: hard
+
 "@esbuild/linux-s390x@npm:0.19.5":
   version: 0.19.5
   resolution: "@esbuild/linux-s390x@npm:0.19.5"
@@ -505,6 +628,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@esbuild/linux-x64@npm:0.18.20":
+  version: 0.18.20
+  resolution: "@esbuild/linux-x64@npm:0.18.20"
+  conditions: os=linux & cpu=x64
+  languageName: node
+  linkType: hard
+
 "@esbuild/linux-x64@npm:0.19.5":
   version: 0.19.5
   resolution: "@esbuild/linux-x64@npm:0.19.5"
@@ -512,6 +642,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@esbuild/netbsd-x64@npm:0.18.20":
+  version: 0.18.20
+  resolution: "@esbuild/netbsd-x64@npm:0.18.20"
+  conditions: os=netbsd & cpu=x64
+  languageName: node
+  linkType: hard
+
 "@esbuild/netbsd-x64@npm:0.19.5":
   version: 0.19.5
   resolution: "@esbuild/netbsd-x64@npm:0.19.5"
@@ -519,6 +656,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@esbuild/openbsd-x64@npm:0.18.20":
+  version: 0.18.20
+  resolution: "@esbuild/openbsd-x64@npm:0.18.20"
+  conditions: os=openbsd & cpu=x64
+  languageName: node
+  linkType: hard
+
 "@esbuild/openbsd-x64@npm:0.19.5":
   version: 0.19.5
   resolution: "@esbuild/openbsd-x64@npm:0.19.5"
@@ -526,6 +670,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@esbuild/sunos-x64@npm:0.18.20":
+  version: 0.18.20
+  resolution: "@esbuild/sunos-x64@npm:0.18.20"
+  conditions: os=sunos & cpu=x64
+  languageName: node
+  linkType: hard
+
 "@esbuild/sunos-x64@npm:0.19.5":
   version: 0.19.5
   resolution: "@esbuild/sunos-x64@npm:0.19.5"
@@ -533,6 +684,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@esbuild/win32-arm64@npm:0.18.20":
+  version: 0.18.20
+  resolution: "@esbuild/win32-arm64@npm:0.18.20"
+  conditions: os=win32 & cpu=arm64
+  languageName: node
+  linkType: hard
+
 "@esbuild/win32-arm64@npm:0.19.5":
   version: 0.19.5
   resolution: "@esbuild/win32-arm64@npm:0.19.5"
@@ -540,6 +698,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@esbuild/win32-ia32@npm:0.18.20":
+  version: 0.18.20
+  resolution: "@esbuild/win32-ia32@npm:0.18.20"
+  conditions: os=win32 & cpu=ia32
+  languageName: node
+  linkType: hard
+
 "@esbuild/win32-ia32@npm:0.19.5":
   version: 0.19.5
   resolution: "@esbuild/win32-ia32@npm:0.19.5"
@@ -547,6 +712,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@esbuild/win32-x64@npm:0.18.20":
+  version: 0.18.20
+  resolution: "@esbuild/win32-x64@npm:0.18.20"
+  conditions: os=win32 & cpu=x64
+  languageName: node
+  linkType: hard
+
 "@esbuild/win32-x64@npm:0.19.5":
   version: 0.19.5
   resolution: "@esbuild/win32-x64@npm:0.19.5"
@@ -1537,7 +1709,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@lit-labs/ssr-dom-shim@npm:^1.0.0, @lit-labs/ssr-dom-shim@npm:^1.1.0, @lit-labs/ssr-dom-shim@npm:^1.1.2":
+"@lit-labs/ssr-dom-shim@npm:^1.1.2, @lit-labs/ssr-dom-shim@npm:^1.1.2-pre.0":
   version: 1.1.2
   resolution: "@lit-labs/ssr-dom-shim@npm:1.1.2"
   checksum: e51c7c156317ac95cac8d534d8608ac2a9dda7441f14f73e9e66a995d277851a90315324fe74690d1169a66dce645ed9674a8f5a9a467d183156de1c87549b23
@@ -1554,21 +1726,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@lit/reactive-element@npm:^1.3.0, @lit/reactive-element@npm:^1.6.0":
-  version: 1.6.3
-  resolution: "@lit/reactive-element@npm:1.6.3"
-  dependencies:
-    "@lit-labs/ssr-dom-shim": "npm:^1.0.0"
-  checksum: 10f1d25e24e32feb21c4c6f9e11d062901241602e12c4ecf746b3138f87fed4d8394194645514d5c1bfd5f33f3fd56ee8ef41344e2cb4413c40fe4961ec9d419
-  languageName: node
-  linkType: hard
-
-"@lit/reactive-element@npm:^1.6.2 || ^2.0.0, @lit/reactive-element@npm:^2.0.0":
-  version: 2.0.1
-  resolution: "@lit/reactive-element@npm:2.0.1"
+"@lit/reactive-element@npm:2.0.0, @lit/reactive-element@npm:^1.6.2 || ^2.0.0, @lit/reactive-element@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "@lit/reactive-element@npm:2.0.0"
   dependencies:
-    "@lit-labs/ssr-dom-shim": "npm:^1.1.2"
-  checksum: a5a7c953f174747906fab0c18fbf06120f9aafb866c48637616579912d2d34e0a214211f34aa31fdf3d88025f17cbee01261813db476636508605d3d4fb3a199
+    "@lit-labs/ssr-dom-shim": "npm:^1.1.2-pre.0"
+  checksum: 5063c4470040e78d9adb47449fbd1f037fa0c184b778134f07d6d1e1cc3983d9e6a3e03929a6000b8c6b6148c40131d19c1a8a34828e6efb580b739a95fee399
   languageName: node
   linkType: hard
 
@@ -1695,9 +1858,9 @@ __metadata:
   linkType: hard
 
 "@openzeppelin/contracts@npm:^4.5.0":
-  version: 4.9.3
-  resolution: "@openzeppelin/contracts@npm:4.9.3"
-  checksum: 3d22eca3a13314f1950bde5738b12a56ebb0a2538a07769ea68a1130bbb21e28a46961130d1acce6e9bd3c40ff81cddd88b6644e10e12c2efec31b37ed6afc81
+  version: 4.9.5
+  resolution: "@openzeppelin/contracts@npm:4.9.5"
+  checksum: bf5b38320c09f33ecbd7bbf5f6dc8a3a94d3771ee4a1c0dcfc517c05bd03f61b3b3cb263c608e323780994b7686a21fdce2674ca5d127674c3292e5578335032
   languageName: node
   linkType: hard
 
@@ -2526,86 +2689,86 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@rollup/rollup-android-arm-eabi@npm:4.1.5":
-  version: 4.1.5
-  resolution: "@rollup/rollup-android-arm-eabi@npm:4.1.5"
+"@rollup/rollup-android-arm-eabi@npm:4.1.4":
+  version: 4.1.4
+  resolution: "@rollup/rollup-android-arm-eabi@npm:4.1.4"
   conditions: os=android & cpu=arm
   languageName: node
   linkType: hard
 
-"@rollup/rollup-android-arm64@npm:4.1.5":
-  version: 4.1.5
-  resolution: "@rollup/rollup-android-arm64@npm:4.1.5"
+"@rollup/rollup-android-arm64@npm:4.1.4":
+  version: 4.1.4
+  resolution: "@rollup/rollup-android-arm64@npm:4.1.4"
   conditions: os=android & cpu=arm64
   languageName: node
   linkType: hard
 
-"@rollup/rollup-darwin-arm64@npm:4.1.5":
-  version: 4.1.5
-  resolution: "@rollup/rollup-darwin-arm64@npm:4.1.5"
+"@rollup/rollup-darwin-arm64@npm:4.1.4":
+  version: 4.1.4
+  resolution: "@rollup/rollup-darwin-arm64@npm:4.1.4"
   conditions: os=darwin & cpu=arm64
   languageName: node
   linkType: hard
 
-"@rollup/rollup-darwin-x64@npm:4.1.5":
-  version: 4.1.5
-  resolution: "@rollup/rollup-darwin-x64@npm:4.1.5"
+"@rollup/rollup-darwin-x64@npm:4.1.4":
+  version: 4.1.4
+  resolution: "@rollup/rollup-darwin-x64@npm:4.1.4"
   conditions: os=darwin & cpu=x64
   languageName: node
   linkType: hard
 
-"@rollup/rollup-linux-arm-gnueabihf@npm:4.1.5":
-  version: 4.1.5
-  resolution: "@rollup/rollup-linux-arm-gnueabihf@npm:4.1.5"
+"@rollup/rollup-linux-arm-gnueabihf@npm:4.1.4":
+  version: 4.1.4
+  resolution: "@rollup/rollup-linux-arm-gnueabihf@npm:4.1.4"
   conditions: os=linux & cpu=arm
   languageName: node
   linkType: hard
 
-"@rollup/rollup-linux-arm64-gnu@npm:4.1.5":
-  version: 4.1.5
-  resolution: "@rollup/rollup-linux-arm64-gnu@npm:4.1.5"
+"@rollup/rollup-linux-arm64-gnu@npm:4.1.4":
+  version: 4.1.4
+  resolution: "@rollup/rollup-linux-arm64-gnu@npm:4.1.4"
   conditions: os=linux & cpu=arm64 & libc=glibc
   languageName: node
   linkType: hard
 
-"@rollup/rollup-linux-arm64-musl@npm:4.1.5":
-  version: 4.1.5
-  resolution: "@rollup/rollup-linux-arm64-musl@npm:4.1.5"
+"@rollup/rollup-linux-arm64-musl@npm:4.1.4":
+  version: 4.1.4
+  resolution: "@rollup/rollup-linux-arm64-musl@npm:4.1.4"
   conditions: os=linux & cpu=arm64 & libc=musl
   languageName: node
   linkType: hard
 
-"@rollup/rollup-linux-x64-gnu@npm:4.1.5":
-  version: 4.1.5
-  resolution: "@rollup/rollup-linux-x64-gnu@npm:4.1.5"
+"@rollup/rollup-linux-x64-gnu@npm:4.1.4":
+  version: 4.1.4
+  resolution: "@rollup/rollup-linux-x64-gnu@npm:4.1.4"
   conditions: os=linux & cpu=x64 & libc=glibc
   languageName: node
   linkType: hard
 
-"@rollup/rollup-linux-x64-musl@npm:4.1.5":
-  version: 4.1.5
-  resolution: "@rollup/rollup-linux-x64-musl@npm:4.1.5"
+"@rollup/rollup-linux-x64-musl@npm:4.1.4":
+  version: 4.1.4
+  resolution: "@rollup/rollup-linux-x64-musl@npm:4.1.4"
   conditions: os=linux & cpu=x64 & libc=musl
   languageName: node
   linkType: hard
 
-"@rollup/rollup-win32-arm64-msvc@npm:4.1.5":
-  version: 4.1.5
-  resolution: "@rollup/rollup-win32-arm64-msvc@npm:4.1.5"
+"@rollup/rollup-win32-arm64-msvc@npm:4.1.4":
+  version: 4.1.4
+  resolution: "@rollup/rollup-win32-arm64-msvc@npm:4.1.4"
   conditions: os=win32 & cpu=arm64
   languageName: node
   linkType: hard
 
-"@rollup/rollup-win32-ia32-msvc@npm:4.1.5":
-  version: 4.1.5
-  resolution: "@rollup/rollup-win32-ia32-msvc@npm:4.1.5"
+"@rollup/rollup-win32-ia32-msvc@npm:4.1.4":
+  version: 4.1.4
+  resolution: "@rollup/rollup-win32-ia32-msvc@npm:4.1.4"
   conditions: os=win32 & cpu=ia32
   languageName: node
   linkType: hard
 
-"@rollup/rollup-win32-x64-msvc@npm:4.1.5":
-  version: 4.1.5
-  resolution: "@rollup/rollup-win32-x64-msvc@npm:4.1.5"
+"@rollup/rollup-win32-x64-msvc@npm:4.1.4":
+  version: 4.1.4
+  resolution: "@rollup/rollup-win32-x64-msvc@npm:4.1.4"
   conditions: os=win32 & cpu=x64
   languageName: node
   linkType: hard
@@ -2836,11 +2999,20 @@ __metadata:
   linkType: hard
 
 "@types/node@npm:*":
-  version: 20.8.9
-  resolution: "@types/node@npm:20.8.9"
+  version: 20.8.8
+  resolution: "@types/node@npm:20.8.8"
+  dependencies:
+    undici-types: "npm:~5.25.1"
+  checksum: 739b3d6f4aa760d72373d504d91adec86ac2eab502f68a80214711983e7d1886fd276ade78a276a2affe4942a55ad65cf655c3aa9464d1150f6405445c5ba635
+  languageName: node
+  linkType: hard
+
+"@types/node@npm:20.8.4":
+  version: 20.8.4
+  resolution: "@types/node@npm:20.8.4"
   dependencies:
-    undici-types: "npm:~5.26.4"
-  checksum: 6fb5604ac087c8be9aeb9ee1413fae2e691c603c9a691bd722e113597b883f21e8380a44d114ab894b435a491bfc939c8478cd57bcf890c585b961343b124964
+    undici-types: "npm:~5.25.1"
+  checksum: 8d1e03d5bb186e7706d2c336c81eebd82b21b76e48ad482b9f731e1a948ff1f30f42d63f2379e6f9d99b31215a7467052317187def21c07aa1128ad28b2c01f9
   languageName: node
   linkType: hard
 
@@ -3805,22 +3977,22 @@ __metadata:
   linkType: hard
 
 "cacache@npm:^18.0.0":
-  version: 18.0.0
-  resolution: "cacache@npm:18.0.0"
+  version: 18.0.1
+  resolution: "cacache@npm:18.0.1"
   dependencies:
     "@npmcli/fs": "npm:^3.1.0"
     fs-minipass: "npm:^3.0.0"
     glob: "npm:^10.2.2"
     lru-cache: "npm:^10.0.1"
     minipass: "npm:^7.0.3"
-    minipass-collect: "npm:^1.0.2"
+    minipass-collect: "npm:^2.0.1"
     minipass-flush: "npm:^1.0.5"
     minipass-pipeline: "npm:^1.2.4"
     p-map: "npm:^4.0.0"
     ssri: "npm:^10.0.0"
     tar: "npm:^6.1.11"
     unique-filename: "npm:^3.0.0"
-  checksum: e359823778d712ad365740cef3f488d4f74c62cc79be5935896d9597a7d81033e50c54c15898fa9cc018620879307ab30d1dddc476ae705bfd5b29c145ae6938
+  checksum: a31666805a80a8b16ad3f85faf66750275a9175a3480896f4f6d31b5d53ef190484fabd71bdb6d2ea5603c717fbef09f4af03d6a65b525c8ef0afaa44c361866
   languageName: node
   linkType: hard
 
@@ -3872,9 +4044,9 @@ __metadata:
   linkType: hard
 
 "caniuse-lite@npm:^1.0.30001541":
-  version: 1.0.30001558
-  resolution: "caniuse-lite@npm:1.0.30001558"
-  checksum: 34b24ea00b8a40fa4106144179deb85a4de69130fec40baaf84a707421b7776019761b77692812337abdc0c7a9386f7b8539a08f6397326344448a4d75c31d1e
+  version: 1.0.30001553
+  resolution: "caniuse-lite@npm:1.0.30001553"
+  checksum: 75656429566b44f968e5575f2bc4a27052ed5bb49763069f6b6c3f64c5a2d4c561dc17342faee42ef42d004572fba7c214d5321d18d9283c95f3bf17e5498355
   languageName: node
   linkType: hard
 
@@ -3990,6 +4162,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"cliui@npm:^8.0.1":
+  version: 8.0.1
+  resolution: "cliui@npm:8.0.1"
+  dependencies:
+    string-width: "npm:^4.2.0"
+    strip-ansi: "npm:^6.0.1"
+    wrap-ansi: "npm:^7.0.0"
+  checksum: 4bda0f09c340cbb6dfdc1ed508b3ca080f12992c18d68c6be4d9cf51756033d5266e61ec57529e610dacbf4da1c634423b0c1b11037709cc6b09045cbd815df5
+  languageName: node
+  linkType: hard
+
 "clone-response@npm:^1.0.2":
   version: 1.0.3
   resolution: "clone-response@npm:1.0.3"
@@ -4374,6 +4557,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"define-lazy-prop@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "define-lazy-prop@npm:2.0.0"
+  checksum: db6c63864a9d3b7dc9def55d52764968a5af296de87c1b2cc71d8be8142e445208071953649e0386a8cc37cfcf9a2067a47207f1eb9ff250c2a269658fdae422
+  languageName: node
+  linkType: hard
+
 "define-lazy-prop@npm:^3.0.0":
   version: 3.0.0
   resolution: "define-lazy-prop@npm:3.0.0"
@@ -4488,9 +4678,9 @@ __metadata:
   linkType: hard
 
 "electron-to-chromium@npm:^1.4.535":
-  version: 1.4.569
-  resolution: "electron-to-chromium@npm:1.4.569"
-  checksum: d096c7adeb1e0df06ea6cb783c8d9bbd340f343185f8b16acfbe87f54ae2bc94173382383acdfe52ad83b21c9593ee41c27ef3fb49d667a4358f48bf6500b49c
+  version: 1.4.565
+  resolution: "electron-to-chromium@npm:1.4.565"
+  checksum: 9593bae9ebd00b94ef872207afee434696cf30ad47a98286a68785cba0eac70d3fd2a0701ffc483d5dc4b64daca73be6ffd525f20ebbaf3fab03119de76a5ae5
   languageName: node
   linkType: hard
 
@@ -4697,6 +4887,83 @@ __metadata:
   languageName: node
   linkType: hard
 
+"esbuild@npm:^0.18.10":
+  version: 0.18.20
+  resolution: "esbuild@npm:0.18.20"
+  dependencies:
+    "@esbuild/android-arm": "npm:0.18.20"
+    "@esbuild/android-arm64": "npm:0.18.20"
+    "@esbuild/android-x64": "npm:0.18.20"
+    "@esbuild/darwin-arm64": "npm:0.18.20"
+    "@esbuild/darwin-x64": "npm:0.18.20"
+    "@esbuild/freebsd-arm64": "npm:0.18.20"
+    "@esbuild/freebsd-x64": "npm:0.18.20"
+    "@esbuild/linux-arm": "npm:0.18.20"
+    "@esbuild/linux-arm64": "npm:0.18.20"
+    "@esbuild/linux-ia32": "npm:0.18.20"
+    "@esbuild/linux-loong64": "npm:0.18.20"
+    "@esbuild/linux-mips64el": "npm:0.18.20"
+    "@esbuild/linux-ppc64": "npm:0.18.20"
+    "@esbuild/linux-riscv64": "npm:0.18.20"
+    "@esbuild/linux-s390x": "npm:0.18.20"
+    "@esbuild/linux-x64": "npm:0.18.20"
+    "@esbuild/netbsd-x64": "npm:0.18.20"
+    "@esbuild/openbsd-x64": "npm:0.18.20"
+    "@esbuild/sunos-x64": "npm:0.18.20"
+    "@esbuild/win32-arm64": "npm:0.18.20"
+    "@esbuild/win32-ia32": "npm:0.18.20"
+    "@esbuild/win32-x64": "npm:0.18.20"
+  dependenciesMeta:
+    "@esbuild/android-arm":
+      optional: true
+    "@esbuild/android-arm64":
+      optional: true
+    "@esbuild/android-x64":
+      optional: true
+    "@esbuild/darwin-arm64":
+      optional: true
+    "@esbuild/darwin-x64":
+      optional: true
+    "@esbuild/freebsd-arm64":
+      optional: true
+    "@esbuild/freebsd-x64":
+      optional: true
+    "@esbuild/linux-arm":
+      optional: true
+    "@esbuild/linux-arm64":
+      optional: true
+    "@esbuild/linux-ia32":
+      optional: true
+    "@esbuild/linux-loong64":
+      optional: true
+    "@esbuild/linux-mips64el":
+      optional: true
+    "@esbuild/linux-ppc64":
+      optional: true
+    "@esbuild/linux-riscv64":
+      optional: true
+    "@esbuild/linux-s390x":
+      optional: true
+    "@esbuild/linux-x64":
+      optional: true
+    "@esbuild/netbsd-x64":
+      optional: true
+    "@esbuild/openbsd-x64":
+      optional: true
+    "@esbuild/sunos-x64":
+      optional: true
+    "@esbuild/win32-arm64":
+      optional: true
+    "@esbuild/win32-ia32":
+      optional: true
+    "@esbuild/win32-x64":
+      optional: true
+  bin:
+    esbuild: bin/esbuild
+  checksum: 473b1d92842f50a303cf948a11ebd5f69581cd254d599dd9d62f9989858e0533f64e83b723b5e1398a5b488c0f5fd088795b4235f65ecaf4f007d4b79f04bc88
+  languageName: node
+  linkType: hard
+
 "esbuild@npm:^0.19.3":
   version: 0.19.5
   resolution: "esbuild@npm:0.19.5"
@@ -4864,15 +5131,15 @@ __metadata:
   linkType: hard
 
 "eslint-plugin-lit@npm:^1.9.1":
-  version: 1.10.1
-  resolution: "eslint-plugin-lit@npm:1.10.1"
+  version: 1.10.0
+  resolution: "eslint-plugin-lit@npm:1.10.0"
   dependencies:
     parse5: "npm:^6.0.1"
     parse5-htmlparser2-tree-adapter: "npm:^6.0.1"
     requireindex: "npm:^1.2.0"
   peerDependencies:
     eslint: ">= 5"
-  checksum: a026a052cef0a72678e615b84e00d4538856bed920007509cfd7a6cb4854169e87be261b13be4e9721210fbfa09018d2b9bbc79a7d7db0e88589e40fe63d8f51
+  checksum: 9436c0982e6b21dba9bc12c6bdc1a544ada8b6416d0bc7f974e9c24c0e5466f66f19159d66e4092d445f6a1c16f7dff5c1a5d0f56c40f690e35085533e6aa43c
   languageName: node
   linkType: hard
 
@@ -5225,7 +5492,7 @@ __metadata:
   dependencies:
     bn.js: "npm:^4.11.8"
     ethereumjs-util: "npm:^6.0.0"
-  checksum: 25d2e1e5505d7df0683028a1b46b4c07d78f08ef38d20a93a4dbe18616479d3c314b5572bdf258605d70e939ac3fc01c893a3d97a4113a5a195ec39bf6ec4777
+  checksum: dd1f7fad25f6c36fa34877176fdb10e21bfab5b88030fc427829f52686bcad3215168f55e5ed93689a1c34d0d802f39dec25b50ce1914da5b59c50d5975ae30e
   languageName: node
   linkType: hard
 
@@ -5482,7 +5749,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"events@npm:^3.0.0":
+"events@npm:^3.0.0, events@npm:^3.3.0":
   version: 3.3.0
   resolution: "events@npm:3.3.0"
   checksum: d6b6f2adbccbcda74ddbab52ed07db727ef52e31a61ed26db9feb7dc62af7fc8e060defa65e5f8af9449b86b52cc1a1f6a79f2eafcf4e62add2b7a1fa4a432f6
@@ -5939,6 +6206,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"get-caller-file@npm:^2.0.5":
+  version: 2.0.5
+  resolution: "get-caller-file@npm:2.0.5"
+  checksum: c6c7b60271931fa752aeb92f2b47e355eac1af3a2673f47c9589e8f8a41adc74d45551c1bc57b5e66a80609f10ffb72b6f575e4370d61cc3f7f3aaff01757cde
+  languageName: node
+  linkType: hard
+
 "get-func-name@npm:^2.0.1, get-func-name@npm:^2.0.2":
   version: 2.0.2
   resolution: "get-func-name@npm:2.0.2"
@@ -6564,7 +6838,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-docker@npm:^2.0.0":
+"is-docker@npm:^2.0.0, is-docker@npm:^2.1.1":
   version: 2.2.1
   resolution: "is-docker@npm:2.2.1"
   bin:
@@ -7164,17 +7438,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"lit-element@npm:^3.3.0":
-  version: 3.3.3
-  resolution: "lit-element@npm:3.3.3"
-  dependencies:
-    "@lit-labs/ssr-dom-shim": "npm:^1.1.0"
-    "@lit/reactive-element": "npm:^1.3.0"
-    lit-html: "npm:^2.8.0"
-  checksum: f44c12fa3423a4e9ca5b84651410687e14646bb270ac258325e6905affac64a575f041f8440377e7ebaefa3910b6f0d6b8b1e902cb1aa5d0849b3fdfbf4fb3b6
-  languageName: node
-  linkType: hard
-
 "lit-element@npm:^4.0.0":
   version: 4.0.1
   resolution: "lit-element@npm:4.0.1"
@@ -7186,21 +7449,21 @@ __metadata:
   languageName: node
   linkType: hard
 
-"lit-html@npm:^2.8.0":
-  version: 2.8.0
-  resolution: "lit-html@npm:2.8.0"
+"lit-html@npm:3.0.0, lit-html@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "lit-html@npm:3.0.0"
   dependencies:
     "@types/trusted-types": "npm:^2.0.2"
-  checksum: 90057dee050803823ac884c1355b0213ab8c05fbe2ec63943c694b61aade5d36272068f3925f45a312835e504f9c9784738ef797009f0a756a750351eafb52d5
+  checksum: 0c23e937137e397f23f33586a323f0ca47b98d4cb8e2b0bc699a818968f10126caba44408f66a33edad84f7a4d8476c68eb9f87f7c84c6340ac1d9315170e08b
   languageName: node
   linkType: hard
 
-"lit-html@npm:^3.0.0":
-  version: 3.0.1
-  resolution: "lit-html@npm:3.0.1"
+"lit-html@npm:^3.1.0":
+  version: 3.1.0
+  resolution: "lit-html@npm:3.1.0"
   dependencies:
     "@types/trusted-types": "npm:^2.0.2"
-  checksum: a7e545eee4d0f8fa9a6ff4c084a563f6123d412b19acf651edbe0a9e41aaece6c8accc5c0cfa150d30ff44d9053dbd3656e182b023e18dbf30206722c4cb89e2
+  checksum: ecd6d0c97715cc92092d14f329acd04eea37886a947a07f32bd96dd89d44253689a9e4e9c787412e184657c2af5547332ba07f2cfcabda8d4c0db36863a93cc0
   languageName: node
   linkType: hard
 
@@ -7216,24 +7479,13 @@ __metadata:
   linkType: hard
 
 "lit@npm:^2.7.5 || ^3.0.0":
-  version: 3.0.1
-  resolution: "lit@npm:3.0.1"
+  version: 3.1.0
+  resolution: "lit@npm:3.1.0"
   dependencies:
     "@lit/reactive-element": "npm:^2.0.0"
     lit-element: "npm:^4.0.0"
-    lit-html: "npm:^3.0.0"
-  checksum: 04df16bdccedececc01312450249a15dc183cf65d829ca24bbc7e1004a96a67f78b59d640c4aceda047ecfab369cb0cea3f094653ce0b5a4a015dd39c21cb23b
-  languageName: node
-  linkType: hard
-
-"lit@npm:^2.8.0":
-  version: 2.8.0
-  resolution: "lit@npm:2.8.0"
-  dependencies:
-    "@lit/reactive-element": "npm:^1.6.0"
-    lit-element: "npm:^3.3.0"
-    lit-html: "npm:^2.8.0"
-  checksum: bf33c26b1937ee204aed1adbfa4b3d43a284e85aad8ea9763c7865365917426eded4e5888158b4136095ea42054812561fe272862b61775f1198fad3588b071f
+    lit-html: "npm:^3.1.0"
+  checksum: 7ca12c1b1593373d16b51b2220677d8936b4061de4f278ef2a85f15726bb4365a8eed89a0294816a10d6124dca81f02e83b5dfed9a6031e135a7bc68924eea6b
   languageName: node
   linkType: hard
 
@@ -7297,10 +7549,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"lru-cache@npm:^10.0.1, lru-cache@npm:^9.1.1 || ^10.0.0":
-  version: 10.0.1
-  resolution: "lru-cache@npm:10.0.1"
-  checksum: 982dabfb227b9a2daf56d712ae0e72e01115a28c0a2068cd71277bca04568f3417bbf741c6c7941abc5c620fd8059e34f15607f90ebccbfa0a17533322d27a8e
+"lru-cache@npm:^10.0.1":
+  version: 10.1.0
+  resolution: "lru-cache@npm:10.1.0"
+  checksum: 778bc8b2626daccd75f24c4b4d10632496e21ba064b126f526c626fbdbc5b28c472013fccd45d7646b9e1ef052444824854aed617b59cd570d01a8b7d651fc1e
   languageName: node
   linkType: hard
 
@@ -7322,6 +7574,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"lru-cache@npm:^9.1.1 || ^10.0.0":
+  version: 10.0.1
+  resolution: "lru-cache@npm:10.0.1"
+  checksum: 982dabfb227b9a2daf56d712ae0e72e01115a28c0a2068cd71277bca04568f3417bbf741c6c7941abc5c620fd8059e34f15607f90ebccbfa0a17533322d27a8e
+  languageName: node
+  linkType: hard
+
 "ltgt@npm:~2.2.0":
   version: 2.2.1
   resolution: "ltgt@npm:2.2.1"
@@ -7544,12 +7803,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"minipass-collect@npm:^1.0.2":
-  version: 1.0.2
-  resolution: "minipass-collect@npm:1.0.2"
+"minipass-collect@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "minipass-collect@npm:2.0.1"
   dependencies:
-    minipass: "npm:^3.0.0"
-  checksum: 8f82bd1f3095b24f53a991b04b67f4c710c894e518b813f0864a31de5570441a509be1ca17e0bb92b047591a8fdbeb886f502764fefb00d2f144f4011791e898
+    minipass: "npm:^7.0.3"
+  checksum: 5167e73f62bb74cc5019594709c77e6a742051a647fe9499abf03c71dca75515b7959d67a764bdc4f8b361cf897fbf25e2d9869ee039203ed45240f48b9aa06e
   languageName: node
   linkType: hard
 
@@ -8088,6 +8347,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"open@npm:^8.4.0":
+  version: 8.4.2
+  resolution: "open@npm:8.4.2"
+  dependencies:
+    define-lazy-prop: "npm:^2.0.0"
+    is-docker: "npm:^2.1.1"
+    is-wsl: "npm:^2.2.0"
+  checksum: bb6b3a58401dacdb0aad14360626faf3fb7fba4b77816b373495988b724fb48941cad80c1b65d62bb31a17609b2cd91c41a181602caea597ca80dfbcc27e84c9
+  languageName: node
+  linkType: hard
+
 "open@npm:^9.1.0":
   version: 9.1.0
   resolution: "open@npm:9.1.0"
@@ -8351,7 +8621,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postcss@npm:^8.4.31":
+"postcss@npm:^8.4.27, postcss@npm:^8.4.31":
   version: 8.4.31
   resolution: "postcss@npm:8.4.31"
   dependencies:
@@ -8699,6 +8969,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"require-directory@npm:^2.1.1":
+  version: 2.1.1
+  resolution: "require-directory@npm:2.1.1"
+  checksum: 83aa76a7bc1531f68d92c75a2ca2f54f1b01463cb566cf3fbc787d0de8be30c9dbc211d1d46be3497dac5785fe296f2dd11d531945ac29730643357978966e99
+  languageName: node
+  linkType: hard
+
 "requireindex@npm:^1.2.0":
   version: 1.2.0
   resolution: "requireindex@npm:1.2.0"
@@ -8808,22 +9085,55 @@ __metadata:
   languageName: node
   linkType: hard
 
+"rollup-plugin-visualizer@npm:^5.9.2":
+  version: 5.9.2
+  resolution: "rollup-plugin-visualizer@npm:5.9.2"
+  dependencies:
+    open: "npm:^8.4.0"
+    picomatch: "npm:^2.3.1"
+    source-map: "npm:^0.7.4"
+    yargs: "npm:^17.5.1"
+  peerDependencies:
+    rollup: 2.x || 3.x
+  peerDependenciesMeta:
+    rollup:
+      optional: true
+  bin:
+    rollup-plugin-visualizer: dist/bin/cli.js
+  checksum: e6280bed797084e9f9ee06726e46706e32854fc7647c5c5bcec68a9be8ca8e6fbf7f8a0b2f76255e9df72e84135a7d57eb2662b6cfd68496a1ef60fa33597eaf
+  languageName: node
+  linkType: hard
+
+"rollup@npm:^3.27.1":
+  version: 3.29.4
+  resolution: "rollup@npm:3.29.4"
+  dependencies:
+    fsevents: "npm:~2.3.2"
+  dependenciesMeta:
+    fsevents:
+      optional: true
+  bin:
+    rollup: dist/bin/rollup
+  checksum: 65eddf84bf389ea8e4d4c1614b1c6a298d08f8ae785c0c087e723a879190c8aaddbab4aa3b8a0524551b9036750c9f8bfea27b377798accfd2ba5084ceff5aaa
+  languageName: node
+  linkType: hard
+
 "rollup@npm:^4.1.4":
-  version: 4.1.5
-  resolution: "rollup@npm:4.1.5"
-  dependencies:
-    "@rollup/rollup-android-arm-eabi": "npm:4.1.5"
-    "@rollup/rollup-android-arm64": "npm:4.1.5"
-    "@rollup/rollup-darwin-arm64": "npm:4.1.5"
-    "@rollup/rollup-darwin-x64": "npm:4.1.5"
-    "@rollup/rollup-linux-arm-gnueabihf": "npm:4.1.5"
-    "@rollup/rollup-linux-arm64-gnu": "npm:4.1.5"
-    "@rollup/rollup-linux-arm64-musl": "npm:4.1.5"
-    "@rollup/rollup-linux-x64-gnu": "npm:4.1.5"
-    "@rollup/rollup-linux-x64-musl": "npm:4.1.5"
-    "@rollup/rollup-win32-arm64-msvc": "npm:4.1.5"
-    "@rollup/rollup-win32-ia32-msvc": "npm:4.1.5"
-    "@rollup/rollup-win32-x64-msvc": "npm:4.1.5"
+  version: 4.1.4
+  resolution: "rollup@npm:4.1.4"
+  dependencies:
+    "@rollup/rollup-android-arm-eabi": "npm:4.1.4"
+    "@rollup/rollup-android-arm64": "npm:4.1.4"
+    "@rollup/rollup-darwin-arm64": "npm:4.1.4"
+    "@rollup/rollup-darwin-x64": "npm:4.1.4"
+    "@rollup/rollup-linux-arm-gnueabihf": "npm:4.1.4"
+    "@rollup/rollup-linux-arm64-gnu": "npm:4.1.4"
+    "@rollup/rollup-linux-arm64-musl": "npm:4.1.4"
+    "@rollup/rollup-linux-x64-gnu": "npm:4.1.4"
+    "@rollup/rollup-linux-x64-musl": "npm:4.1.4"
+    "@rollup/rollup-win32-arm64-msvc": "npm:4.1.4"
+    "@rollup/rollup-win32-ia32-msvc": "npm:4.1.4"
+    "@rollup/rollup-win32-x64-msvc": "npm:4.1.4"
     fsevents: "npm:~2.3.2"
   dependenciesMeta:
     "@rollup/rollup-android-arm-eabi":
@@ -8854,7 +9164,7 @@ __metadata:
       optional: true
   bin:
     rollup: dist/bin/rollup
-  checksum: 0b07d16fdaac8e1469e5297a5582400420ed26fb77ab64de5312f15e252bfb3c60ecea75fad018e448abff89c72339989ea392b5627c23b7155a6eccf57e14b2
+  checksum: 75ce1b47b7794cacf4291b8a3ecf9f1e3266f6e3ee94d82acbbf6087403f338eadc763a6dba3daff2efb4581dfe26391275c9acd4772834417b74f499b4960a2
   languageName: node
   linkType: hard
 
@@ -9245,6 +9555,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"source-map@npm:^0.7.4":
+  version: 0.7.4
+  resolution: "source-map@npm:0.7.4"
+  checksum: dc0cf3768fe23c345ea8760487f8c97ef6fca8a73c83cd7c9bf2fde8bc2c34adb9c0824d6feb14bc4f9e37fb522e18af621543f1289038a66ac7586da29aa7dc
+  languageName: node
+  linkType: hard
+
 "sshpk@npm:^1.7.0":
   version: 1.18.0
   resolution: "sshpk@npm:1.18.0"
@@ -9310,7 +9627,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"string-width-cjs@npm:string-width@^4.2.0, string-width@npm:^4.1.0":
+"string-width-cjs@npm:string-width@^4.2.0, string-width@npm:^4.1.0, string-width@npm:^4.2.0, string-width@npm:^4.2.3":
   version: 4.2.3
   resolution: "string-width@npm:4.2.3"
   dependencies:
@@ -9808,7 +10125,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"typescript@npm:^5.2.2":
+"typescript@npm:5.2.2, typescript@npm:^5.2.2":
   version: 5.2.2
   resolution: "typescript@npm:5.2.2"
   bin:
@@ -9818,7 +10135,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"typescript@patch:typescript@npm%3A^5.2.2#optional!builtin<compat/typescript>":
+"typescript@patch:typescript@npm%3A5.2.2#optional!builtin<compat/typescript>, typescript@patch:typescript@npm%3A^5.2.2#optional!builtin<compat/typescript>":
   version: 5.2.2
   resolution: "typescript@patch:typescript@npm%3A5.2.2#optional!builtin<compat/typescript>::version=5.2.2&hash=f3b441"
   bin:
@@ -9854,10 +10171,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"undici-types@npm:~5.26.4":
-  version: 5.26.5
-  resolution: "undici-types@npm:5.26.5"
-  checksum: bb673d7876c2d411b6eb6c560e0c571eef4a01c1c19925175d16e3a30c4c428181fb8d7ae802a261f283e4166a0ac435e2f505743aa9e45d893f9a3df017b501
+"undici-types@npm:~5.25.1":
+  version: 5.25.3
+  resolution: "undici-types@npm:5.25.3"
+  checksum: 60a47c6db451c00d27186d86a41fbd9677fa1f6d1a5350bff342c3985bd79fc3f5a638ebf56bbce21df46c701a687db43b3fbd588e1726e58047cea14d182fef
   languageName: node
   linkType: hard
 
@@ -10050,9 +10367,49 @@ __metadata:
   languageName: node
   linkType: hard
 
+"vite@npm:4.4.11":
+  version: 4.4.11
+  resolution: "vite@npm:4.4.11"
+  dependencies:
+    esbuild: "npm:^0.18.10"
+    fsevents: "npm:~2.3.2"
+    postcss: "npm:^8.4.27"
+    rollup: "npm:^3.27.1"
+  peerDependencies:
+    "@types/node": ">= 14"
+    less: "*"
+    lightningcss: ^1.21.0
+    sass: "*"
+    stylus: "*"
+    sugarss: "*"
+    terser: ^5.4.0
+  dependenciesMeta:
+    fsevents:
+      optional: true
+  peerDependenciesMeta:
+    "@types/node":
+      optional: true
+    less:
+      optional: true
+    lightningcss:
+      optional: true
+    sass:
+      optional: true
+    stylus:
+      optional: true
+    sugarss:
+      optional: true
+    terser:
+      optional: true
+  bin:
+    vite: bin/vite.js
+  checksum: 550af0f67b600f603d0c129b74ac18dfa674d19e2b7dba28f4214d5edeba217a91fb7b8f4f47037aa0297f142d22360780a0a4533b27dbaacd2894030f61e5f4
+  languageName: node
+  linkType: hard
+
 "vite@npm:^3.0.0 || ^4.0.0 || ^5.0.0-0, vite@npm:^3.1.0 || ^4.0.0 || ^5.0.0-0":
-  version: 5.0.0-beta.13
-  resolution: "vite@npm:5.0.0-beta.13"
+  version: 5.0.0-beta.12
+  resolution: "vite@npm:5.0.0-beta.12"
   dependencies:
     esbuild: "npm:^0.19.3"
     fsevents: "npm:~2.3.3"
@@ -10086,7 +10443,7 @@ __metadata:
       optional: true
   bin:
     vite: bin/vite.js
-  checksum: a325df13ceba5634e6728ac9b6c632c9b835f27780bcb774c5443c742610154db6ddf22fa61629d9195c853af2cb153f7fb26b0090fb33a6c341773135e07621
+  checksum: e9db80a8253190775b8f72141bfcb081be349bcf15801c4df2656757142cc4cf56783af18a7b3c36d4fd7e7e1ed19638950da89b87650dbd5dabf60262fdb60b
   languageName: node
   linkType: hard
 
@@ -10598,7 +10955,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0":
+"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0, wrap-ansi@npm:^7.0.0":
   version: 7.0.0
   resolution: "wrap-ansi@npm:7.0.0"
   dependencies:
@@ -10743,6 +11100,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"y18n@npm:^5.0.5":
+  version: 5.0.8
+  resolution: "y18n@npm:5.0.8"
+  checksum: 4df2842c36e468590c3691c894bc9cdbac41f520566e76e24f59401ba7d8b4811eb1e34524d57e54bc6d864bcb66baab7ffd9ca42bf1eda596618f9162b91249
+  languageName: node
+  linkType: hard
+
 "yaeti@npm:^0.0.6":
   version: 0.0.6
   resolution: "yaeti@npm:0.0.6"
@@ -10764,6 +11128,28 @@ __metadata:
   languageName: node
   linkType: hard
 
+"yargs-parser@npm:^21.1.1":
+  version: 21.1.1
+  resolution: "yargs-parser@npm:21.1.1"
+  checksum: f84b5e48169479d2f402239c59f084cfd1c3acc197a05c59b98bab067452e6b3ea46d4dd8ba2985ba7b3d32a343d77df0debd6b343e5dae3da2aab2cdf5886b2
+  languageName: node
+  linkType: hard
+
+"yargs@npm:^17.5.1":
+  version: 17.7.2
+  resolution: "yargs@npm:17.7.2"
+  dependencies:
+    cliui: "npm:^8.0.1"
+    escalade: "npm:^3.1.1"
+    get-caller-file: "npm:^2.0.5"
+    require-directory: "npm:^2.1.1"
+    string-width: "npm:^4.2.3"
+    y18n: "npm:^5.0.5"
+    yargs-parser: "npm:^21.1.1"
+  checksum: ccd7e723e61ad5965fffbb791366db689572b80cca80e0f96aad968dfff4156cd7cd1ad18607afe1046d8241e6fb2d6c08bf7fa7bfb5eaec818735d8feac8f05
+  languageName: node
+  linkType: hard
+
 "yocto-queue@npm:^0.1.0":
   version: 0.1.0
   resolution: "yocto-queue@npm:0.1.0"